<!doctype html>
<html
lang="fr"
>
<head>
<meta name="google-site-verification" content="JWtDJ1i0JlPtj-YLuCezaTCTkOHenB7Cnn54n9v_qho" />
<!-- Google Tag Manager -->
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-5SL4BVZ3');</script>
<!-- End Google Tag Manager -->
<link
rel="expect"
href="#MainContent"
blocking="render"
id="view-transition-render-blocker"
>
<meta charset="utf-8">
<meta
http-equiv="X-UA-Compatible"
content="IE=edge"
>
<meta
name="viewport"
content="width=device-width,initial-scale=1"
>
<meta
name="view-transition"
content="same-origin"
>
<meta
name="theme-color"
content=""
>
<meta
property="og:site_name"
content="Junolia"
>
<meta
property="og:url"
content="https://www.junolia.com/"
>
<meta
property="og:title"
content="Junolia by Orangoo | Presse-agrumes Zumex professionnels"
>
<meta
property="og:type"
content="website"
>
<meta
property="og:description"
content="19:47Claude a répondu : 178 caractères — légèrement au-dessus, voici une version raccourcie à 158 :Machines à jus Zumex professionnelles : achat, location ou mise à disposition avec oranges et bouteilles RPET livrés. Solution clé en main pour CHR, restaurants et boulangeries."
><meta
property="og:image"
content="http://www.junolia.com/cdn/shop/files/IMG7_55368cb4-ec8c-4c70-82f6-71975447a435.png?v=1745951699"
>
<meta
property="og:image:secure_url"
content="https://www.junolia.com/cdn/shop/files/IMG7_55368cb4-ec8c-4c70-82f6-71975447a435.png?v=1745951699"
>
<meta
property="og:image:width"
content="513"
>
<meta
property="og:image:height"
content="504"
><meta
name="twitter:card"
content="summary_large_image"
>
<meta
name="twitter:title"
content="Junolia by Orangoo | Presse-agrumes Zumex professionnels"
>
<meta
name="twitter:description"
content="19:47Claude a répondu : 178 caractères — légèrement au-dessus, voici une version raccourcie à 158 :Machines à jus Zumex professionnelles : achat, location ou mise à disposition avec oranges et bouteilles RPET livrés. Solution clé en main pour CHR, restaurants et boulangeries."
>
<title>
Junolia by Orangoo | Presse-agrumes Zumex professionnels
</title>
<link
rel="canonical"
href="https://www.junolia.com/"
>
<meta
name="description"
content="19:47Claude a répondu : 178 caractères — légèrement au-dessus, voici une version raccourcie à 158 :Machines à jus Zumex professionnelles : achat, location ou mise à disposition avec oranges et bouteilles RPET livrés. Solution clé en main pour CHR, restaurants et boulangeries."
>
<link href="//www.junolia.com/cdn/shop/t/5/assets/overflow-list.css?v=16727044177065489451777041136" as="style" rel="preload">
<link href="//www.junolia.com/cdn/shop/t/5/assets/base.css?v=100747489015480209371777881733" rel="stylesheet" type="text/css" media="all" />
<link
rel="preload"
as="font"
href="//www.junolia.com/cdn/fonts/geist/geist_n4.6e27f20c83b0a07405328f98ff3b0be957c5d6d5.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//www.junolia.com/cdn/fonts/geist/geist_n4.6e27f20c83b0a07405328f98ff3b0be957c5d6d5.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//www.junolia.com/cdn/fonts/chivo/chivo_n7.4d81c6f06c2ff78ed42169d6ec4aefa6d5cb0ff0.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//www.junolia.com/cdn/fonts/chivo/chivo_n7.4d81c6f06c2ff78ed42169d6ec4aefa6d5cb0ff0.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
>
<script type="importmap">
{
"imports": {
"@theme/overflow-list": "//www.junolia.com/cdn/shop/t/5/assets/overflow-list.js?v=46858356770684902511777041136",
"@theme/product-title": "//www.junolia.com/cdn/shop/t/5/assets/product-title-truncation.js?v=81744426891537421781777041136",
"@theme/component": "//www.junolia.com/cdn/shop/t/5/assets/component.js?v=184240237101443119871777041136",
"@theme/dialog": "//www.junolia.com/cdn/shop/t/5/assets/dialog.js?v=150888536568694194021777041136",
"@theme/events": "//www.junolia.com/cdn/shop/t/5/assets/events.js?v=1118589085892804011777041136",
"@theme/focus": "//www.junolia.com/cdn/shop/t/5/assets/focus.js?v=60436577539430446401777041136",
"@theme/morph": "//www.junolia.com/cdn/shop/t/5/assets/morph.js?v=104045809772310330131777041136",
"@theme/paginated-list": "//www.junolia.com/cdn/shop/t/5/assets/paginated-list.js?v=95298315036233333871777041136",
"@theme/performance": "//www.junolia.com/cdn/shop/t/5/assets/performance.js?v=171015751390534793081777041136",
"@theme/product-form": "//www.junolia.com/cdn/shop/t/5/assets/product-form.js?v=142170751179338062901777041136",
"@theme/recently-viewed-products": "//www.junolia.com/cdn/shop/t/5/assets/recently-viewed-products.js?v=94729125001750262651777041136",
"@theme/scrolling": "//www.junolia.com/cdn/shop/t/5/assets/scrolling.js?v=162288454571026455011777041136",
"@theme/section-renderer": "//www.junolia.com/cdn/shop/t/5/assets/section-renderer.js?v=123311117485513785771777041136",
"@theme/section-hydration": "//www.junolia.com/cdn/shop/t/5/assets/section-hydration.js?v=108434990705342316311777041136",
"@theme/money-formatting": "//www.junolia.com/cdn/shop/t/5/assets/money-formatting.js?v=182191346160333327151777041136",
"@theme/utilities": "//www.junolia.com/cdn/shop/t/5/assets/utilities.js?v=28506172887375975941777041136",
"@theme/variant-picker": "//www.junolia.com/cdn/shop/t/5/assets/variant-picker.js?v=24924540959574313291777041136",
"@theme/media-gallery": "//www.junolia.com/cdn/shop/t/5/assets/media-gallery.js?v=14624021005636302161777041136",
"@theme/quick-add": "//www.junolia.com/cdn/shop/t/5/assets/quick-add.js?v=114575661933533593881777041136",
"@theme/paginated-list-aspect-ratio": "//www.junolia.com/cdn/shop/t/5/assets/paginated-list-aspect-ratio.js?v=25254270272143792451777041136",
"@theme/popover-polyfill": "//www.junolia.com/cdn/shop/t/5/assets/popover-polyfill.js?v=119029313658895111201777041136",
"@theme/component-quantity-selector": "//www.junolia.com/cdn/shop/t/5/assets/component-quantity-selector.js?v=67906657287482036641777041136",
"@theme/comparison-slider": "//www.junolia.com/cdn/shop/t/5/assets/comparison-slider.js?v=106705562947035711941777041136",
"@theme/sticky-add-to-cart": "//www.junolia.com/cdn/shop/t/5/assets/sticky-add-to-cart.js?v=48956925339276737091777041136",
"@theme/fly-to-cart": "//www.junolia.com/cdn/shop/t/5/assets/fly-to-cart.js?v=48483246440248933081777041136"
}
}
</script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/view-transitions.js?v=7106414069516106341777041136"
async
blocking="render"
></script>
<link
rel="modulepreload"
href="//www.junolia.com/cdn/shop/t/5/assets/utilities.js?v=28506172887375975941777041136"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.junolia.com/cdn/shop/t/5/assets/component.js?v=184240237101443119871777041136"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.junolia.com/cdn/shop/t/5/assets/section-renderer.js?v=123311117485513785771777041136"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.junolia.com/cdn/shop/t/5/assets/section-hydration.js?v=108434990705342316311777041136"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.junolia.com/cdn/shop/t/5/assets/morph.js?v=104045809772310330131777041136"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.junolia.com/cdn/shop/t/5/assets/focus.js?v=60436577539430446401777041136"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.junolia.com/cdn/shop/t/5/assets/recently-viewed-products.js?v=94729125001750262651777041136"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.junolia.com/cdn/shop/t/5/assets/scrolling.js?v=162288454571026455011777041136"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.junolia.com/cdn/shop/t/5/assets/events.js?v=1118589085892804011777041136"
fetchpriority="low"
>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/popover-polyfill.js?v=119029313658895111201777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/overflow-list.js?v=46858356770684902511777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/quick-add.js?v=114575661933533593881777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/cart-discount.js?v=107077853990124422021777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/dialog.js?v=150888536568694194021777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/variant-picker.js?v=24924540959574313291777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/product-card.js?v=28695665944407642501777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/product-form.js?v=142170751179338062901777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/fly-to-cart.js?v=48483246440248933081777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/accordion-custom.js?v=97588419883090888471777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/media.js?v=37825095869491791421777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/product-price.js?v=83480980452100801711777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/product-sku.js?v=121804655373531320511777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/product-title-truncation.js?v=81744426891537421781777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/product-inventory.js?v=81520546963552472391777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/show-more.js?v=94563802205717136101777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/slideshow.js?v=168726587398279102001777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/layered-slideshow.js?v=30135417790894624731777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/anchored-popover.js?v=95953304814728754461777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/floating-panel.js?v=151277338116891310371777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/video-background.js?v=25237992823806706551777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/component-quantity-selector.js?v=67906657287482036641777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/media-gallery.js?v=14624021005636302161777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/rte-formatter.js?v=40306132146590816021777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/volume-pricing.js?v=15442793518842484731777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/price-per-item.js?v=144512917617120124431777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/volume-pricing-info.js?v=94479640769665442661777041136"
type="module"
fetchpriority="low"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/auto-close-details.js?v=58350291535404441581777041136"
defer="defer"
></script>
<script>
const Theme = {
translations: {
placeholder_image: `Image du paramètre fictif`,
added: `Ajouté`,
recipient_form_fields_visible: `Les champs du formulaire de destinataire sont désormais visibles`,
recipient_form_fields_hidden: `Les champs du formulaire de destinataire sont désormais masqués`,
recipient_form_error: `La soumission du formulaire présentait une erreur`,
items_added_to_cart_one: `1 article ajouté au panier`,
items_added_to_cart_other: `{{ count }} articles ajoutés au panier`,
cart_count: `Nombre total d’articles dans le panier`,
},
routes: {
cart_add_url: '/cart/add.js',
cart_change_url: '/cart/change',
cart_update_url: '/cart/update',
cart_url: '/cart',
predictive_search_url: '/search/suggest',
search_url: '/search',
},
template: {
name: 'index',
},
};
</script>
<style data-shopify>
@font-face {
font-family: Geist;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//www.junolia.com/cdn/fonts/geist/geist_n4.6e27f20c83b0a07405328f98ff3b0be957c5d6d5.woff2") format("woff2"),
url("//www.junolia.com/cdn/fonts/geist/geist_n4.492f36219dd328eb9d6fa578986db9fe6d514f67.woff") format("woff");
}
@font-face {
font-family: Geist;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//www.junolia.com/cdn/fonts/geist/geist_n7.d1a55eaf394973a6f8fe773d87de2e2f51331d2a.woff2") format("woff2"),
url("//www.junolia.com/cdn/fonts/geist/geist_n7.69b158278bc5ac2dd4016704355834ad3509f9f6.woff") format("woff");
}
@font-face {
font-family: Chivo;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//www.junolia.com/cdn/fonts/chivo/chivo_n7.4d81c6f06c2ff78ed42169d6ec4aefa6d5cb0ff0.woff2") format("woff2"),
url("//www.junolia.com/cdn/fonts/chivo/chivo_n7.a0e879417e089c259360eefc0ac3a3c8ea4e2830.woff") format("woff");
}
@font-face {
font-family: Chivo;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//www.junolia.com/cdn/fonts/chivo/chivo_i7.0e5a75162c3ca7258edd3d59adf64e0fd118a226.woff2") format("woff2"),
url("//www.junolia.com/cdn/fonts/chivo/chivo_i7.f9fd944b04861b64efaebd9de502668b4b566567.woff") format("woff");
}
:root {
/* Page Layout */
--sidebar-width: 25rem;
--narrow-content-width: 36rem;
--normal-content-width: 42rem;
--wide-content-width: 46rem;
--narrow-page-width: 90rem;
--normal-page-width: 120rem;
--wide-page-width: 150rem;
/* Section Heights */
--section-height-small: 15rem;
--section-height-medium: 25rem;
--section-height-large: 35rem;
@media screen and (min-width: 40em) {
--section-height-small: 40svh;
--section-height-medium: 55svh;
--section-height-large: 70svh;
}
@media screen and (min-width: 60em) {
--section-height-small: 50svh;
--section-height-medium: 65svh;
--section-height-large: 80svh;
}
/* Letter spacing */
--letter-spacing-sm: 0.06em;
--letter-spacing-md: 0.13em;
/* Font families */
--font-body--family: Geist, sans-serif;
--font-body--style: normal;
--font-body--weight: 400;
--font-subheading--family: Geist, sans-serif;
--font-subheading--style: normal;
--font-subheading--weight: 400;
--font-heading--family: Chivo, sans-serif;
--font-heading--style: normal;
--font-heading--weight: 700;
--font-accent--family: Chivo, sans-serif;
--font-accent--style: normal;
--font-accent--weight: 700;
/* Margin sizes */
--font-heading--spacing: 0.25em;
--font-h1--spacing: var(--font-heading--spacing);
--font-h2--spacing: var(--font-heading--spacing);
--font-h3--spacing: var(--font-heading--spacing);
--font-h4--spacing: var(--font-heading--spacing);
--font-h5--spacing: var(--font-heading--spacing);
--font-h6--spacing: var(--font-heading--spacing);
--font-paragraph--spacing: 0.5em;
/* Heading colors */
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/** Z-Index / Layering */
--layer-section-background: -2;
--layer-lowest: -1;
--layer-base: 0;
--layer-flat: 1;
--layer-raised: 2;
--layer-heightened: 4;
--layer-sticky: 8;
--layer-window-overlay: 10;
--layer-header-menu: 12;
--layer-overlay: 16;
--layer-menu-drawer: 18;
--layer-temporary: 20;
/* Max-width / Measure */
--max-width--body-normal: 32.5em;
--max-width--body-narrow: 22.75em;
--max-width--heading-normal: 32.5em;
--max-width--heading-narrow: 19.5em;
--max-width--display-normal: 13em;
--max-width--display-narrow: 9.75em;
--max-width--display-tight: 3.25em;
/* Letter-spacing / Tracking */
--letter-spacing--display-tight: -0.03em;
--letter-spacing--display-normal: 0em;
--letter-spacing--display-loose: 0.03em;
--letter-spacing--heading-tight: -0.03em;
--letter-spacing--heading-normal: 0em;
--letter-spacing--heading-loose: 0.03em;
--letter-spacing--body-tight: -0.03em;
--letter-spacing--body-normal: 0em;
--letter-spacing--body-loose: 0.03em;
/* Line height / Leading */
--line-height: 1;
--line-height--display-tight: 1;
--line-height--display-normal: 1.1;
--line-height--display-loose: 1.2;
--line-height--heading-tight: 1.15;
--line-height--heading-normal: 1.25;
--line-height--heading-loose: 1.35;
--line-height--body-tight: 1.2;
--line-height--body-normal: 1.4;
--line-height--body-loose: 1.6;
/* Typography presets */
--font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 7.2vw, 4.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.875rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-tight);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: uppercase;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: uppercase;--font-h2--line-height: var(--line-height--display-normal);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-tight);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: uppercase;--font-h3--line-height: var(--line-height--heading-tight);--font-h4--weight: var(--font-subheading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-subheading--family);--font-h4--style: var(--font-subheading--style);--font-h4--case: uppercase;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-heading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-heading--family);--font-h5--style: var(--font-heading--style);--font-h5--case: uppercase;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-body--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-loose);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-body--family);--font-h6--style: var(--font-body--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-normal);
/* Hardcoded font sizes */
--font-size--3xs: 0.625rem;
--font-size--2xs: 0.75rem;
--font-size--xs: 0.8125rem;
--font-size--sm: 0.875rem;
--font-size--md: 1rem;
--font-size--lg: 1.125rem;
--font-size--xl: 1.25rem;
--font-size--2xl: 1.5rem;
--font-size--3xl: 2rem;
--font-size--4xl: 2.5rem;
--font-size--5xl: 3rem;
--font-size--6xl: 3.5rem;
/* Menu font sizes */
--menu-font-sm--size: 0.875rem;
--menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
--menu-font-md--size: 1rem;
--menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
--menu-font-lg--size: 1.125rem;
--menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
--menu-font-xl--size: 1.25rem;
--menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
--menu-font-2xl--size: 1.75rem;
--menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
/* Colors */
--color-error: #8B0000;
--color-success: #006400;
--color-white: #FFFFFF;
--color-white-rgb: 255 255 255;
--color-black: #000000;
--color-instock: #3ED660;
--color-lowstock: #EE9441;
--color-outofstock: #C8C8C8;
/* Opacity */
--opacity-5: 0.05;
--opacity-8: 0.08;
--opacity-10: 0.1;
--opacity-15: 0.15;
--opacity-20: 0.2;
--opacity-25: 0.25;
--opacity-30: 0.3;
--opacity-40: 0.4;
--opacity-50: 0.5;
--opacity-60: 0.6;
--opacity-70: 0.7;
--opacity-80: 0.8;
--opacity-85: 0.85;
--opacity-90: 0.9;
--opacity-subdued-text: var(--opacity-70);
--shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
--gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
/* Spacing */
--margin-3xs: 0.125rem;
--margin-2xs: 0.3rem;
--margin-xs: 0.5rem;
--margin-sm: 0.7rem;
--margin-md: 0.8rem;
--margin-lg: 1rem;
--margin-xl: 1.25rem;
--margin-2xl: 1.5rem;
--margin-3xl: 1.75rem;
--margin-4xl: 2rem;
--margin-5xl: 3rem;
--margin-6xl: 5rem;
--scroll-margin: 50px;
--padding-3xs: 0.125rem;
--padding-2xs: 0.25rem;
--padding-xs: 0.5rem;
--padding-sm: 0.7rem;
--padding-md: 0.8rem;
--padding-lg: 1rem;
--padding-xl: 1.25rem;
--padding-2xl: 1.5rem;
--padding-3xl: 1.75rem;
--padding-4xl: 2rem;
--padding-5xl: 3rem;
--padding-6xl: 4rem;
--gap-3xs: 0.125rem;
--gap-2xs: 0.3rem;
--gap-xs: 0.5rem;
--gap-sm: 0.7rem;
--gap-md: 0.9rem;
--gap-lg: 1rem;
--gap-xl: 1.25rem;
--gap-2xl: 2rem;
--gap-3xl: 3rem;
--spacing-scale-sm: 0.6;
--spacing-scale-md: 0.7;
--spacing-scale-default: 1.0;
/* Checkout buttons gap */
--checkout-button-gap: 10px;
/* Borders */
--style-border-width: 1px;
--style-border-radius-xs: 0.2rem;
--style-border-radius-sm: 0.6rem;
--style-border-radius-md: 0.8rem;
--style-border-radius-50: 50%;
--style-border-radius-lg: 1rem;
--style-border-radius-pills: 40px;
--style-border-radius-inputs: 0px;
--style-border-radius-buttons-primary: 8px;
--style-border-radius-buttons-secondary: 0px;
--style-border-width-primary: 0px;
--style-border-width-secondary: 1px;
--style-border-width-inputs: 2px;
--style-border-radius-popover: 4px;
--style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
--style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
--style-border-swatch-opacity: 10%;
--style-border-swatch-width: 1px;
--style-border-swatch-style: solid;
/* Animation */
--ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
--ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
--ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
--animation-speed-fast: 0.0625s;
--animation-speed: 0.125s;
--animation-speed-slow: 0.2s;
--animation-speed-medium: 0.15s;
--animation-easing: ease-in-out;
--animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
--drawer-animation-speed: 0.2s;
--animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
--animation-values: var(--animation-speed) var(--animation-easing);
--animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
--animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
--animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
--animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
--animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
--animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
--animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
--animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
/* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
--spring-d300-b0-easing: linear(0, 0.0033 0.81%, 0.027 2.42%, 0.0916 4.84%, 0.4745 15.32%, 0.6422 20.97%, 0.7175, 0.7789, 0.8283 30.64%, 0.876, 0.9111 38.71%, 0.941, 0.9611 48.39%, 0.9707, 0.978 54.84%, 0.9885 62.1%, 0.9949 70.97%, 0.9982 82.26%, 0.9997 100%);
--spring-d300-b0-duration: 0.4980s;
--spring-d280-b0-easing: linear(0, 0.0044, 0.0164 1.85%, 0.085 4.63%, 0.4571 14.81%, 0.575 18.52%, 0.6505, 0.7148 24.07%, 0.7849, 0.8393, 0.8809 35.18%, 0.9189, 0.9453 44.44%, 0.9662, 0.9793 55.55%, 0.9894 62.95%, 0.995 71.28%, 0.9982 82.39%, 0.9997 99.98%);
--spring-d280-b0-duration: 0.4648s;
--spring-d260-b0-easing: linear(0, 0.0058, 0.0216 2.15%, 0.0748 4.29%, 0.4646 15.03%, 0.5673, 0.655, 0.7279, 0.7872, 0.8349, 0.8727 34.36%, 0.9107, 0.9379 42.95%, 0.9609 48.31%, 0.9778 54.76%, 0.9887 62.27%, 0.9948 70.86%, 0.9983 82.67%, 0.9997 99.85%);
--spring-d260-b0-duration: 0.4316s;
--spring-d220-b0-easing: linear(
0,
0.0093 1.37%,
0.0696 4.12%,
0.4667 15.09%,
0.6322 20.58%,
0.6986 23.32%,
0.7793 27.44%,
0.8219 30.18%,
0.8721,
0.9089 38.42%,
0.9427,
0.9644,
0.978 54.88%,
0.9881 61.74%,
0.9944 69.97%,
0.998 80.95%,
0.9996 98.78%
);
--spring-d220-b0-duration: 0.3818s;
--spring-d180-b0-easing: linear(0, 0.0234, 0.0805 4.48%, 0.4865 15.68%, 0.6211 20.16%, 0.7696 26.88%, 0.8064 29.12%, 0.8646, 0.9063, 0.9358, 0.9563 47.04%, 0.9757, 0.9867 60.48%, 0.9941 69.44%, 0.9979 80.64%, 0.9996 98.56%);
--spring-d180-b0-duration: 0.2988s;
/* View transitions */
/* View transition old */
--view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
/* View transition new */
--view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
/* Focus */
--focus-outline-width: 0.09375rem;
--focus-outline-offset: 0.2em;
/* Badges */
--badge-blob-padding-block: 1px;
--badge-blob-padding-inline: 12px 8px;
--badge-rectangle-padding-block: 1px;
--badge-rectangle-padding-inline: 6px;
@media screen and (min-width: 750px) {
--badge-blob-padding-block: 4px;
--badge-blob-padding-inline: 16px 12px;
--badge-rectangle-padding-block: 4px;
--badge-rectangle-padding-inline: 10px;
}
/* Icons */
--icon-size-2xs: 0.6rem;
--icon-size-xs: 0.85rem;
--icon-size-sm: 1.25rem;
--icon-size-md: 1.375rem;
--icon-size-lg: 1.5rem;
--icon-stroke-width: 1.5px;
/* Input */
--input-email-min-width: 200px;
--input-search-max-width: 650px;
--input-padding-y: 0.8rem;
--input-padding-x: 0.8rem;
--input-padding: var(--input-padding-y) var(--input-padding-x);
--input-box-shadow-width: var(--style-border-width-inputs);
--input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
--input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--input-textarea-min-height: 55px;
/* Checkbox */
--checkbox-size: 22px;
--checkbox-border-radius: 7px;
--checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
--checkbox-label-padding: 8px;
@media screen and (min-width: 750px) {
--checkbox-size: 16px;
--checkbox-border-radius: 5px;
--checkbox-label-padding: 6px;
}
/* Button size */
--button-size-sm: 30px;
--button-size-md: 36px;
--button-size: var(--minimum-touch-target);
--button-padding-inline: 24px;
--button-padding-block: 16px;
/* Button font-family */
--button-font-family-primary: var(--font-body--family);
--button-font-family-secondary: var(--font-body--family);
/* Button text case */
--button-text-case: ;
--button-text-case-primary: default;
--button-text-case-secondary: default;
/* Borders */
--border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
--border-width-sm: 1px;
--border-width-md: 2px;
--border-width-lg: 5px;
--border-radius-sm: 0.25rem;
/* Drawers */
--drawer-inline-padding: 25px;
--drawer-menu-inline-padding: 2.5rem;
--drawer-header-block-padding: 20px;
--drawer-content-block-padding: 10px;
--drawer-header-desktop-top: 0rem;
--drawer-padding: calc(var(--padding-sm) + 7px);
--drawer-height: 100dvh;
--drawer-width: 95vw;
--drawer-max-width: 500px;
/* Variant Picker Swatches */
--variant-picker-swatch-width-unitless: 16;
--variant-picker-swatch-height-unitless: 18;
--variant-picker-swatch-width: 16px;
--variant-picker-swatch-height: 18px;
--variant-picker-swatch-radius: 0px;
--variant-picker-border-width: 1px;
--variant-picker-border-style: solid;
--variant-picker-border-opacity: 10%;
/* Variant Picker Buttons */
--variant-picker-button-radius: 100px;
--variant-picker-button-border-width: 2px;
/* Slideshow */
--slideshow-controls-size: 3.5rem;
--slideshow-controls-icon: 2rem;
--peek-next-slide-size: 3rem;
/* Utilities */
--backdrop-opacity: 0.15;
--backdrop-color-rgb: var(--color-shadow-rgb);
--minimum-touch-target: 44px;
--disabled-opacity: 0.5;
--skeleton-opacity: 0.025;
/* Shapes */
--shape--circle: circle(50% at center);
--shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%);
--shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
--shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%);
/* Buy buttons */
--height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
/* Card image width and height variables */
--card-width-small: 10rem;
--height-small: 10rem;
--height-medium: 11.5rem;
--height-large: 13rem;
--height-full: 100vh;
@media screen and (min-width: 750px) {
--height-small: 17.5rem;
--height-medium: 21.25rem;
--height-large: 25rem;
}
/* Modal */
--modal-max-height: 65dvh;
--quick-add-modal-height: min(38.5rem, 96vh);
--quick-add-modal-width: min(54rem, 96vw);
--quick-add-modal-gallery-width: 24rem;
/* Card styles for search */
--card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
--card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
--card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
/* Cart */
--cart-primary-font-family: var(--font-body--family);
--cart-primary-font-style: var(--font-body--style);
--cart-primary-font-weight: var(--font-body--weight);
--cart-secondary-font-family: var(--font-secondary--family);
--cart-secondary-font-style: var(--font-secondary--style);
--cart-secondary-font-weight: var(--font-secondary--weight);
}
</style>
<style data-shopify>
:root,
.color-scheme-1 {
--color-background: rgb(240 240 240 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 240 240 240;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(193 80 69 / 1.0);
--color-primary-rgb: 193 80 69;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(0 0 0 / 0.19);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
--color-input-background: rgb(0 0 0 / 0.05);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.0);
--color-input-hover-background: rgb(230 230 230 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(255 255 255 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(210 210 210 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(35 35 35 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(35 35 35 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-2 {
--color-background: rgb(193 80 69 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 193 80 69;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(225 225 225 / 1.0);
--color-border-rgb: 225 225 225;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(35 35 35 / 1.0);
--color-primary-button-hover-border: rgb(35 35 35 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
--color-input-background: rgb(222 222 222 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(0 0 0 / 0.05);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(255 255 255 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(242 242 242 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(242 242 242 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(35 35 35 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(35 35 35 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-3 {
--color-background: rgb(201 88 76 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 201 88 76;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(43 1 1 / 1.0);
--color-primary-rgb: 43 1 1;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(43 1 1 / 1.0);
--color-border-rgb: 43 1 1;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(43 1 1 / 1.0);
--color-primary-button-hover-border: rgb(43 1 1 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(161 58 48 / 1.0);
--color-secondary-button-border: rgb(161 58 48 / 1.0);
--color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-background: rgb(193 80 69 / 1.0);
--color-secondary-button-hover-border: rgb(193 80 69 / 1.0);
--color-input-background: rgb(0 0 0 / 0.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(0 0 0 / 0.05);
--color-variant-background: rgb(0 0 0 / 0.0);
--color-variant-border: rgb(0 0 0 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(0 0 0 / 0.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(92 8 8 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(43 1 1 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(43 1 1 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-4 {
--color-background: rgb(202 200 198 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 202 200 198;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(169 14 0 / 1.0);
--color-primary-rgb: 169 14 0;
--color-primary-hover: rgb(35 35 35 / 1.0);
--color-primary-hover-rgb: 35 35 35;
--color-border: rgb(171 171 171 / 1.0);
--color-border-rgb: 171 171 171;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(202 200 198 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(35 35 35 / 1.0);
--color-secondary-button-hover-background: rgb(202 200 198 / 1.0);
--color-secondary-button-hover-border: rgb(35 35 35 / 1.0);
--color-input-background: rgb(202 200 198 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(0 0 0 / 0.05);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(255 255 255 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(245 245 245 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-5 {
--color-background: rgb(255 140 0 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 140 0;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(172 172 172 / 1.0);
--color-primary-hover-rgb: 172 172 172;
--color-border: rgb(102 102 102 / 1.0);
--color-border-rgb: 102 102 102;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(0 0 0 / 1.0);
--color-primary-button-hover-background: rgb(222 222 222 / 1.0);
--color-primary-button-hover-border: rgb(222 222 222 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 1.0);
--color-secondary-button-border: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
--color-input-background: rgb(35 35 35 / 1.0);
--color-input-text: rgb(255 255 255 / 1.0);
--color-input-text-rgb: 255 255 255;
--color-input-border: rgb(255 255 255 / 1.0);
--color-input-hover-background: rgb(0 0 0 / 1.0);
--color-variant-background: rgb(35 35 35 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(255 255 255 / 1.0);
--color-variant-text-rgb: 255 255 255;
--color-variant-hover-background: rgb(35 35 35 / 1.0);
--color-variant-hover-text: rgb(210 210 210 / 1.0);
--color-variant-hover-border: rgb(210 210 210 / 1.0);
--color-selected-variant-background: rgb(255 255 255 / 1.0);
--color-selected-variant-border: rgb(255 255 255 / 1.0);
--color-selected-variant-text: rgb(35 35 35 / 1.0);
--color-selected-variant-hover-background: rgb(222 222 222 / 1.0);
--color-selected-variant-hover-text: rgb(0 0 0 / 1.0);
--color-selected-variant-hover-border: rgb(222 222 222 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-6 {
--color-background: rgb(0 0 0 / 0.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(172 172 172 / 1.0);
--color-primary-hover-rgb: 172 172 172;
--color-border: rgb(0 0 0 / 0.0);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 0.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(0 0 0 / 1.0);
--color-primary-button-hover-background: rgb(222 222 222 / 1.0);
--color-primary-button-hover-border: rgb(222 222 222 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
--color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(230 230 230 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-7 {
--color-background: rgb(226 226 226 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 226 226 226;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(201 201 201 / 1.0);
--color-border-rgb: 201 201 201;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 0.8);
--color-primary-button-hover-border: rgb(0 0 0 / 0.81);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(239 239 239 / 1.0);
--color-secondary-button-border: rgb(184 65 53 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(184 65 53 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(255 255 255 / 1.0);
--color-input-hover-background: rgb(255 255 255 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(255 255 255 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(0 0 0 / 0.05);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(0 0 0 / 0.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-df8a9dde-45f1-4cba-85c7-fa14c97a4d51 {
--color-background: rgb(255 255 255 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 255 255;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(193 80 69 / 1.0);
--color-foreground-rgb: 193 80 69;
--color-foreground-heading: rgb(193 80 69 / 1.0);
--color-foreground-heading-rgb: 193 80 69;
--color-primary: rgb(193 80 69 / 1.0);
--color-primary-rgb: 193 80 69;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(0 0 0 / 0.19);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
--color-input-background: rgb(0 0 0 / 0.05);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.0);
--color-input-hover-background: rgb(230 230 230 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(255 255 255 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(210 210 210 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(35 35 35 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(35 35 35 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-7, .color-scheme-df8a9dde-45f1-4cba-85c7-fa14c97a4d51 {
color: var(--color-foreground);
background-color: var(--color-background);
}
</style>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="3s3aIGOtJD86fv5lOICeNfziVEyul5JkVLIxFTQUmHw">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/91282768250/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="3fde3b683392c033e37c455dd6ad129c">
<meta id="in-context-paypal-metadata" data-shop-id="91282768250" data-venmo-supported="false" data-environment="production" data-locale="fr_FR" data-paypal-v4="true" data-currency="EUR">
<script async="async" src="/checkouts/internal/preloads.js?locale=fr-FR"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=fr-FR&shop_id=91282768250" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":91282768250,"countryCode":"FR","currencyCode":"EUR","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/91282768250","merchantName":"Junolia","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","maestro"],"total":{"type":"pending","label":"Junolia","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"3fde3b683392c033e37c455dd6ad129c","betas":["rich-media-storefront-analytics"],"domain":"www.junolia.com","predictiveSearch":true,"shopId":91282768250,"locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "pmqyt9-ff.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"Copie de Ritual","id":184163336570,"schema_name":"Ritual","schema_version":"3.5.1","theme_store_id":3625,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.junolia.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";
Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
Shopify.SignInWithShop = Shopify.SignInWithShop || {};
Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
Shopify.SignInWithShop.User.recognized = false;</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>
window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "shop.app\/pay";
window.ShopifyPay.redirectState = null;
</script>
<script>
window.Shopify = window.Shopify || {};
window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.01 };
window.Shopify.SignInWithShop.eligible = true;
</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script defer="defer" async type="module" src="//www.junolia.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js"></script>
<script type="module">
await import("//www.junolia.com/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script>
window.Shopify = window.Shopify || {};
if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
window.Shopify.featureAssets['shop-js'] = {"shop-toast-manager":["modules/v2/loader.shop-toast-manager.fr.esm.js"],"listener":["modules/v2/loader.listener.fr.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.fr.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.fr.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.fr.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.fr.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.fr.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.fr.esm.js"],"avatar":["modules/v2/loader.avatar.fr.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.fr.esm.js"],"shop-button":["modules/v2/loader.shop-button.fr.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.fr.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.fr.esm.js"],"pay-button":["modules/v2/loader.pay-button.fr.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.fr.esm.js"],"shop-login":["modules/v2/loader.shop-login.fr.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.fr.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.fr.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.fr.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.fr.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.fr.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.fr.esm.js"]};
</script>
<script>(function() {
var isLoaded = false;
function asyncLoad() {
if (isLoaded) return;
isLoaded = true;
var urls = ["https:\/\/s3.eu-west-1.amazonaws.com\/production-klarna-il-shopify-osm\/8a05c464c7510dd3abdbb12cae9142d0e4da2249\/pmqyt9-ff.myshopify.com-1777470011054.js?shop=pmqyt9-ff.myshopify.com","https:\/\/cdn-assets.custompricecalculator.com\/shopify\/calculator.js?shop=pmqyt9-ff.myshopify.com","https:\/\/api-eu1.hubapi.com\/scriptloader\/v1\/148574366.js?shop=pmqyt9-ff.myshopify.com"];
for (var i = 0; i < urls.length; i++) {
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = urls[i];
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
}
};
if(window.attachEvent) {
window.attachEvent('onload', asyncLoad);
} else {
window.addEventListener('load', asyncLoad, false);
}
})();</script>
<script id="__st">var __st={"a":91282768250,"offset":7200,"reqid":"0df777c4-c1c5-485f-a852-069e133c42d4-1780443326","pageurl":"www.junolia.com\/","u":"847454f2af36","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protégé par hCaptcha',privacyText:'Confidentialité',termsText:'Conditions'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//www.junolia.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//www.junolia.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-bf1cdb70.js?v=20250812"></script>
<script async="async" integrity="sha256-hlq21VGceRKy8z+Fjhropk1BwDPACP0RdQ5rBrATyUo=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-67b41cb9.js" crossorigin="anonymous"></script>
<script id='scb4127' type='text/javascript' async='' src='https://www.junolia.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><script async crossorigin src="/cdn/shopifycloud/autosizes-uploader/autosizes.1.0.0.js"></script>
<link rel="compression-dictionary" href="//www.junolia.com/cdn/shop/t/5/compiled_assets/styles.css?v=137445932627565874951779726876" crossorigin="anonymous">
<link rel="stylesheet" media="screen" href="//www.junolia.com/cdn/shop/t/5/compiled_assets/styles.css?v=137445932627565874951779726876&subset=AABMAAAAAAAAAAAIAAAAAAAAEAAAACKHABgAAAQiwgUBBA" crossorigin="anonymous">
<script id="snippets-script" data-snippets="cart-products" defer="defer" src="//www.junolia.com/cdn/shop/t/5/compiled_assets/snippet-scripts.js?v=102845789595764807401779726409"></script>
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<!-- BEGIN app block: shopify://apps/tinyseo/blocks/breadcrumbs-json-ld-embed/0605268f-f7c4-4e95-b560-e43df7d59ae4 --><script type="application/ld+json" id="tinyimg-breadcrumbs-json-ld">
{
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": [
{
"@type": "ListItem",
"position": 1,
"item": {
"@id": "https://www.junolia.com",
"name": "Home"
}
}
]
}
</script>
<!-- END app block --><!-- BEGIN app block: shopify://apps/tinyseo/blocks/website-json-ld-embed/0605268f-f7c4-4e95-b560-e43df7d59ae4 -->
<script type="application/ld+json" id="tinyimg-website-json-ld">
{
"@context": "https://schema.org",
"@type": "WebSite",
"@id": "https://www.junolia.com#website",
"name": "Junolia",
"alternateName": [
"Junolia by Orangoo",
"Orangoo"
],"url": "https://www.junolia.com","potentialAction": {
"@type": "SearchAction",
"target": "https://www.junolia.com/search?q={query}",
"query-input": "required name=query",
"url": "https://www.junolia.com"
}
}
</script>
<!-- END app block --><!-- BEGIN app block: shopify://apps/tinyseo/blocks/store-json-ld-embed/0605268f-f7c4-4e95-b560-e43df7d59ae4 -->
<script type="application/ld+json" id="tinyimg-store-json-ld">
{
"@context": "https://schema.org",
"@type": "WholesaleStore",
"@id": "https://www.junolia.com#wholesalestore",
"name":"Junolia",
"url": "https://www.junolia.com","openingHoursSpecification": {
"@type": "OpeningHoursSpecification",
"dayOfWeek": [
"Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday", "Sunday"
],
"opens": "00:00",
"closes": "23:59"
},"description": "Distributeur officiel Zumex en France depuis 2016. Achat, location et mise à disposition de machines à jus professionnelles avec livraison d'oranges et bouteilles RPET.","telephone": "+33607013835","priceRange": "15EUR - 9999 EUR","geo": {
"@type": "GeoCoordinates",
"latitude": "44.8339",
"longitude": "-0.5566"
},"address": {
"@type": "PostalAddress",
"streetAddress": "110 quai Paludate",
"addressCountry": "FR","postalCode": "33800","addressLocality": "Bordeaux"},"contactPoint": {
"@type": "ContactPoint",
"contactType": "customer support","telephone": "+33607013835","email": "contact@orangoo.fr"},"image": "https://cdn.shopify.com/s/files/1/0912/8276/8250/files/Social.png?v=1746037728"
}
</script>
<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 91282768250,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script>
window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
</script>
<script id="web-pixels-manager-setup">(function(){var wpmLoader=function(){"use strict";return function(e,d,r,n){var o=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};if(!Boolean(null==(i=null==(a=window.Shopify)?void 0:a.analytics)?void 0:i.replayQueue)){var a,i;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l,u,c,m,p,f,h,g,y,w,v,b,S,P=(u=(l={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,c=l.legacy,(m=navigator.userAgent).match(u)?"modern":m.match(c)?"legacy":"unknown"),C="modern"===P?"modern":"legacy",_=(null!=n?n:{modern:"",legacy:""})[C],O=[(p={baseUrl:d,hashVersion:r,buildTarget:C}).baseUrl,"/wpm","/b",p.hashVersion,"modern"===p.buildTarget?"m":"l",".js"].join(""),U=(f={version:r,bundleTarget:P,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint},h=f.version,g=f.bundleTarget,y=f.surface,w=f.pageUrl,v=f.monorailEndpoint,{emit:function(e){var d=e.status,r=e.errorMsg,n=(new Date).getTime(),o=JSON.stringify({metadata:{event_sent_at_ms:n},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:h,bundle_target:g,page_url:w,status:d,surface:y,error_msg:r},metadata:{event_created_at_ms:n}}]});if(!v)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(v,o)}catch(e){}var a=new XMLHttpRequest;try{return a.open("POST",v,!0),a.setRequestHeader("Content-Type","text/plain"),a.send(o),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}});try{o.browserTarget=P,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,a=e.onerror,i=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,i&&(l.integrity=i,l.crossOrigin="anonymous"),s)for(var m in s)if(Object.prototype.hasOwnProperty.call(s,m))try{l.dataset[m]=s[m]}catch(e){}if(o&&l.addEventListener("load",o),a&&l.addEventListener("error",a),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:O,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null==(d=null==(e=window.Shopify)?void 0:e.analytics)?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)}),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return U.emit({status:"failed",errorMsg:"".concat(O," has failed to load")})},sri:(b=_,S=/^sha384-[A-Za-z0-9+/=]+$/,"string"==typeof b&&S.test(b)?_:""),scriptDataAttributes:o}),U.emit({status:"loading"})}catch(e){U.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}}}();wpmLoader({shopId: 91282768250,storefrontBaseUrl: "https://www.junolia.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","d5bdd5d0","5acaffe6","86d76263","3b3c7daf","6faea013"],webPixelsConfigList: [{"id":"2648670586","configuration":"{\"accountID\":\"pmqyt9-ff\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"1d4c781273105676f6b02a329648437f","type":"APP","apiClientId":32196493313,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1767407994","configuration":"{\"tagID\":\"2614384083205\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"18031546ee651571ed29edbe71a3550b","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1742373242","configuration":"{\"pixel_id\":\"1053939470023933\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"d72ab942028ee4f6bccc581083be605e","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1727693178","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"AW-17106907991\\\",\\\"GT-T9BHXJ56\\\",\\\"GT-NBXPXXR8\\\",\\\"GT-TXX6L5ZB\\\"],\\\"target_country\\\":\\\"FR\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"AW-17106907991\\\/AFEDCO64hs0aENfmmt0_\\\",\\\"MC-KJEP28DLWJ\\\",\\\"MC-F0SEV4HS1B\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"AW-17106907991\\\/ZmcZCPSyhs0aENfmmt0_\\\",\\\"MC-KJEP28DLWJ\\\",\\\"MC-F0SEV4HS1B\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"AW-17106907991\\\/paCsCOu4hs0aENfmmt0_\\\",\\\"MC-RYTNDD6VLF\\\",\\\"MC-KJEP28DLWJ\\\",\\\"MC-F0SEV4HS1B\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"AW-17106907991\\\/VQ3aCPGyhs0aENfmmt0_\\\",\\\"MC-RYTNDD6VLF\\\",\\\"MC-KJEP28DLWJ\\\",\\\"MC-F0SEV4HS1B\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"AW-17106907991\\\/IWi-CPqyhs0aENfmmt0_\\\",\\\"MC-RYTNDD6VLF\\\",\\\"MC-KJEP28DLWJ\\\",\\\"MC-F0SEV4HS1B\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"AW-17106907991\\\/y86SCPG4hs0aENfmmt0_\\\",\\\"MC-KJEP28DLWJ\\\",\\\"MC-F0SEV4HS1B\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"AW-17106907991\\\/Me28CPeyhs0aENfmmt0_\\\",\\\"MC-KJEP28DLWJ\\\",\\\"MC-F0SEV4HS1B\\\"]}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"f15305aac1e98c5c26a7c80e7bc37bde","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"1675788666","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"34ad157958823915625854214640f0bf","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1675755898","configuration":"{\"endpoint\":\"https:\\\/\\\/api.parcelpanel.com\",\"debugMode\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"93248aaba18c93b2ecb9dbffc40a9775","type":"APP","apiClientId":2681387,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0460","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Junolia","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"pmqyt9-ff.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/www.junolia.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":null,"purchasingCompany":null,"page":null},},"https://www.junolia.com/cdn","c5a2dbecw2e5701dcp16d0b08em93d9521b",{"modern":"","legacy":""},{"trekkieShim":true,"apiClientId":"580111","pageType":"home","shopId":"91282768250","storefrontBaseUrl":"https:\/\/www.junolia.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"d5bdd5d0\", \"5acaffe6\", \"86d76263\", \"3b3c7daf\", \"6faea013\"]","isMerchantRequest":"false","hashVersion":"c5a2dbecw2e5701dcp16d0b08em93d9521b","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"page":{"pageType":"home","requestId":"0df777c4-c1c5-485f-a852-069e133c42d4-1780443326"}};
for (var attr in meta) {
window.ShopifyAnalytics.meta[attr] = meta[attr];
}
</script>
<script class="analytics">
(function () {
var customDocumentWrite = function(content) {
var jquery = null;
if (window.jQuery) {
jquery = window.jQuery;
} else if (window.Checkout && window.Checkout.$) {
jquery = window.Checkout.$;
}
if (jquery) {
jquery('body').append(content);
}
};
var hasLoggedConversion = function(token) {
if (token) {
return document.cookie.indexOf('loggedConversion=' + token) !== -1;
}
return false;
}
var setCookieIfConversion = function(token) {
if (token) {
var twoMonthsFromNow = new Date(Date.now());
twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
}
}
var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
window.ShopifyAnalytics.lib.trekkie = window.trekkie;
if (trekkie.integrations) {
return;
}
trekkie.methods = [
'identify',
'page',
'ready',
'track',
'trackForm',
'trackLink'
];
trekkie.factory = function(method) {
return function() {
var args = Array.prototype.slice.call(arguments);
args.unshift(method);
trekkie.push(args);
if (window.__TREKKIE_SHIM_QUEUE && (method == 'track' || method == 'page')) {
try {
window.__TREKKIE_SHIM_QUEUE.push({
from: 'trekkie-stub',
method: method,
args: args.slice(1)
});
} catch (e) {
// no-op
}
}
return trekkie;
};
};
for (var i = 0; i < trekkie.methods.length; i++) {
var key = trekkie.methods[i];
trekkie[key] = trekkie.factory(key);
}
trekkie.load = function(config) {
trekkie.config = config || {};
trekkie.config.initialDocumentCookie = document.cookie;
var first = document.getElementsByTagName('script')[0];
var script = document.createElement('script');
script.type = 'text/javascript';
script.onerror = function(e) {
var scriptFallback = document.createElement('script');
scriptFallback.type = 'text/javascript';
scriptFallback.onerror = function(error) {
var Monorail = {
produce: function produce(monorailDomain, schemaId, payload) {
var currentMs = new Date().getTime();
var event = {
schema_id: schemaId,
payload: payload,
metadata: {
event_created_at_ms: currentMs,
event_sent_at_ms: currentMs
}
};
return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
},
sendRequest: function sendRequest(endpointUrl, payload) {
// Try the sendBeacon API
if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
var blobData = new window.Blob([payload], {
type: 'text/plain'
});
if (window.navigator.sendBeacon(endpointUrl, blobData)) {
return true;
} // sendBeacon was not successful
} // XHR beacon
var xhr = new XMLHttpRequest();
try {
xhr.open('POST', endpointUrl);
xhr.setRequestHeader('Content-Type', 'text/plain');
xhr.send(payload);
} catch (e) {
console.log(e);
}
return false;
},
isIos12: function isIos12() {
return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
}
};
Monorail.produce('monorail-edge.shopifysvc.com',
'trekkie_storefront_load_errors/1.1',
{shop_id: 91282768250,
theme_id: 184163336570,
app_name: "storefront",
context_url: window.location.href,
source_url: "//www.junolia.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//www.junolia.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//www.junolia.com/cdn/s/trekkie.storefront.f7140b8b25ae1195cf346a36a85e3e4bcf46adb3.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":91282768250,"isMerchantRequest":null,"themeId":184163336570,"themeCityHash":"15855446189922831983","contentLanguage":"fr","currency":"EUR","eventMetadataId":"fd01fdd5-105f-4bc4-acb3-459081705d53"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
);
var loaded = false;
trekkie.ready(function() {
if (loaded) return;
loaded = true;
window.ShopifyAnalytics.lib = window.trekkie;
var originalDocumentWrite = document.write;
document.write = customDocumentWrite;
try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
document.write = originalDocumentWrite;
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"0df777c4-c1c5-485f-a852-069e133c42d4-1780443326","shopifyEmitted":true});
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//www.junolia.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://www.junolia.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.5.0.min.js"
data-application="storefront-renderer"
data-shop-id="91282768250"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="184163336570"
data-theme-name="Ritual"
data-theme-version="3.5.1"
data-monorail-region="shop_domain"
data-resource-timing-sampling-rate="10"
data-shs="true"
data-shs-beacon="true"
data-shs-export-with-fetch="true"
data-shs-logs-sample-rate="1"
data-shs-beacon-endpoint="https://www.junolia.com/api/collect"
></script>
<script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {const LONG_FRAME_THRESHOLD = 50;const longAnimationFrames = [];let activeRafId = null;function collectLongFrames() {let previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}const delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!PerformanceObserver.supportedEntryTypes.includes('long-animation-frame')) {collectLongFrames();const timeoutId = setTimeout(() => {cancelAnimationFrame(activeRafId);}, 10_000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function(stopCollection = false) {if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();</script><script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script><script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"91282768250","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Se connecter ou créer un compte"},{"key":"account_menu.signed_out_state.section_divider","value":"Autres moyens de connexion"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"E-mail"},{"key":"account_menu.signed_out_state.orders_button","value":"Commandes"},{"key":"account_menu.signed_out_state.profile_button","value":"Profil"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Se connecter avec Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continuer avec Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continuer avec Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Envoyez-moi des nouvelles et des offres par e-mail"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Bonjour, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Compte"},{"key":"account_menu.signed_in_state.orders_button","value":"Commandes"},{"key":"account_menu.signed_in_state.profile_button","value":"Profil"},{"key":"account_menu.location_picker.sheet_title","value":"Emplacements"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Rechercher"},{"key":"account_menu.aria_labels.close_menu","value":"Fermer le menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Retour au menu principal depuis {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, ouvre le sous-menu"},{"key":"account_menu.aria_labels.loading_menu","value":"Chargement du menu"},{"key":"account_menu.aria_labels.account","value":"Compte"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Se connecter avec e-mail"},{"key":"account_menu.aria_labels.sign_in","value":"Se connecter"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"b2bEnabled":false,"marketingConsentSigninEnabled":false},"visitor":{"country":"FR","language":"fr"}}</script>
</head>
<body class="page-width-wide card-hover-effect-subtle-zoom">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5SL4BVZ3"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<a
class="skip-to-content-link button-secondary"
href="#MainContent"
>
Ignorer et passer au contenu
</a>
<div id="header-group">
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--26252925829498__1778056319d66df5ae" class="shopify-section shopify-section-group-header-group section-wrapper">
<div class="section-background color-scheme-3"></div>
<div
class="section section--page-width color-scheme-3"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: 0px;--padding-block-end: 0px; "
data-testid="section-content"
>
<div id="shopify-block-ARWJjMUxHY09iZEkwO__ai_gen_block_31d0170_rpEHfx" class="shopify-block">
<style data-shopify>
.ai-image-filled-text-arwjjmuxhy09izekwoaigenblock31d0170rpehfx {
width: 100%;
display: block;
background-color: #c9584c;
padding: 60px 0;
}
.ai-image-filled-text-container-arwjjmuxhy09izekwoaigenblock31d0170rpehfx {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
padding: 0 20px;
}
.ai-image-filled-text-link-arwjjmuxhy09izekwoaigenblock31d0170rpehfx {
text-decoration: none;
display: inline-block;
cursor: pointer;
}
.ai-image-filled-text-heading-arwjjmuxhy09izekwoaigenblock31d0170rpehfx {
font-size: 70px;
font-weight: 700;
margin: 0;
background-image: url('//www.junolia.com/cdn/shop/files/1776934250761-fibljwq7vzh_3a381939-0816-4673-873a-8e62ad9e028e.png?v=1779198670&width=2000');
background-size: cover;
background-position: center;
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: transparent;
line-height: 1.2;
text-transform: uppercase;
}
.ai-image-filled-text-heading-arwjjmuxhy09izekwoaigenblock31d0170rpehfx--no-image {
background-image: none;
-webkit-text-fill-color: #000000;
color: #000000;
}
@media screen and (max-width: 749px) {
.ai-image-filled-text-heading-arwjjmuxhy09izekwoaigenblock31d0170rpehfx {
font-size: calc(70px * 0.6);
}
}
</style>
<div class="ai-image-filled-text-arwjjmuxhy09izekwoaigenblock31d0170rpehfx" >
<div class="ai-image-filled-text-container-arwjjmuxhy09izekwoaigenblock31d0170rpehfx">
<a href="/" class="ai-image-filled-text-link-arwjjmuxhy09izekwoaigenblock31d0170rpehfx">
<h2 class="ai-image-filled-text-heading-arwjjmuxhy09izekwoaigenblock31d0170rpehfx">
JUNOLIA
</h2>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-sections--26252925829498__1777884490355140f4" class="shopify-section shopify-section-group-header-group section-wrapper">
<div class="section-background color-scheme-7"></div>
<div
class="section section--full-width color-scheme-7"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: 0px;--padding-block-end: 0px; "
data-testid="section-content"
>
</div>
</div>
</div>
</div><header id="shopify-section-sections--26252925829498__header_section" class="shopify-section shopify-section-group-header-group header-section">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Junolia",
"logo": "https:\/\/www.junolia.com\/cdn\/shop\/files\/Social.png?v=1746037728\u0026width=500",
"url": "https:\/\/www.junolia.com"
}
</script>
<header-component
id="header-component"
class="header color-scheme-3 header--collapse-row-paddings"
data-theme-color="rgb(201 88 76)"
transparent="not-sticky"
sticky="scroll-up"
data-skip-node-update
data-scroll-direction="none"
style=" --color-scheme-top-row: rgba(201 88 76 / 1.0); --color-scheme-bottom-row: rgba(201 88 76 / 1.0); "
>
<div class="header__underlay header__underlay-closed"></div>
<div
class="header__underlay header__underlay-open"
></div><h1 class="visually-hidden">Junolia</h1>
<div
class="header__row header__row--top color-scheme-3 section section--full-width-margin section--page-width divider--page-width"
ref="headerRowTop">
<div class="header__columns spacing-style">
<div
class="header__column header__column--left"
data-testid="header-top-left"
>
<div
class="header__drawer"
ref="headerDrawerContainer"
data-hydration-key="header-drawer-mobile"
>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/header-drawer.js?v=121243031541024704371777041136"
type="module"
fetchpriority="low"
></script>
<header-drawer
class="header-drawer"
style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
>
<details
id="Details-menu-drawer-container"
data-skip-node-update="true"
class="menu-drawer-container"
ref="details"
scroll-lock
>
<summary
class="header__icon header__icon--menu header__icon--summary"
aria-label="Menu"
on:click="/toggle"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
ref="menuDrawer"
class="menu-drawer color-scheme-3"
>
<button
class="button close-button menu-drawer__close-button"
type="button"
aria-label="Fermer"
on:click="/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<nav
class="menu-drawer__navigation"
style="--menu-top-level-font-family: var(--font-accent--family);--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-accent--style); --menu-top-level-font-weight: var(--font-accent--weight); --menu-top-level-font-case:uppercase; --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height: var(--menu-font-2xl--line-height);--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);--menu-parent-font-family: var(--font-accent--family); --menu-parent-font-style:var(--font-accent--style); --menu-parent-font-weight: var(--font-accent--weight); --menu-parent-font-case:uppercase; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); --menu-child-font-family: var(--font-accent--family); --menu-child-font-style:var(--font-accent--style); --menu-child-font-weight: var(--font-accent--weight); --menu-child-font-case:uppercase; --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); "
aria-label="Principale"
>
<ul
class="menu-drawer__menu has-submenu"
role="list"
>
<li
style="--menu-drawer-animation-index: 1;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-junolia-by-orangoo"
href="/pages/a-propos-de-junolia"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Junolia by Orangoo</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 2;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-nos-machines"
href="/collections/nos-machines"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">NOS MACHINES</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 3;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-pieces-detachees"
href="/collections/pieces-detachee"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">PIÈCES DÉTACHÉES</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 4;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-accessoires"
href="/collections/accessoires-1"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">ACCESSOIRES</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 5;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-nos-oranges"
href="/pages/oranges"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">NOS ORANGES</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 6;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-nos-bouteilles"
href="/collections/bouteilles-1"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">NOS BOUTEILLES</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 7;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-nos-secteurs"
href="/pages/presse-agrumes-hotel"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">NOS SECTEURS</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 7;"
>
<a
href="/pages/presse-agrumes-hotel"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Hôtels</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 7;"
>
<a
href="/pages/presse-agrumes-restaurant"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Restaurants & Brasseries</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 7;"
>
<a
href="/pages/presse-agrumes-boulangerie"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Boulangeries</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 7;"
>
<a
href="/pages/presse-agrumes-cafe"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Cafés</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 7;"
>
<a
href="/pages/presse-agrumes-supermarche-gms"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Supermarchés & GMS</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 7;"
>
<a
href="/pages/oranges-jus-grossiste"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">Grossistes en oranges</span>
</a>
</li></ul>
</li>
<li
style="--menu-drawer-animation-index: 8;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-nos-conseils"
href="/blogs/infos"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">NOS CONSEILS</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 9;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-contact"
href="/pages/contact"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">CONTACT</span>
</a>
</li>
</ul>
</nav>
<div
class="menu-drawer__utility-links menu-drawer__animated-element"
style="--menu-drawer-animation-index: 9;"
>
</div>
</div>
<div
class="menu-drawer__backdrop"
on:click="header-drawer/close"
></div>
</details>
</header-drawer>
</div>
<style data-shopify>
.header__underlay {
--color-submenu: rgb(201 88 76 / 1.0);
}
</style>
<search-button
class="search-action search-action--hidden-on-menu"
>
<button
on:click="#search-modal/showDialog"
class="button-unstyled header-actions__action"
aria-label="Rechercher"
aria-haspopup="dialog"
>
<span class="hidden">
Rechercher
</span>
<span class="svg-wrapper">
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</button>
</search-button>
</div><div
class="header__column header__column--center"
data-testid="header-top-center"
>
</div><div
class="header__column header__column--right"
data-testid="header-top-right"
>
<search-button
class="search-action search-action--hidden-on-drawer"
>
<button
on:click="#search-modal/showDialog"
class="button-unstyled header-actions__action"
aria-label="Rechercher"
aria-haspopup="dialog"
>
<span class="hidden">
Rechercher
</span>
<span class="svg-wrapper">
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
</button>
</search-button>
<script
type="module"
src="//www.junolia.com/cdn/shop/t/5/assets/cart-icon.js?v=157241182139685326961777041136"
fetchpriority="low"
></script>
<header-actions
>
<div
class="account-button header-actions__action color-scheme-1"
>
<shopify-store store-domain="https://www.junolia.com" country="FR" language="fr"></shopify-store>
<shopify-account
menu="customer-account-main-menu"
>
<span
slot="signed-out-avatar"
class="account-button__text header-actions__text-style hidden"
>
Compte
</span>
<span
slot="signed-out-avatar"
class=""
aria-hidden="true"
>
<svg
xmlns="http://www.w3.org/2000/svg"
width="15"
height="17"
viewbox="0 0 15 17"
fill="none"
slot="signed-out-avatar"
class="account-button__icon"
>
<path
stroke="currentColor"
stroke-linejoin="round"
stroke-width="var(--icon-stroke-width)"
d="M10.375 3.813a3.063 3.063 0 1 1-6.125 0 3.063 3.063 0 0 1 6.125 0ZM7.313 9.5c-3.667 0-6.24 2.691-6.563 6.125h13.125C13.552 12.191 10.979 9.5 7.312 9.5Z"
/>
</svg>
</span>
</shopify-account>
</div>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/cart-drawer.js?v=35649724213056774541777041136"
type="module"
fetchpriority="low"
></script>
<cart-drawer-component
class="cart-drawer"
>
<template id="empty-cart-template">
<div class="cart-drawer__header">
<button
ref="closeButton"
on:click="cart-drawer-component/close"
class="button close-button cart-drawer__close-button button-unstyled"
aria-label="Fermer la boîte de dialogue"
>
<span class="svg-wrapper"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<div
class="cart-drawer__content"
aria-label="Panier"
>
<h2
class="cart-drawer__heading h4 cart-drawer__heading--empty"
id="cart-drawer-heading-empty"
>
Votre panier est vide
</h2>
<div class="cart-drawer__items">
<script src="//www.junolia.com/cdn/shop/t/5/assets/component-cart-items.js?v=165440327125931659001777041136" type="module" fetchpriority="low"></script>
<script src="//www.junolia.com/cdn/shop/t/5/assets/component-cart-quantity-selector.js?v=105130809908858639751777041136" type="module" fetchpriority="low"></script>
<script src="//www.junolia.com/cdn/shop/t/5/assets/volume-pricing-info.js?v=94479640769665442661777041136" type="module" fetchpriority="low"></script>
<div
class="cart-items__wrapper"
>
<p>Vous possédez un compte ? <a href="https://www.junolia.com/customer_authentication/redirect?locale=fr®ion_country=FR">Connectez-vous</a> pour payer plus vite.</p><a class="button cart-items__empty-button" href="/collections/all">
<span class="button-text">Continuer les achats</span>
</a></div>
</div>
</div>
</template>
<button
class="header-actions__action button-unstyled"
on:click="/open"
aria-haspopup="dialog"
aria-label="Panier"
aria-describedby="cart-bubble-text"
data-testid="cart-drawer-trigger"
>
<cart-icon
class="header-actions__cart-icon"
data-testid="cart-icon"
>
<span class="hidden">
Panier
</span>
<span
class="svg-wrapper"
aria-hidden="true"
>
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
</span>
<div
ref="cartBubble"
class="cart-bubble visually-hidden"
data-maintain-ratio
>
<span class="cart-bubble__background"></span>
<span
ref="cartBubbleText"
id="cart-bubble-text"
class="cart-bubble__text"
>
<span
class="cart-bubble__text-count hidden"
ref="cartBubbleCount"
aria-hidden="true"
data-testid="cart-bubble"
>
0</span>
</span>
</div>
</cart-icon>
</button>
<dialog
ref="dialog"
class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
data-testid="cart-drawer-dialog"
aria-labelledby="cart-drawer-heading-empty"
scroll-lock
cart-summary-sticky="true"
>
<span
ref="liveRegion"
class="visually-hidden"
role="status"
></span>
<div
class="cart-drawer__inner"
data-hydration-key="cart-drawer-inner"
>
<cart-items-component
class="cart-items-component"
data-drawer
data-section-id="sections--26252925829498__header_section"
>
<div class="cart-drawer__header">
<button
ref="closeButton"
on:click="cart-drawer-component/close"
class="button close-button cart-drawer__close-button button-unstyled"
aria-label="Fermer la boîte de dialogue"
>
<span class="svg-wrapper"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<div
class="cart-drawer__content"
aria-label="Panier"
>
<h2
class="cart-drawer__heading h4 cart-drawer__heading--empty"
id="cart-drawer-heading-empty"
>
Votre panier est vide
</h2>
<div class="cart-drawer__items">
<script src="//www.junolia.com/cdn/shop/t/5/assets/component-cart-items.js?v=165440327125931659001777041136" type="module" fetchpriority="low"></script>
<script src="//www.junolia.com/cdn/shop/t/5/assets/component-cart-quantity-selector.js?v=105130809908858639751777041136" type="module" fetchpriority="low"></script>
<script src="//www.junolia.com/cdn/shop/t/5/assets/volume-pricing-info.js?v=94479640769665442661777041136" type="module" fetchpriority="low"></script>
<div
class="cart-items__wrapper"
>
<p>Vous possédez un compte ? <a href="https://www.junolia.com/customer_authentication/redirect?locale=fr®ion_country=FR">Connectez-vous</a> pour payer plus vite.</p><a class="button cart-items__empty-button" href="/collections/all">
<span class="button-text">Continuer les achats</span>
</a></div>
</div>
</div>
</cart-items-component>
</div>
</dialog>
</cart-drawer-component>
<span
ref="liveRegion"
class="visually-hidden"
role="status"
data-testid="cart-count-live-region"
></span>
</header-actions>
<script
type="module"
src="//www.junolia.com/cdn/shop/t/5/assets/header-actions.js?v=121308165565653895611777041136"
fetchpriority="low"
></script>
</div>
</div>
</div>
<div
class="header__row header__row--bottom color-scheme-3 section section--full-width-margin section--page-width mobile:hidden"
ref="headerRowTop">
<div class="header__columns spacing-style">
<div
class="header__column header__column--center"
data-testid="header-bottom-center"
>
<header-menu
ref="headerMenu"
class="header-menu"
data-hydration-key="header-menu"
>
<div class="header-menu__inner">
<nav
class="menu-list"
aria-label="Principale"
style="--menu-top-level-font-family: var(--font-accent--family);--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-accent--style); --menu-top-level-font-weight: var(--font-accent--weight); --menu-top-level-font-case:uppercase; --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height: var(--menu-font-sm--line-height);--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);"
>
<overflow-list
ref="overflowMenu"
class="overflow-menu color-scheme-matches-parent"
minimum-items="2"
data-testid="header-menu-overflow-list"
data-skip-node-update
>
<template shadowrootmode="open">
<link href="//www.junolia.com/cdn/shop/t/5/assets/overflow-list.css?v=16727044177065489451777041136" rel="stylesheet" type="text/css" media="all" />
<ul part="list">
<slot></slot>
<slot
name="more"
part="more"
hidden
>
<li
part="more"
>
<button
class="button"
type="button"
tabindex="0"
>
Plus
</button>
</li>
</slot>
<li
part="placeholder"
hidden
></li>
</ul>
<div part="overflow">
<ul part="overflow-list">
<slot name="overflow"></slot>
</ul>
</div>
</template>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/pages/a-propos-de-junolia"
data-skip-node-update="true"
class="menu-list__link"
ref="menuitem"
>
<span class="menu-list__link-title">Junolia by Orangoo</span>
</a></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/collections/nos-machines"
data-skip-node-update="true"
class="menu-list__link"
ref="menuitem"
>
<span class="menu-list__link-title">NOS MACHINES</span>
</a></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/collections/pieces-detachee"
data-skip-node-update="true"
class="menu-list__link"
ref="menuitem"
>
<span class="menu-list__link-title">PIÈCES DÉTACHÉES</span>
</a></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/collections/accessoires-1"
data-skip-node-update="true"
class="menu-list__link"
ref="menuitem"
>
<span class="menu-list__link-title">ACCESSOIRES</span>
</a></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/pages/oranges"
data-skip-node-update="true"
class="menu-list__link"
ref="menuitem"
>
<span class="menu-list__link-title">NOS ORANGES</span>
</a></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/collections/bouteilles-1"
data-skip-node-update="true"
class="menu-list__link"
ref="menuitem"
>
<span class="menu-list__link-title">NOS BOUTEILLES</span>
</a></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/pages/presse-agrumes-hotel"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">NOS SECTEURS</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-7"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-accent--family); --menu-parent-font-style:var(--font-accent--style); --menu-parent-font-weight: var(--font-accent--weight); --menu-parent-font-case:uppercase; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); --menu-child-font-family: var(--font-accent--family); --menu-child-font-style:var(--font-accent--style); --menu-child-font-weight: var(--font-accent--weight); --menu-child-font-case:uppercase; --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); "
>
<div class="mega-menu section section--full-width-margin section--page-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-7"
>
<ul
data-menu-list-id="MegaMenuList-7"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 0px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/pages/presse-agrumes-hotel"
class="mega-menu__link"
>
<span class="wrap-text">Hôtels</span>
</a>
</div>
<div>
<a
href="/pages/presse-agrumes-restaurant"
class="mega-menu__link"
>
<span class="wrap-text">Restaurants & Brasseries</span>
</a>
</div>
<div>
<a
href="/pages/presse-agrumes-boulangerie"
class="mega-menu__link"
>
<span class="wrap-text">Boulangeries</span>
</a>
</div>
<div>
<a
href="/pages/presse-agrumes-cafe"
class="mega-menu__link"
>
<span class="wrap-text">Cafés</span>
</a>
</div>
<div>
<a
href="/pages/presse-agrumes-supermarche-gms"
class="mega-menu__link"
>
<span class="wrap-text">Supermarchés & GMS</span>
</a>
</div>
<div>
<a
href="/pages/oranges-jus-grossiste"
class="mega-menu__link"
>
<span class="wrap-text">Grossistes en oranges</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-7"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-7"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/blogs/infos"
data-skip-node-update="true"
class="menu-list__link"
ref="menuitem"
>
<span class="menu-list__link-title">NOS CONSEILS</span>
</a></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/pages/contact"
data-skip-node-update="true"
class="menu-list__link"
ref="menuitem"
>
<span class="menu-list__link-title">CONTACT</span>
</a></li>
<li
class="menu-list__list-item"
role="presentation"
slot="more"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<button role="listitem" class="menu-list__link button-unstyled">
<span class="menu-list__link-title">Plus</span>
</button>
</li>
</overflow-list>
</nav>
</div>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/header-menu.js?v=97820922056036071501777041136"
type="module"
fetchpriority="low"
></script>
</header-menu>
<style data-shopify>
.header__underlay {
--color-submenu: rgb(201 88 76 / 1.0);
}
</style>
</div>
</div>
</div>
<div class="header__row header__navigation-bar-row color-scheme-3">
<style data-shopify>
.header__underlay {
--color-submenu: rgb(201 88 76 / 1.0);
}
</style>
</div>
</header-component>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/header.js?v=36718054510661947891777041136"
type="module"
></script>
<script type="module">
import { hydrate } from '@theme/section-hydration';
const url = new URL(window.location.href);
url.searchParams.delete('page');
hydrate('sections--26252925829498__header_section', url);
</script>
</header>
<!-- END sections: header-group -->
</div>
<script>
// Inline header height and menu style calculations to prevent layout shift
// Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
(function setHeaderHeighCustomProperties() {
/*
* Header calculation functions for maintaining CSS variables
* Mimic calculateHeaderGroupHeight() in utilities.js
*/
const header = document.querySelector('header-component');
const headerGroup = document.querySelector('#header-group');
const hasHeaderSection = headerGroup?.querySelector('.header-section');
if (!header || !headerGroup) return;
const headerTopRow = header.querySelector('.header__row--top');
const headerHeight = header.offsetHeight;
// Calculate the total height of the header group
let headerGroupHeight = 0;
const children = headerGroup.children;
for (let i = 0; i < children.length; i++) {
const element = children[i];
if (element === header || !(element instanceof HTMLElement)) continue;
headerGroupHeight += element.offsetHeight;
}
// Check for transparent header special case
if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
headerGroupHeight += headerHeight;
}
// Set CSS variables
document.body.style.setProperty('--header-height', `${headerHeight}px`);
document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
if (headerTopRow) {
window.requestAnimationFrame(function () {
document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
});
}
/**
* Updates CSS custom properties for transparent header offset calculation
* Mimic updateTransparentHeaderOffset() in utilities.js
*/
if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
document.body.style.setProperty('--transparent-header-offset-boolean', '0');
return;
}
const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
})();
(function setHeaderMenuStyle() {
const headerComponent = document.querySelector('#header-component');
if (headerComponent) {
const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
const overflowList = headerComponent?.querySelector('overflow-list');
const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
}
})();
</script>
<main
id="MainContent"
class="content-for-layout"
role="main"
data-page-transition-enabled="true"
data-product-transition="true"
data-template="index"
>
<div id="shopify-section-template--26252930515322__17778850548f03402b" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: 0px;--padding-block-end: 0px; "
data-testid="section-content"
>
<div id="shopify-block-Aam9Fc0d6M2c1THVmN__ai_gen_block_a295adc_afGnLq" class="shopify-block">
<style data-shopify>
.ai-spacer-aam9fc0d6m2c1thvmnaigenblocka295adcafgnlq {
display: block;
width: 100%;
height: 200px;
}
@media screen and (max-width: 749px) {
.ai-spacer-aam9fc0d6m2c1thvmnaigenblocka295adcafgnlq {
height: 40px;
}
}
</style>
<div
class="ai-spacer-aam9fc0d6m2c1thvmnaigenblocka295adcafgnlq"
></div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--26252930515322__blocks_nTcCUQ" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: 0px;--padding-block-end: 0px; "
data-testid="section-content"
>
<div id="shopify-block-AWTRoRWFUWDNXT2lrT__ai_gen_block_26ce4b4_8YfiJH" class="shopify-block">
<style data-shopify>
.ai-spacer-awtrorwfuwdnxt2lrtaigenblock26ce4b48yfijh {
display: block;
width: 100%;
height: 20px;
}
@media screen and (max-width: 749px) {
.ai-spacer-awtrorwfuwdnxt2lrtaigenblock26ce4b48yfijh {
height: 130px;
}
}
</style>
<div class="ai-spacer-awtrorwfuwdnxt2lrtaigenblock26ce4b48yfijh" ></div>
</div>
</div>
</div>
</div>
</div><section id="shopify-section-template--26252930515322__manegevideo_d6hEkw" class="shopify-section wgc-section-wrapper"><div id="wgctemplate--26252930515322__manegevideo_d6hEkw" style="position:relative;width:100%;min-height:650px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;padding:60px 0 60px;box-sizing:border-box;background:#1C1F23;">
<!-- FOND -->
<div style="position:absolute;inset:0;z-index:0;overflow:hidden;"><video playsinline="true" autoplay="autoplay" loop="loop" muted="muted" style="width:100%;height:100%;object-fit:cover;display:block;" preload="metadata" poster="//www.junolia.com/cdn/shop/files/preview_images/f99e9cd372b54483913c915f364e3e9e.thumbnail.0000000000_small.jpg?v=1746024588"><source src="//www.junolia.com/cdn/shop/videos/c/vp/f99e9cd372b54483913c915f364e3e9e/f99e9cd372b54483913c915f364e3e9e.HD-1080p-7.2Mbps-46812345.mp4?v=0" type="video/mp4"><img src="//www.junolia.com/cdn/shop/files/preview_images/f99e9cd372b54483913c915f364e3e9e.thumbnail.0000000000_small.jpg?v=1746024588"></video>
<div style="position:absolute;inset:0;background:rgba(28,31,35,0.55);"></div>
</div>
<!-- TITRE --><div style="position:relative;z-index:2;text-align:center;max-width:680px;margin-bottom:44px;padding:0 20px;"><h2 style="font-size:clamp(22px,3.5vw,44px);font-weight:300;color:#ffffff;margin:0 0 12px;line-height:1.15;letter-spacing:-0.02em;">Découvrez la gamme Junolia by orangoo</h2></div><!-- CAROUSEL -->
<div style="position:relative;z-index:2;width:100%;display:flex;flex-direction:column;align-items:center;gap:28px;">
<div id="wgctemplate--26252930515322__manegevideo_d6hEkw-stage" style="position:relative;width:100%;height:460px;display:flex;align-items:center;justify-content:center;overflow:visible;perspective:1200px;"><div
class="wgctemplate--26252930515322__manegevideo_d6hEkw-slide"
data-index="0"
style="position:absolute;width:300px;height:460px;top:50%;margin-top:-230px;left:50%;margin-left:-150px;cursor:pointer;transition:transform 0.85s cubic-bezier(0.4,0,0.2,1),opacity 0.85s,filter 0.85s;"
>
<div
class="wgctemplate--26252930515322__manegevideo_d6hEkw-flipper"
style="position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 0.7s cubic-bezier(0.4,0,0.2,1);"
>
<!-- RECTO -->
<div style="position:absolute;inset:0;border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#E8EAEC;border:0.5px solid rgba(255,255,255,0.1);display:flex;flex-direction:column;"><div style="position:relative;width:100%;height:100%;overflow:hidden;"><img src="//www.junolia.com/cdn/shop/files/1776934250761-fibljwq7vzh.png?v=1776934498&width=600" alt="" srcset="//www.junolia.com/cdn/shop/files/1776934250761-fibljwq7vzh.png?v=1776934498&width=352 352w, //www.junolia.com/cdn/shop/files/1776934250761-fibljwq7vzh.png?v=1776934498&width=600 600w" width="600" height="600" loading="lazy" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;">
<div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(28,31,35,0.7) 0%,rgba(28,31,35,0.3) 55%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:22px 20px;gap:5px;"><span style="font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#000000;display:block;">OrangooxJunolia</span><p style="font-size:18px;font-weight:400;color:#fff;margin:0;line-height:1.2;letter-spacing:-0.01em;">Nos Oranges</p><span class="wgctemplate--26252930515322__manegevideo_d6hEkw-linkhint" style="display:inline-flex;align-items:center;gap:5px;font-size:20px;font-weight:500;color:#000000;opacity:0;transition:opacity 0.3s;letter-spacing:0.5px;">cliquez pour découvrir →</span></div>
</div><div class="wgctemplate--26252930515322__manegevideo_d6hEkw-fliphint" style="position:absolute;bottom:12px;right:12px;width:24px;height:24px;border-radius:50%;background:rgba(28,31,35,0.08);border:0.5px solid rgba(28,31,35,0.15);display:flex;align-items:center;justify-content:center;color:rgba(28,31,35,0.4);font-size:11px;opacity:0;transition:opacity 0.3s;z-index:3;">↺</div>
</div>
<!-- VERSO -->
<div style="position:absolute;inset:0;border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#1C1F23;border:0.5px solid rgba(255,255,255,0.1);transform:rotateY(180deg);display:flex;flex-direction:column;"><div style="position:relative;width:100%;height:100%;overflow:hidden;"><img src="//www.junolia.com/cdn/shop/files/1776934250761-fibljwq7vzh.png?v=1776934498&width=600" alt="" srcset="//www.junolia.com/cdn/shop/files/1776934250761-fibljwq7vzh.png?v=1776934498&width=352 352w, //www.junolia.com/cdn/shop/files/1776934250761-fibljwq7vzh.png?v=1776934498&width=600 600w" width="600" height="600" loading="lazy" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;">
<div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(28,31,35,0.95) 0%,rgba(28,31,35,0.5) 50%,rgba(28,31,35,0.1) 100%);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;padding:26px 20px;gap:8px;"><p style="font-size:18px;font-weight:400;color:#fff;margin:0;line-height:1.2;">Nos Oranges</p><div style="font-size:12px;color:rgba(255,255,255,0.6);line-height:1.65;font-weight:300;"><p><strong>Oranges fraîches</strong><br/></p><p>Le jus ne vaut que ce que vaut le fruit. Nous travaillons avec des oranges sélectionnées exclusivement pour le pressage professionnel : calibre constant, peau fine, taux de jus élevé et à un prix au kilos imbattable.</p><p></p></div><a href="/products/oranges" style="display:inline-block;background:#c15045;color:#1C1F23;text-decoration:none;font-size:11px;font-weight:700;padding:10px 22px;border-radius:2px;margin-top:6px;letter-spacing:1px;text-transform:uppercase;">Commander mes oranges</a></div>
</div><button class="wgctemplate--26252930515322__manegevideo_d6hEkw-closebtn" style="position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,0.07);border:0.5px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.5);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;z-index:3;">✕</button>
</div>
</div>
</div><div
class="wgctemplate--26252930515322__manegevideo_d6hEkw-slide"
data-index="1"
style="position:absolute;width:300px;height:460px;top:50%;margin-top:-230px;left:50%;margin-left:-150px;cursor:pointer;transition:transform 0.85s cubic-bezier(0.4,0,0.2,1),opacity 0.85s,filter 0.85s;"
>
<div
class="wgctemplate--26252930515322__manegevideo_d6hEkw-flipper"
style="position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 0.7s cubic-bezier(0.4,0,0.2,1);"
>
<!-- RECTO -->
<div style="position:absolute;inset:0;border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#E8EAEC;border:0.5px solid rgba(255,255,255,0.1);display:flex;flex-direction:column;"><div style="position:relative;width:100%;height:100%;overflow:hidden;"><img src="//www.junolia.com/cdn/shop/files/1776934419373-wj8eduaxfai.png?v=1776934465&width=600" alt="" srcset="//www.junolia.com/cdn/shop/files/1776934419373-wj8eduaxfai.png?v=1776934465&width=352 352w, //www.junolia.com/cdn/shop/files/1776934419373-wj8eduaxfai.png?v=1776934465&width=600 600w" width="600" height="600" loading="lazy" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;">
<div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(28,31,35,0.7) 0%,rgba(28,31,35,0.3) 55%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:22px 20px;gap:5px;"><span style="font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#232323;display:block;">ORANGOOXJUNOLIA</span><p style="font-size:18px;font-weight:400;color:#fff;margin:0;line-height:1.2;letter-spacing:-0.01em;">Les machines ZUMEX</p><span class="wgctemplate--26252930515322__manegevideo_d6hEkw-linkhint" style="display:inline-flex;align-items:center;gap:5px;font-size:20px;font-weight:500;color:#232323;opacity:0;transition:opacity 0.3s;letter-spacing:0.5px;">cliquez pour découvrir →</span></div>
</div><div class="wgctemplate--26252930515322__manegevideo_d6hEkw-fliphint" style="position:absolute;bottom:12px;right:12px;width:24px;height:24px;border-radius:50%;background:rgba(28,31,35,0.08);border:0.5px solid rgba(28,31,35,0.15);display:flex;align-items:center;justify-content:center;color:rgba(28,31,35,0.4);font-size:11px;opacity:0;transition:opacity 0.3s;z-index:3;">↺</div>
</div>
<!-- VERSO -->
<div style="position:absolute;inset:0;border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#1C1F23;border:0.5px solid rgba(255,255,255,0.1);transform:rotateY(180deg);display:flex;flex-direction:column;"><div style="position:relative;width:100%;height:100%;overflow:hidden;"><img src="//www.junolia.com/cdn/shop/files/1776937274348-utl4jx05lo.png?v=1776939067&width=600" alt="" srcset="//www.junolia.com/cdn/shop/files/1776937274348-utl4jx05lo.png?v=1776939067&width=352 352w, //www.junolia.com/cdn/shop/files/1776937274348-utl4jx05lo.png?v=1776939067&width=600 600w" width="600" height="600" loading="lazy" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;">
<div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(28,31,35,0.95) 0%,rgba(28,31,35,0.5) 50%,rgba(28,31,35,0.1) 100%);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;padding:26px 20px;gap:8px;"><span style="font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#c15045;display:block;">Zumex</span><p style="font-size:18px;font-weight:400;color:#fff;margin:0;line-height:1.2;">Les machines ZUMEX</p><div style="font-size:12px;color:rgba(255,255,255,0.6);line-height:1.65;font-weight:300;"><p></p><p>Du modèle de comptoir ultra-compact pour la boulangerie de quartier jusqu'au self-service haute cadence pour l'hypermarché, chaque machine est pensée pour rentabiliser votre investissement dès les premières semaines. </p><p>On vous aide à choisir le bon modèle pour votre débit.</p></div><a href="/collections/machine-zumex" style="display:inline-block;background:#c15045;color:#1C1F23;text-decoration:none;font-size:11px;font-weight:700;padding:10px 22px;border-radius:2px;margin-top:6px;letter-spacing:1px;text-transform:uppercase;">Trouver ma machine</a></div>
</div><button class="wgctemplate--26252930515322__manegevideo_d6hEkw-closebtn" style="position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,0.07);border:0.5px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.5);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;z-index:3;">✕</button>
</div>
</div>
</div><div
class="wgctemplate--26252930515322__manegevideo_d6hEkw-slide"
data-index="2"
style="position:absolute;width:300px;height:460px;top:50%;margin-top:-230px;left:50%;margin-left:-150px;cursor:pointer;transition:transform 0.85s cubic-bezier(0.4,0,0.2,1),opacity 0.85s,filter 0.85s;"
>
<div
class="wgctemplate--26252930515322__manegevideo_d6hEkw-flipper"
style="position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 0.7s cubic-bezier(0.4,0,0.2,1);"
>
<!-- RECTO -->
<div style="position:absolute;inset:0;border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#E8EAEC;border:0.5px solid rgba(255,255,255,0.1);display:flex;flex-direction:column;"><div style="position:relative;width:100%;height:100%;overflow:hidden;"><img src="//www.junolia.com/cdn/shop/files/Rouleaux-de-pressage-male-Top-performance-Zumex-Oranges_Azur-83649762_800x800_322cc81e-1115-4d2a-b535-18cdf9d38b08.jpg?v=1776934518&width=600" alt="" srcset="//www.junolia.com/cdn/shop/files/Rouleaux-de-pressage-male-Top-performance-Zumex-Oranges_Azur-83649762_800x800_322cc81e-1115-4d2a-b535-18cdf9d38b08.jpg?v=1776934518&width=352 352w, //www.junolia.com/cdn/shop/files/Rouleaux-de-pressage-male-Top-performance-Zumex-Oranges_Azur-83649762_800x800_322cc81e-1115-4d2a-b535-18cdf9d38b08.jpg?v=1776934518&width=600 600w" width="600" height="600" loading="lazy" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;">
<div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(28,31,35,0.7) 0%,rgba(28,31,35,0.3) 55%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:22px 20px;gap:5px;"><span style="font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#232323;display:block;">OrangooxJunolia</span><p style="font-size:18px;font-weight:400;color:#fff;margin:0;line-height:1.2;letter-spacing:-0.01em;">Accessoires</p><span class="wgctemplate--26252930515322__manegevideo_d6hEkw-linkhint" style="display:inline-flex;align-items:center;gap:5px;font-size:20px;font-weight:500;color:#232323;opacity:0;transition:opacity 0.3s;letter-spacing:0.5px;">cliquez pour découvrir →</span></div>
</div><div class="wgctemplate--26252930515322__manegevideo_d6hEkw-fliphint" style="position:absolute;bottom:12px;right:12px;width:24px;height:24px;border-radius:50%;background:rgba(28,31,35,0.08);border:0.5px solid rgba(28,31,35,0.15);display:flex;align-items:center;justify-content:center;color:rgba(28,31,35,0.4);font-size:11px;opacity:0;transition:opacity 0.3s;z-index:3;">↺</div>
</div>
<!-- VERSO -->
<div style="position:absolute;inset:0;border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#1C1F23;border:0.5px solid rgba(255,255,255,0.1);transform:rotateY(180deg);display:flex;flex-direction:column;"><div style="position:relative;width:100%;height:100%;overflow:hidden;"><img src="//www.junolia.com/cdn/shop/files/Rouleaux-de-pressage-male-Top-performance-Zumex-Oranges_Azur-83649762_800x800_322cc81e-1115-4d2a-b535-18cdf9d38b08.jpg?v=1776934518&width=600" alt="" srcset="//www.junolia.com/cdn/shop/files/Rouleaux-de-pressage-male-Top-performance-Zumex-Oranges_Azur-83649762_800x800_322cc81e-1115-4d2a-b535-18cdf9d38b08.jpg?v=1776934518&width=352 352w, //www.junolia.com/cdn/shop/files/Rouleaux-de-pressage-male-Top-performance-Zumex-Oranges_Azur-83649762_800x800_322cc81e-1115-4d2a-b535-18cdf9d38b08.jpg?v=1776934518&width=600 600w" width="600" height="600" loading="lazy" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;">
<div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(28,31,35,0.95) 0%,rgba(28,31,35,0.5) 50%,rgba(28,31,35,0.1) 100%);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;padding:26px 20px;gap:8px;"><p style="font-size:18px;font-weight:400;color:#fff;margin:0;line-height:1.2;">Accessoires</p><div style="font-size:12px;color:rgba(255,255,255,0.6);line-height:1.65;font-weight:300;"><p>Une machine bien équipée, c'est une machine qui travaille plus longtemps sans intervention. Kits de pressage adaptés à chaque calibre de fruit, paniers de chargement supplémentaires... </p><p>Chaque accessoire a été conçu pour que vous passiez moins de temps à gérer votre équipement et plus de temps à servir vos clients.</p></div><a href="/collections/accessoires-1" style="display:inline-block;background:#c15045;color:#1C1F23;text-decoration:none;font-size:11px;font-weight:700;padding:10px 22px;border-radius:2px;margin-top:6px;letter-spacing:1px;text-transform:uppercase;">Voir les accessoires</a></div>
</div><button class="wgctemplate--26252930515322__manegevideo_d6hEkw-closebtn" style="position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,0.07);border:0.5px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.5);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;z-index:3;">✕</button>
</div>
</div>
</div><div
class="wgctemplate--26252930515322__manegevideo_d6hEkw-slide"
data-index="3"
style="position:absolute;width:300px;height:460px;top:50%;margin-top:-230px;left:50%;margin-left:-150px;cursor:pointer;transition:transform 0.85s cubic-bezier(0.4,0,0.2,1),opacity 0.85s,filter 0.85s;"
>
<div
class="wgctemplate--26252930515322__manegevideo_d6hEkw-flipper"
style="position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform 0.7s cubic-bezier(0.4,0,0.2,1);"
>
<!-- RECTO -->
<div style="position:absolute;inset:0;border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#E8EAEC;border:0.5px solid rgba(255,255,255,0.1);display:flex;flex-direction:column;"><div style="position:relative;width:100%;height:100%;overflow:hidden;"><img src="//www.junolia.com/cdn/shop/files/Capture_d_ecran_2026-05-10_a_20.13.39.png?v=1778436949&width=600" alt="" srcset="//www.junolia.com/cdn/shop/files/Capture_d_ecran_2026-05-10_a_20.13.39.png?v=1778436949&width=352 352w, //www.junolia.com/cdn/shop/files/Capture_d_ecran_2026-05-10_a_20.13.39.png?v=1778436949&width=600 600w" width="600" height="600" loading="lazy" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;">
<div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(28,31,35,0.7) 0%,rgba(28,31,35,0.3) 55%,transparent 100%);display:flex;flex-direction:column;justify-content:flex-end;padding:22px 20px;gap:5px;"><span style="font-size:9px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:#232323;display:block;">ORANGOOXJUNOLIA</span><p style="font-size:18px;font-weight:400;color:#fff;margin:0;line-height:1.2;letter-spacing:-0.01em;">Pièces détachées</p><span class="wgctemplate--26252930515322__manegevideo_d6hEkw-linkhint" style="display:inline-flex;align-items:center;gap:5px;font-size:20px;font-weight:500;color:#232323;opacity:0;transition:opacity 0.3s;letter-spacing:0.5px;">cliquez pour découvrir →</span></div>
</div><div class="wgctemplate--26252930515322__manegevideo_d6hEkw-fliphint" style="position:absolute;bottom:12px;right:12px;width:24px;height:24px;border-radius:50%;background:rgba(28,31,35,0.08);border:0.5px solid rgba(28,31,35,0.15);display:flex;align-items:center;justify-content:center;color:rgba(28,31,35,0.4);font-size:11px;opacity:0;transition:opacity 0.3s;z-index:3;">↺</div>
</div>
<!-- VERSO -->
<div style="position:absolute;inset:0;border-radius:18px;backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;background:#1C1F23;border:0.5px solid rgba(255,255,255,0.1);transform:rotateY(180deg);display:flex;flex-direction:column;"><div style="position:relative;width:100%;height:100%;overflow:hidden;"><img src="//www.junolia.com/cdn/shop/files/Capture_d_ecran_2026-05-10_a_20.13.39.png?v=1778436949&width=600" alt="" srcset="//www.junolia.com/cdn/shop/files/Capture_d_ecran_2026-05-10_a_20.13.39.png?v=1778436949&width=352 352w, //www.junolia.com/cdn/shop/files/Capture_d_ecran_2026-05-10_a_20.13.39.png?v=1778436949&width=600 600w" width="600" height="600" loading="lazy" style="position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;">
<div style="position:absolute;inset:0;background:linear-gradient(to top,rgba(28,31,35,0.95) 0%,rgba(28,31,35,0.5) 50%,rgba(28,31,35,0.1) 100%);display:flex;flex-direction:column;justify-content:flex-end;align-items:center;text-align:center;padding:26px 20px;gap:8px;"><p style="font-size:18px;font-weight:400;color:#fff;margin:0;line-height:1.2;">Pièces détachées</p><div style="font-size:12px;color:rgba(255,255,255,0.6);line-height:1.65;font-weight:300;"><p> Nous stockons les pièces d'origine Zumex les plus critiques pour vous garantir une remise en service rapide. </p><p>Tambours, robinets, filtres, kits de roulements.Toutes les références sont disponibles avec expédition immédiate. </p><p>Compatibilité garantie, qualité constructeur, aucun compromis sur la fiabilité de votre équipement.</p></div><a href="/collections/pieces-detachee" style="display:inline-block;background:#c15045;color:#1C1F23;text-decoration:none;font-size:11px;font-weight:700;padding:10px 22px;border-radius:2px;margin-top:6px;letter-spacing:1px;text-transform:uppercase;">Commander ma pièce</a></div>
</div><button class="wgctemplate--26252930515322__manegevideo_d6hEkw-closebtn" style="position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,0.07);border:0.5px solid rgba(255,255,255,0.15);color:rgba(255,255,255,0.5);cursor:pointer;font-size:13px;display:flex;align-items:center;justify-content:center;padding:0;line-height:1;z-index:3;">✕</button>
</div>
</div>
</div></div>
<!-- NAVIGATION --><div style="display:flex;align-items:center;gap:16px;z-index:2;">
<button id="wgctemplate--26252930515322__manegevideo_d6hEkw-prev" style="width:40px;height:40px;border-radius:50%;border:0.5px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.7);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;">‹</button><div id="wgctemplate--26252930515322__manegevideo_d6hEkw-dots" style="display:flex;gap:7px;align-items:center;"><button class="wgctemplate--26252930515322__manegevideo_d6hEkw-dot wgctemplate--26252930515322__manegevideo_d6hEkw-dot-active" data-index="0" style="width:20px;height:5px;border-radius:3px;border:none;background:#ffffff;padding:0;cursor:pointer;transition:all 0.35s;"></button><button class="wgctemplate--26252930515322__manegevideo_d6hEkw-dot" data-index="1" style="width:5px;height:5px;border-radius:3px;border:none;background:rgba(255,255,255,0.2);padding:0;cursor:pointer;transition:all 0.35s;"></button><button class="wgctemplate--26252930515322__manegevideo_d6hEkw-dot" data-index="2" style="width:5px;height:5px;border-radius:3px;border:none;background:rgba(255,255,255,0.2);padding:0;cursor:pointer;transition:all 0.35s;"></button><button class="wgctemplate--26252930515322__manegevideo_d6hEkw-dot" data-index="3" style="width:5px;height:5px;border-radius:3px;border:none;background:rgba(255,255,255,0.2);padding:0;cursor:pointer;transition:all 0.35s;"></button></div><button id="wgctemplate--26252930515322__manegevideo_d6hEkw-next" style="width:40px;height:40px;border-radius:50%;border:0.5px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.05);color:rgba(255,255,255,0.7);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1;">›</button>
</div></div>
</div>
<script>
(function(){
var sid = 'wgctemplate--26252930515322__manegevideo_d6hEkw';
var stage = document.getElementById(sid+'-stage');
if(!stage) return;
var slides = Array.from(document.querySelectorAll('#'+sid+' .'+sid+'-slide'));
var flippers= Array.from(document.querySelectorAll('#'+sid+' .'+sid+'-flipper'));
var dots = Array.from(document.querySelectorAll('#'+sid+' .'+sid+'-dot'));
var prevBtn = document.getElementById(sid+'-prev');
var nextBtn = document.getElementById(sid+'-next');
var total = slides.length;
if(!total) return;
var current = 0;
var autoTimer = null;
var flipTimer = null;
var unflipTimer = null;
var isDrag = false;
var dragX = 0;
var SPREAD = 420;
var ROT_Y = 55;
var SCALE_SIDE = 55 / 100.0;
var OPA_SIDE = 35 / 100.0;
var AUTOPLAY = true;
var AP_SPEED = 6500;
var AUTO_FLIP = false;
var FLIP_DELAY = 3000;
var FLIP_SHOW = 2000;
var ACCENT = '#ffffff';
function layout(){
slides.forEach(function(slide, i){
var off = i - current;
if(off > total/2) off -= total;
if(off < -total/2) off += total;
var abs = Math.abs(off);
var center = (off === 0);
var sign = off >= 0 ? 1 : -1;
var tx, ry, sc, op, zi;
if(center){
tx=0; ry=0; sc=1; op=1; zi=100;
} else {
tx = sign * SPREAD * (1 + (abs-1)*0.35);
ry = sign * ROT_Y * Math.min(abs,2);
sc = Math.max(SCALE_SIDE - (abs-1)*0.07, 0.22);
op = Math.max(OPA_SIDE - (abs-1)*0.08, 0.06);
zi = Math.max(100 - abs*20, 1);
}
slide.style.transform = 'translateX('+tx+'px) rotateY('+ry+'deg) scale('+sc+')';
slide.style.opacity = op;
slide.style.zIndex = zi;
slide.style.filter = center ? 'brightness(1)' : 'brightness(0.6) blur('+(abs*0.5)+'px)';
var hint = slide.querySelector('.'+sid+'-linkhint');
var fhint = slide.querySelector('.'+sid+'-fliphint');
if(hint) hint.style.opacity = center ? '1' : '0';
if(fhint) fhint.style.opacity = center ? '1' : '0';
});
dots.forEach(function(d,i){
d.style.width = i===current ? '20px' : '5px';
d.style.background = i===current ? ACCENT : 'rgba(255,255,255,0.2)';
});
}
function isFlipped(idx){ return flippers[idx] && flippers[idx].getAttribute('data-flipped')==='1'; }
function setFlip(idx, flipped){
var f = flippers[idx];
if(!f) return;
f.style.transform = flipped ? 'rotateY(180deg)' : 'rotateY(0deg)';
f.setAttribute('data-flipped', flipped ? '1' : '0');
}
function unflipAll(){ flippers.forEach(function(f,i){ setFlip(i,false); }); }
function scheduleAutoFlip(){
clearTimeout(flipTimer); clearTimeout(unflipTimer);
if(!AUTO_FLIP) return;
flipTimer = setTimeout(function(){
if(!isFlipped(current)){
setFlip(current, true);
unflipTimer = setTimeout(function(){
if(isFlipped(current)) setFlip(current, false);
}, FLIP_SHOW);
}
}, FLIP_DELAY);
}
function goTo(idx){
unflipAll();
clearTimeout(flipTimer); clearTimeout(unflipTimer);
current = ((idx % total) + total) % total;
layout();
scheduleAutoFlip();
}
function next(){ goTo(current+1); }
function prev(){ goTo(current-1); }
slides.forEach(function(slide, i){
slide.addEventListener('click', function(e){
if(e.target.closest('.'+sid+'-closebtn')) return;
if(e.target.tagName === 'A') return;
if(isDrag) return;
if(i !== current){ goTo(i); return; }
clearTimeout(flipTimer); clearTimeout(unflipTimer);
stopAuto();
setFlip(current, !isFlipped(current));
startAuto();
});
var cb = slide.querySelector('.'+sid+'-closebtn');
if(cb) cb.addEventListener('click', function(e){ e.stopPropagation(); setFlip(i,false); });
});
if(prevBtn) prevBtn.addEventListener('click', function(){ stopAuto(); prev(); startAuto(); });
if(nextBtn) nextBtn.addEventListener('click', function(){ stopAuto(); next(); startAuto(); });
dots.forEach(function(d,i){ d.addEventListener('click', function(){ stopAuto(); goTo(i); startAuto(); }); });
stage.addEventListener('pointerdown', function(e){ isDrag=false; dragX=e.clientX; });
stage.addEventListener('pointermove', function(e){ if(Math.abs(e.clientX-dragX)>8) isDrag=true; });
stage.addEventListener('pointerup', function(e){
var dx = e.clientX - dragX;
if(Math.abs(dx)>50){ stopAuto(); dx<0?next():prev(); startAuto(); }
setTimeout(function(){ isDrag=false; }, 50);
});
function startAuto(){
if(!AUTOPLAY) return;
stopAuto();
autoTimer = setInterval(function(){ if(!isFlipped(current)) next(); }, AP_SPEED);
}
function stopAuto(){ clearInterval(autoTimer); autoTimer=null; }
var root = document.getElementById(sid);
if(root){
root.addEventListener('mouseenter', stopAuto);
root.addEventListener('mouseleave', startAuto);
}
layout();
startAuto();
scheduleAutoFlip();
})();
</script>
</section><div id="shopify-section-template--26252930515322__section_3yMWCK" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 16px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 64px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 64px)); "
data-testid="section-content"
>
<div class="spacing-style text-block text-block--AS2pDeWFpUU9OaHVjZ__text_cCzy6D h2 text-block--align-center" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-narrow); --text-align: center; ">
<p>NOS SERVICES</p>
</div>
</div>
</div>
</div>
</div><section id="shopify-section-template--26252930515322__rouletteservice_Jqc8Hb" class="shopify-section jrl-section-wrapper"><link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Chivo:ital,wght@0,300;0,400;0,700;0,900;1,300;1,400&family=Geist:wght@300;400;500;600&display=swap" rel="stylesheet">
<style>
#jrltemplate--26252930515322__rouletteservice_Jqc8Hb * { box-sizing: border-box; }
#jrltemplate--26252930515322__rouletteservice_Jqc8Hb .jrl-title { font-family: 'Chivo', sans-serif; }
#jrltemplate--26252930515322__rouletteservice_Jqc8Hb .jrl-subtitle { font-family: 'Geist', sans-serif; }
#jrltemplate--26252930515322__rouletteservice_Jqc8Hb .jrl-body { font-family: 'Geist', sans-serif; }
#jrltemplate--26252930515322__rouletteservice_Jqc8Hb .jrl-video-bg { position:absolute; inset:0; z-index:0; overflow:hidden; }
#jrltemplate--26252930515322__rouletteservice_Jqc8Hb .jrl-video-bg video { width:100%; height:100%; object-fit:cover; display:block; }
#jrltemplate--26252930515322__rouletteservice_Jqc8Hb .jrl-video-bg .jrl-overlay { position:absolute; inset:0; }
#jrltemplate--26252930515322__rouletteservice_Jqc8Hb .jrl-band-inner {
width: 100%;
display: flex;
align-items: center;
padding: 0 32px;
height: 68px;
box-sizing: border-box;
cursor: pointer;
}
#jrltemplate--26252930515322__rouletteservice_Jqc8Hb .jrl-desc-inner {
display: flex;
align-items: flex-start;
gap: 24px;
}
@media (max-width: 768px) {
#jrltemplate--26252930515322__rouletteservice_Jqc8Hb {
padding-left: 16px !important;
padding-right: 16px !important;
}
#jrltemplate--26252930515322__rouletteservice_Jqc8Hb .jrl-band-inner {
padding-left: 16px !important;
padding-right: 16px !important;
height: auto !important;
min-height: 68px;
padding-top: 12px;
padding-bottom: 12px;
}
#jrltemplate--26252930515322__rouletteservice_Jqc8Hb .jrl-title-text {
font-size: 16px !important;
}
#jrltemplate--26252930515322__rouletteservice_Jqc8Hb .jrl-desc-inner {
flex-direction: column !important;
align-items: flex-start !important;
}
#jrltemplate--26252930515322__rouletteservice_Jqc8Hb .jrl-desc-inner .jrl-desc-img {
width: 100% !important;
height: 160px !important;
}
#jrltemplate--26252930515322__rouletteservice_Jqc8Hb .jrl-desc-pad {
padding-left: 16px !important;
padding-right: 16px !important;
}
}
</style>
<div id="jrltemplate--26252930515322__rouletteservice_Jqc8Hb" style="position:relative;width:100%;background:#f2f2f2;padding:4px 44px 4px;box-sizing:border-box;"><div style="position:relative;z-index:2;max-width:600px;margin:0 auto;display:flex;flex-direction:column;gap:4px;"><div class="jrltemplate--26252930515322__rouletteservice_Jqc8Hb-item" data-index="0" >
<div
class="jrltemplate--26252930515322__rouletteservice_Jqc8Hb-band jrl-band-inner"
style="background:#c9584c;border:0.5px solid #c15045;border-radius:8px;transition:background 0.2s,border-color 0.2s;"
onmouseenter="this.style.background='#c15045';"
onmouseleave="this.style.background='#c9584c';"
onclick="(function(el){ var desc = el.closest('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-item').querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-desc'); var arrow = el.querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-arrow'); var allItems = document.querySelectorAll('#jrltemplate--26252930515322__rouletteservice_Jqc8Hb .jrltemplate--26252930515322__rouletteservice_Jqc8Hb-item'); allItems.forEach(function(item){ if(item !== el.closest('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-item')){ var d = item.querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-desc'); var a = item.querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-band .jrltemplate--26252930515322__rouletteservice_Jqc8Hb-arrow'); if(d){ d.style.maxHeight='0'; d.style.opacity='0'; d.style.paddingTop='0'; d.style.paddingBottom='0'; } if(a){ a.style.transform='rotate(0deg)'; } item.querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-band').style.borderBottomLeftRadius='8px'; item.querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-band').style.borderBottomRightRadius='8px'; } }); var isOpen = desc.style.maxHeight && desc.style.maxHeight !== '0px' && desc.style.maxHeight !== ''; if(isOpen){ desc.style.maxHeight='0'; desc.style.opacity='0'; desc.style.paddingTop='0'; desc.style.paddingBottom='0'; arrow.style.transform='rotate(0deg)'; el.style.borderBottomLeftRadius='8px'; el.style.borderBottomRightRadius='8px'; } else { desc.style.maxHeight='800px'; desc.style.opacity='1'; desc.style.paddingTop='24px'; desc.style.paddingBottom='24px'; arrow.style.transform='rotate(90deg)'; el.style.borderBottomLeftRadius='0'; el.style.borderBottomRightRadius='0'; } })(this)"
><span class="jrl-subtitle" style="font-size:11px;font-weight:500;color:#000000;letter-spacing:2px;opacity:0.5;min-width:32px;flex-shrink:0;">01</span><span class="jrl-title jrl-title-text" style="flex:1;font-size:20px;font-weight:500;color:#000000;letter-spacing:1px;text-transform:none;padding:0 16px;font-style:normal;">MISE À DISPOSITION</span><span class="jrltemplate--26252930515322__rouletteservice_Jqc8Hb-arrow jrl-subtitle" style="color:#000000;transition:transform 0.35s;font-size:18px;flex-shrink:0;">→</span>
</div>
<div class="jrltemplate--26252930515322__rouletteservice_Jqc8Hb-desc jrl-desc-pad" style="max-height:0;overflow:hidden;opacity:0;transition:max-height 0.45s cubic-bezier(0.4,0,0.2,1),opacity 0.3s,padding 0.3s;background:#c15045;border-left:0.5px solid #c15045;border-right:0.5px solid #c15045;border-bottom:0.5px solid #c15045;border-radius:0 0 8px 8px;padding-left:32px;padding-right:32px;box-sizing:border-box;">
<div class="jrl-desc-inner"><div class="jrl-desc-img" style="width:120px;height:120px;border-radius:8px;overflow:hidden;flex-shrink:0;">
<img src="//www.junolia.com/cdn/shop/files/Capture_d_ecran_2026-04-30_a_13.36.38.png?v=1779198669&width=300" alt="" loading="lazy" style="width:100%;height:100%;object-fit:cover;display:block;">
</div><div style="flex:1;display:flex;flex-direction:column;gap:8px;"><span class="jrl-subtitle" style="font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#000000;">Mise à disposition. La machine, le service, les fruits</span><div class="jrl-body" style="font-size:14px;color:#ffffff;line-height:1.75;"><p>Orangoo met à votre disposition une machine professionnelle Zumex dans votre établissement, sans achat ni leasing. Zéro investissement initial, zéro surprise. Le contrat inclut tout : la livraison et l'installation, la maintenance préventive régulière, le SAV prioritaire en cas de panne et la livraison régulière d'oranges fraîches sélectionnées pour votre débit. Des fruits calibrés, livrés au bon moment, pour un jus constant du premier au dernier verre. Vous vous concentrez sur votre service. On s'occupe du reste.</p></div><a href="/pages/contact" class="jrl-subtitle" style="display:inline-flex;align-items:center;gap:8px;margin-top:8px;background:#000000;color:#ffffff;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:11px 24px;border-radius:8px;width:fit-content;">
Nous contacter
<svg width="12" height="12" viewbox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
</a></div>
</div>
</div>
</div><div class="jrltemplate--26252930515322__rouletteservice_Jqc8Hb-item" data-index="1" >
<div
class="jrltemplate--26252930515322__rouletteservice_Jqc8Hb-band jrl-band-inner"
style="background:#c9584c;border:0.5px solid #c15045;border-radius:8px;transition:background 0.2s,border-color 0.2s;"
onmouseenter="this.style.background='#c15045';"
onmouseleave="this.style.background='#c9584c';"
onclick="(function(el){ var desc = el.closest('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-item').querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-desc'); var arrow = el.querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-arrow'); var allItems = document.querySelectorAll('#jrltemplate--26252930515322__rouletteservice_Jqc8Hb .jrltemplate--26252930515322__rouletteservice_Jqc8Hb-item'); allItems.forEach(function(item){ if(item !== el.closest('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-item')){ var d = item.querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-desc'); var a = item.querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-band .jrltemplate--26252930515322__rouletteservice_Jqc8Hb-arrow'); if(d){ d.style.maxHeight='0'; d.style.opacity='0'; d.style.paddingTop='0'; d.style.paddingBottom='0'; } if(a){ a.style.transform='rotate(0deg)'; } item.querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-band').style.borderBottomLeftRadius='8px'; item.querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-band').style.borderBottomRightRadius='8px'; } }); var isOpen = desc.style.maxHeight && desc.style.maxHeight !== '0px' && desc.style.maxHeight !== ''; if(isOpen){ desc.style.maxHeight='0'; desc.style.opacity='0'; desc.style.paddingTop='0'; desc.style.paddingBottom='0'; arrow.style.transform='rotate(0deg)'; el.style.borderBottomLeftRadius='8px'; el.style.borderBottomRightRadius='8px'; } else { desc.style.maxHeight='800px'; desc.style.opacity='1'; desc.style.paddingTop='24px'; desc.style.paddingBottom='24px'; arrow.style.transform='rotate(90deg)'; el.style.borderBottomLeftRadius='0'; el.style.borderBottomRightRadius='0'; } })(this)"
><span class="jrl-subtitle" style="font-size:11px;font-weight:500;color:#000000;letter-spacing:2px;opacity:0.5;min-width:32px;flex-shrink:0;">02</span><span class="jrl-title jrl-title-text" style="flex:1;font-size:20px;font-weight:500;color:#000000;letter-spacing:1px;text-transform:none;padding:0 16px;font-style:normal;">ACHAT</span><span class="jrltemplate--26252930515322__rouletteservice_Jqc8Hb-arrow jrl-subtitle" style="color:#000000;transition:transform 0.35s;font-size:18px;flex-shrink:0;">→</span>
</div>
<div class="jrltemplate--26252930515322__rouletteservice_Jqc8Hb-desc jrl-desc-pad" style="max-height:0;overflow:hidden;opacity:0;transition:max-height 0.45s cubic-bezier(0.4,0,0.2,1),opacity 0.3s,padding 0.3s;background:#c9584c;border-left:0.5px solid #c15045;border-right:0.5px solid #c15045;border-bottom:0.5px solid #c15045;border-radius:0 0 8px 8px;padding-left:32px;padding-right:32px;box-sizing:border-box;">
<div class="jrl-desc-inner"><div class="jrl-desc-img" style="width:120px;height:120px;border-radius:8px;overflow:hidden;flex-shrink:0;">
<img src="//www.junolia.com/cdn/shop/files/Captured_ecran2026-04-28a22.38.57.png?v=1777410405&width=300" alt="" loading="lazy" style="width:100%;height:100%;object-fit:cover;display:block;">
</div><div style="flex:1;display:flex;flex-direction:column;gap:8px;"><span class="jrl-subtitle" style="font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#000000;">Votre machine, vos oranges ,votre investissement</span><div class="jrl-body" style="font-size:14px;color:#ffffff;line-height:1.75;"><p>Devenez propriétaire immédiatement. Junolia et Orangoo vous proposent l’achat direct de toutes les machines Zumex. Et parce qu’une machine sans les bons fruits ne vaut rien, vous pouvez également vous approvisionner en oranges fraîches, soigneusement sélectionnées pour le pressage professionnel et leur haut taux de jus, livrées régulièrement. Un seul interlocuteur, zéro friction : une activité opérationnelle dès le premier jour. Rentable dès le premier verre servi.</p><p></p></div><a href="/collections/machine-zumex" class="jrl-subtitle" style="display:inline-flex;align-items:center;gap:8px;margin-top:8px;background:#000000;color:#ffffff;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:11px 24px;border-radius:8px;width:fit-content;">
Voir le produit
<svg width="12" height="12" viewbox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
</a></div>
</div>
</div>
</div><div class="jrltemplate--26252930515322__rouletteservice_Jqc8Hb-item" data-index="2" >
<div
class="jrltemplate--26252930515322__rouletteservice_Jqc8Hb-band jrl-band-inner"
style="background:#c9584c;border:0.5px solid #c9584c;border-radius:8px;transition:background 0.2s,border-color 0.2s;"
onmouseenter="this.style.background='#c15045';"
onmouseleave="this.style.background='#c9584c';"
onclick="(function(el){ var desc = el.closest('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-item').querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-desc'); var arrow = el.querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-arrow'); var allItems = document.querySelectorAll('#jrltemplate--26252930515322__rouletteservice_Jqc8Hb .jrltemplate--26252930515322__rouletteservice_Jqc8Hb-item'); allItems.forEach(function(item){ if(item !== el.closest('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-item')){ var d = item.querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-desc'); var a = item.querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-band .jrltemplate--26252930515322__rouletteservice_Jqc8Hb-arrow'); if(d){ d.style.maxHeight='0'; d.style.opacity='0'; d.style.paddingTop='0'; d.style.paddingBottom='0'; } if(a){ a.style.transform='rotate(0deg)'; } item.querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-band').style.borderBottomLeftRadius='8px'; item.querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-band').style.borderBottomRightRadius='8px'; } }); var isOpen = desc.style.maxHeight && desc.style.maxHeight !== '0px' && desc.style.maxHeight !== ''; if(isOpen){ desc.style.maxHeight='0'; desc.style.opacity='0'; desc.style.paddingTop='0'; desc.style.paddingBottom='0'; arrow.style.transform='rotate(0deg)'; el.style.borderBottomLeftRadius='8px'; el.style.borderBottomRightRadius='8px'; } else { desc.style.maxHeight='800px'; desc.style.opacity='1'; desc.style.paddingTop='24px'; desc.style.paddingBottom='24px'; arrow.style.transform='rotate(90deg)'; el.style.borderBottomLeftRadius='0'; el.style.borderBottomRightRadius='0'; } })(this)"
><span class="jrl-subtitle" style="font-size:11px;font-weight:500;color:#000000;letter-spacing:2px;opacity:0.5;min-width:32px;flex-shrink:0;">03</span><span class="jrl-title jrl-title-text" style="flex:1;font-size:20px;font-weight:500;color:#000000;letter-spacing:1px;text-transform:none;padding:0 16px;font-style:normal;">LOCATION</span><span class="jrltemplate--26252930515322__rouletteservice_Jqc8Hb-arrow jrl-subtitle" style="color:#000000;transition:transform 0.35s;font-size:18px;flex-shrink:0;">→</span>
</div>
<div class="jrltemplate--26252930515322__rouletteservice_Jqc8Hb-desc jrl-desc-pad" style="max-height:0;overflow:hidden;opacity:0;transition:max-height 0.45s cubic-bezier(0.4,0,0.2,1),opacity 0.3s,padding 0.3s;background:#c9584c;border-left:0.5px solid #c9584c;border-right:0.5px solid #c9584c;border-bottom:0.5px solid #c9584c;border-radius:0 0 8px 8px;padding-left:32px;padding-right:32px;box-sizing:border-box;">
<div class="jrl-desc-inner"><div class="jrl-desc-img" style="width:120px;height:120px;border-radius:8px;overflow:hidden;flex-shrink:0;">
<img src="//www.junolia.com/cdn/shop/files/Speed-Up-Oranges_Azur-83646211.webp?v=1745718023&width=300" alt="" loading="lazy" style="width:100%;height:100%;object-fit:cover;display:block;">
</div><div style="flex:1;display:flex;flex-direction:column;gap:8px;"><span class="jrl-subtitle" style="font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#000000;">Location</span><div class="jrl-body" style="font-size:14px;color:#ffffff;line-height:1.75;"><p>Pas besoin d’investir en maîtrisant votre budget, trésorerie préservée. Junolia et Orangoo vous proposent la location de toutes les machines Zumex : une solution simple, rapide et immédiatement opérationnelle. Produisez et servez dès le premier jour, sans contrainte d’achat. Contactez-nous pour un devis sur mesure, adapté à votre volume et à votre activité.</p></div><a href="/pages/contact" class="jrl-subtitle" style="display:inline-flex;align-items:center;gap:8px;margin-top:8px;background:#000000;color:#ffffff;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:11px 24px;border-radius:8px;width:fit-content;">
nous contacter
<svg width="12" height="12" viewbox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
</a></div>
</div>
</div>
</div><div class="jrltemplate--26252930515322__rouletteservice_Jqc8Hb-item" data-index="3" >
<div
class="jrltemplate--26252930515322__rouletteservice_Jqc8Hb-band jrl-band-inner"
style="background:#c9584c;border:0.5px solid #c15045;border-radius:8px;transition:background 0.2s,border-color 0.2s;"
onmouseenter="this.style.background='#c15045';"
onmouseleave="this.style.background='#c9584c';"
onclick="(function(el){ var desc = el.closest('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-item').querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-desc'); var arrow = el.querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-arrow'); var allItems = document.querySelectorAll('#jrltemplate--26252930515322__rouletteservice_Jqc8Hb .jrltemplate--26252930515322__rouletteservice_Jqc8Hb-item'); allItems.forEach(function(item){ if(item !== el.closest('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-item')){ var d = item.querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-desc'); var a = item.querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-band .jrltemplate--26252930515322__rouletteservice_Jqc8Hb-arrow'); if(d){ d.style.maxHeight='0'; d.style.opacity='0'; d.style.paddingTop='0'; d.style.paddingBottom='0'; } if(a){ a.style.transform='rotate(0deg)'; } item.querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-band').style.borderBottomLeftRadius='8px'; item.querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-band').style.borderBottomRightRadius='8px'; } }); var isOpen = desc.style.maxHeight && desc.style.maxHeight !== '0px' && desc.style.maxHeight !== ''; if(isOpen){ desc.style.maxHeight='0'; desc.style.opacity='0'; desc.style.paddingTop='0'; desc.style.paddingBottom='0'; arrow.style.transform='rotate(0deg)'; el.style.borderBottomLeftRadius='8px'; el.style.borderBottomRightRadius='8px'; } else { desc.style.maxHeight='800px'; desc.style.opacity='1'; desc.style.paddingTop='24px'; desc.style.paddingBottom='24px'; arrow.style.transform='rotate(90deg)'; el.style.borderBottomLeftRadius='0'; el.style.borderBottomRightRadius='0'; } })(this)"
><span class="jrl-subtitle" style="font-size:11px;font-weight:500;color:#000000;letter-spacing:2px;opacity:0.5;min-width:32px;flex-shrink:0;">04</span><span class="jrl-title jrl-title-text" style="flex:1;font-size:20px;font-weight:500;color:#000000;letter-spacing:1px;text-transform:none;padding:0 16px;font-style:normal;">LIVRAISON ORANGE</span><span class="jrltemplate--26252930515322__rouletteservice_Jqc8Hb-arrow jrl-subtitle" style="color:#000000;transition:transform 0.35s;font-size:18px;flex-shrink:0;">→</span>
</div>
<div class="jrltemplate--26252930515322__rouletteservice_Jqc8Hb-desc jrl-desc-pad" style="max-height:0;overflow:hidden;opacity:0;transition:max-height 0.45s cubic-bezier(0.4,0,0.2,1),opacity 0.3s,padding 0.3s;background:#c15045;border-left:0.5px solid #c15045;border-right:0.5px solid #c15045;border-bottom:0.5px solid #c15045;border-radius:0 0 8px 8px;padding-left:32px;padding-right:32px;box-sizing:border-box;">
<div class="jrl-desc-inner"><div class="jrl-desc-img" style="width:120px;height:120px;border-radius:8px;overflow:hidden;flex-shrink:0;">
<img src="//www.junolia.com/cdn/shop/files/1776934250761-fibljwq7vzh_d27cc119-04e5-459e-b3f6-0b4efda56810.png?v=1777293462&width=300" alt="" loading="lazy" style="width:100%;height:100%;object-fit:cover;display:block;">
</div><div style="flex:1;display:flex;flex-direction:column;gap:8px;"><span class="jrl-subtitle" style="font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#000000;">Livraison d'oranges. Le fruit, directement chez vous</span><div class="jrl-body" style="font-size:14px;color:#ffffff;line-height:1.75;"><p>Junolia va plus loin que la machine. Nous organisons la livraison régulière d'oranges fraîches sélectionnées pour votre établissement. Des fruits de qualité professionnelle, livrés au bon moment, pour un jus parfait à chaque service.</p></div><a href="/collections/orange" class="jrl-subtitle" style="display:inline-flex;align-items:center;gap:8px;margin-top:8px;background:#000000;color:#ffffff;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:11px 24px;border-radius:8px;width:fit-content;">
Commander mes oranges
<svg width="12" height="12" viewbox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
</a></div>
</div>
</div>
</div><div class="jrltemplate--26252930515322__rouletteservice_Jqc8Hb-item" data-index="4" >
<div
class="jrltemplate--26252930515322__rouletteservice_Jqc8Hb-band jrl-band-inner"
style="background:#c9584c;border:0.5px solid #c15045;border-radius:8px;transition:background 0.2s,border-color 0.2s;"
onmouseenter="this.style.background='#c15045';"
onmouseleave="this.style.background='#c9584c';"
onclick="(function(el){ var desc = el.closest('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-item').querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-desc'); var arrow = el.querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-arrow'); var allItems = document.querySelectorAll('#jrltemplate--26252930515322__rouletteservice_Jqc8Hb .jrltemplate--26252930515322__rouletteservice_Jqc8Hb-item'); allItems.forEach(function(item){ if(item !== el.closest('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-item')){ var d = item.querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-desc'); var a = item.querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-band .jrltemplate--26252930515322__rouletteservice_Jqc8Hb-arrow'); if(d){ d.style.maxHeight='0'; d.style.opacity='0'; d.style.paddingTop='0'; d.style.paddingBottom='0'; } if(a){ a.style.transform='rotate(0deg)'; } item.querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-band').style.borderBottomLeftRadius='8px'; item.querySelector('.jrltemplate--26252930515322__rouletteservice_Jqc8Hb-band').style.borderBottomRightRadius='8px'; } }); var isOpen = desc.style.maxHeight && desc.style.maxHeight !== '0px' && desc.style.maxHeight !== ''; if(isOpen){ desc.style.maxHeight='0'; desc.style.opacity='0'; desc.style.paddingTop='0'; desc.style.paddingBottom='0'; arrow.style.transform='rotate(0deg)'; el.style.borderBottomLeftRadius='8px'; el.style.borderBottomRightRadius='8px'; } else { desc.style.maxHeight='800px'; desc.style.opacity='1'; desc.style.paddingTop='24px'; desc.style.paddingBottom='24px'; arrow.style.transform='rotate(90deg)'; el.style.borderBottomLeftRadius='0'; el.style.borderBottomRightRadius='0'; } })(this)"
><span class="jrl-subtitle" style="font-size:11px;font-weight:500;color:#000000;letter-spacing:2px;opacity:0.5;min-width:32px;flex-shrink:0;">05</span><span class="jrl-title jrl-title-text" style="flex:1;font-size:20px;font-weight:500;color:#000000;letter-spacing:1px;text-transform:none;padding:0 16px;font-style:normal;">SERVICE APRÈS VENTE</span><span class="jrltemplate--26252930515322__rouletteservice_Jqc8Hb-arrow jrl-subtitle" style="color:#000000;transition:transform 0.35s;font-size:18px;flex-shrink:0;">→</span>
</div>
<div class="jrltemplate--26252930515322__rouletteservice_Jqc8Hb-desc jrl-desc-pad" style="max-height:0;overflow:hidden;opacity:0;transition:max-height 0.45s cubic-bezier(0.4,0,0.2,1),opacity 0.3s,padding 0.3s;background:#c15045;border-left:0.5px solid #c15045;border-right:0.5px solid #c15045;border-bottom:0.5px solid #c15045;border-radius:0 0 8px 8px;padding-left:32px;padding-right:32px;box-sizing:border-box;">
<div class="jrl-desc-inner"><div style="flex:1;display:flex;flex-direction:column;gap:8px;"><span class="jrl-subtitle" style="font-size:10px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#000000;">Intervention rapide · Pièces détachées · Techniciens certifiés</span><div class="jrl-body" style="font-size:14px;color:#ffffff;line-height:1.75;"><p>En cas de panne, chaque minute compte. Orangoo et Junolia mettent à votre disposition un service après-vente réactif. Intervention rapide, stock de pièces détachées d’origine disponible et suivi personnalisé : tout est mis en œuvre pour remettre votre machine en service dans les meilleurs délais.</p><p></p></div><a href="/pages/contact" class="jrl-subtitle" style="display:inline-flex;align-items:center;gap:8px;margin-top:8px;background:#000000;color:#ffffff;text-decoration:none;font-size:12px;font-weight:600;letter-spacing:1px;text-transform:uppercase;padding:11px 24px;border-radius:8px;width:fit-content;">
Nous contacter
<svg width="12" height="12" viewbox="0 0 16 16" fill="none"><path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/></svg>
</a></div>
</div>
</div>
</div></div>
</div>
</section><section id="shopify-section-template--26252930515322__partenaire_KafhCe" class="shopify-section jlog-section-wrapper"><div id="jlogtemplate--26252930515322__partenaire_KafhCe" style="width:100%;background:#f0f0f0;padding:40px 0;box-sizing:border-box;overflow:hidden;">
<div style="max-width:1400px;margin:0 auto;padding:0 80px;box-sizing:border-box;">
<!-- TITRE --><div style="text-align:center;margin-bottom:36px;"><p style="font-size:14px;font-weight:500;color:#888888;margin:0;letter-spacing:0.5px;">Ils nous font confiance</p></div></div>
<!-- LOGOS TRACK -->
<div style="position:relative;"><div id="jlogtemplate--26252930515322__partenaire_KafhCe-track" style="display:flex;align-items:center;gap:112px;padding:8px 80px;width:max-content;"><div
class="jlogtemplate--26252930515322__partenaire_KafhCe-item"
style="flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:1.0;transition:opacity 0.25s,filter 0.25s;filter:none;"
onmouseenter="this.style.opacity='1';this.style.filter='none'"
onmouseleave="this.style.opacity='1.0';this.style.filter='none'"
><img
src="//www.junolia.com/cdn/shop/files/IMG_9232.jpg?v=1777455925&width=300"
alt="Logo partenaire"
loading="lazy"
style="height:100px;width:auto;display:block;object-fit:contain;max-width:160px;"
></div><div
class="jlogtemplate--26252930515322__partenaire_KafhCe-item"
style="flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:0.95;transition:opacity 0.25s,filter 0.25s;filter:none;"
onmouseenter="this.style.opacity='1';this.style.filter='none'"
onmouseleave="this.style.opacity='0.95';this.style.filter='none'"
><img
src="//www.junolia.com/cdn/shop/files/IMG_9231.jpg?v=1777455918&width=300"
alt="Logo partenaire"
loading="lazy"
style="height:100px;width:auto;display:block;object-fit:contain;max-width:160px;"
></div><div
class="jlogtemplate--26252930515322__partenaire_KafhCe-item"
style="flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:1.0;transition:opacity 0.25s,filter 0.25s;filter:none;"
onmouseenter="this.style.opacity='1';this.style.filter='none'"
onmouseleave="this.style.opacity='1.0';this.style.filter='none'"
><img
src="//www.junolia.com/cdn/shop/files/IMG_9225.jpg?v=1777455858&width=300"
alt="Zumex"
loading="lazy"
style="height:100px;width:auto;display:block;object-fit:contain;max-width:160px;"
></div><div
class="jlogtemplate--26252930515322__partenaire_KafhCe-item"
style="flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:1.0;transition:opacity 0.25s,filter 0.25s;filter:none;"
onmouseenter="this.style.opacity='1';this.style.filter='none'"
onmouseleave="this.style.opacity='1.0';this.style.filter='none'"
><img
src="//www.junolia.com/cdn/shop/files/IMG_9226.jpg?v=1777455868&width=300"
alt="Zumoval"
loading="lazy"
style="height:100px;width:auto;display:block;object-fit:contain;max-width:160px;"
></div><div
class="jlogtemplate--26252930515322__partenaire_KafhCe-item"
style="flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:1.0;transition:opacity 0.25s,filter 0.25s;filter:none;"
onmouseenter="this.style.opacity='1';this.style.filter='none'"
onmouseleave="this.style.opacity='1.0';this.style.filter='none'"
><img
src="//www.junolia.com/cdn/shop/files/IMG_9227.jpg?v=1777455876&width=300"
alt="Junolia"
loading="lazy"
style="height:100px;width:auto;display:block;object-fit:contain;max-width:160px;"
></div><div
class="jlogtemplate--26252930515322__partenaire_KafhCe-item"
style="flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:1.0;transition:opacity 0.25s,filter 0.25s;filter:none;"
onmouseenter="this.style.opacity='1';this.style.filter='none'"
onmouseleave="this.style.opacity='1.0';this.style.filter='none'"
><img
src="//www.junolia.com/cdn/shop/files/IMG_9228.jpg?v=1777455888&width=300"
alt="CHR Pro"
loading="lazy"
style="height:100px;width:auto;display:block;object-fit:contain;max-width:160px;"
></div><div
class="jlogtemplate--26252930515322__partenaire_KafhCe-item"
style="flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:1.0;transition:opacity 0.25s,filter 0.25s;filter:none;"
onmouseenter="this.style.opacity='1';this.style.filter='none'"
onmouseleave="this.style.opacity='1.0';this.style.filter='none'"
><img
src="//www.junolia.com/cdn/shop/files/IMG_9229.jpg?v=1777455897&width=300"
alt="Logo partenaire"
loading="lazy"
style="height:100px;width:auto;display:block;object-fit:contain;max-width:160px;"
></div><!-- Clone pour scroll infini --><div class="jlogtemplate--26252930515322__partenaire_KafhCe-item" aria-hidden="true" style="flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:1.0;filter:none;"><img
src="//www.junolia.com/cdn/shop/files/IMG_9232.jpg?v=1777455925&width=300"
alt=""
loading="lazy"
style="height:100px;width:auto;display:block;object-fit:contain;max-width:160px;"
></div><div class="jlogtemplate--26252930515322__partenaire_KafhCe-item" aria-hidden="true" style="flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:0.95;filter:none;"><img
src="//www.junolia.com/cdn/shop/files/IMG_9231.jpg?v=1777455918&width=300"
alt=""
loading="lazy"
style="height:100px;width:auto;display:block;object-fit:contain;max-width:160px;"
></div><div class="jlogtemplate--26252930515322__partenaire_KafhCe-item" aria-hidden="true" style="flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:1.0;filter:none;"><img
src="//www.junolia.com/cdn/shop/files/IMG_9225.jpg?v=1777455858&width=300"
alt=""
loading="lazy"
style="height:100px;width:auto;display:block;object-fit:contain;max-width:160px;"
></div><div class="jlogtemplate--26252930515322__partenaire_KafhCe-item" aria-hidden="true" style="flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:1.0;filter:none;"><img
src="//www.junolia.com/cdn/shop/files/IMG_9226.jpg?v=1777455868&width=300"
alt=""
loading="lazy"
style="height:100px;width:auto;display:block;object-fit:contain;max-width:160px;"
></div><div class="jlogtemplate--26252930515322__partenaire_KafhCe-item" aria-hidden="true" style="flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:1.0;filter:none;"><img
src="//www.junolia.com/cdn/shop/files/IMG_9227.jpg?v=1777455876&width=300"
alt=""
loading="lazy"
style="height:100px;width:auto;display:block;object-fit:contain;max-width:160px;"
></div><div class="jlogtemplate--26252930515322__partenaire_KafhCe-item" aria-hidden="true" style="flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:1.0;filter:none;"><img
src="//www.junolia.com/cdn/shop/files/IMG_9228.jpg?v=1777455888&width=300"
alt=""
loading="lazy"
style="height:100px;width:auto;display:block;object-fit:contain;max-width:160px;"
></div><div class="jlogtemplate--26252930515322__partenaire_KafhCe-item" aria-hidden="true" style="flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:1.0;filter:none;"><img
src="//www.junolia.com/cdn/shop/files/IMG_9229.jpg?v=1777455897&width=300"
alt=""
loading="lazy"
style="height:100px;width:auto;display:block;object-fit:contain;max-width:160px;"
></div></div>
</div></div>
<style>
#jlogtemplate--26252930515322__partenaire_KafhCe-track {
white-space: nowrap;
}
#jlogtemplate--26252930515322__partenaire_KafhCe-track.is-animating {
animation: jlogtemplate--26252930515322__partenaire_KafhCescroll 20s linear infinite;
will-change: transform;
}
#jlogtemplate--26252930515322__partenaire_KafhCe-track.is-paused {
animation-play-state: paused !important;
}
@keyframes jlogtemplate--26252930515322__partenaire_KafhCescroll {
0% { transform: translateX(0); }
100% { transform: translateX(-50%); }
}
@media (max-width: 640px) {
#jlogtemplate--26252930515322__partenaire_KafhCe-track { gap: 32px !important; }
}
</style>
<script>
(function(){
var sid = 'jlogtemplate--26252930515322__partenaire_KafhCe';
var track = document.getElementById(sid+'-track');
if(!track) return;
var AUTOPLAY = true;
var PAUSE_HOVER = true;
if(AUTOPLAY){
track.classList.add('is-animating');
if(PAUSE_HOVER){
track.addEventListener('mouseenter', function(){ track.classList.add('is-paused'); });
track.addEventListener('mouseleave', function(){ track.classList.remove('is-paused'); });
}
}
})();
</script>
</section><div id="shopify-section-template--26252930515322__section_nY8UBt" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 16px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 64px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 64px)); "
data-testid="section-content"
>
<div class="spacing-style text-block text-block--AOWsxNVZrVUZDbWdDR__text_BMLXfV h2 text-block--align-center" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-narrow); --text-align: center; ">
<p>NOS Machines </p>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--26252930515322__collection_UjUyj8" class="shopify-section">
<link href="https://fonts.googleapis.com/css2?family=Chivo:wght@400;500;700&display=swap" rel="stylesheet">
<style>
.carousel-section {
max-width: 1400px;
margin: 0 auto;
padding: 60px 20px;
font-family: var(--font-body-family, sans-serif);
}
.carousel-header {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 32px;
position: relative;
}
.carousel-header h2 {
font-size: 28px;
font-weight: 500;
margin: 0;
text-transform: uppercase;
letter-spacing: 0.05em;
font-family: 'Chivo', sans-serif;
color: var(--color-text-primary);
}
.carousel-voir-tout {
position: absolute;
right: 0;
font-size: 13px;
color: var(--color-text-secondary);
text-decoration: none;
border-bottom: 0.5px solid var(--color-border-tertiary);
padding-bottom: 2px;
transition: color 0.15s;
}
.carousel-voir-tout:hover { color: var(--color-text-primary); }
.carousel-wrapper {
position: relative;
overflow: hidden;
cursor: grab;
}
.carousel-wrapper:active { cursor: grabbing; }
.carousel-track {
display: flex;
gap: 16px;
transition: transform 0.4s ease;
user-select: none;
}
.carousel-track.is-dragging { transition: none; }
.carousel-slide {
flex: 0 0 calc(25% - 12px);
min-width: 0;
}
.prod-card {
border-radius: 12px;
border: 0.5px solid var(--color-border-tertiary);
overflow: hidden;
cursor: pointer;
background: var(--color-background-primary);
transition: transform 0.25s ease, border-color 0.25s ease, box-shadow 0.25s ease;
text-decoration: none;
display: block;
-webkit-user-drag: none;
}
.prod-card:hover {
transform: translateY(-8px);
border-color: #e8650a;
box-shadow: 0 12px 32px rgba(232, 101, 10, 0.18);
}
.prod-card-img {
aspect-ratio: 1;
overflow: hidden;
background: #f5f5f5;
position: relative;
}
.prod-card-img img {
width: 100%;
height: 100%;
object-fit: contain;
padding: 16px;
box-sizing: border-box;
transition: transform 0.3s ease;
pointer-events: none;
}
.prod-card:hover .prod-card-img img { transform: scale(1.04); }
.prod-card-badge {
position: absolute;
top: 10px;
left: 10px;
font-size: 11px;
font-weight: 500;
padding: 3px 8px;
border-radius: 6px;
background: #e8650a;
color: #fff;
pointer-events: none;
}
.prod-card-body {
padding: 14px 16px;
border-top: 0.5px solid var(--color-border-tertiary);
}
.prod-card-type {
font-size: 11px;
color: var(--color-text-secondary);
text-transform: uppercase;
letter-spacing: 0.06em;
margin: 0 0 4px;
}
.prod-card-title {
font-size: 14px;
font-weight: 500;
color: var(--color-text-primary);
margin: 0 0 8px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.prod-card-prices {
display: flex;
align-items: baseline;
gap: 8px;
}
.prod-card-price {
font-size: 15px;
font-weight: 500;
color: var(--color-text-primary);
}
.prod-card-price small {
font-size: 11px;
font-weight: 400;
opacity: 0.55;
margin-left: 2px;
}
.prod-card-compare {
font-size: 13px;
color: var(--color-text-secondary);
text-decoration: line-through;
}
.carousel-nav {
display: flex;
gap: 8px;
margin-top: 24px;
justify-content: flex-end;
}
.carousel-btn {
width: 40px;
height: 40px;
border-radius: 50%;
border: 0.5px solid var(--color-border-secondary);
background: var(--color-background-primary);
cursor: pointer;
font-size: 16px;
display: flex;
align-items: center;
justify-content: center;
transition: all 0.15s;
color: var(--color-text-primary);
}
.carousel-btn:hover {
background: var(--color-background-secondary);
border-color: var(--color-border-primary);
}
.carousel-btn:disabled { opacity: 0.3; cursor: not-allowed; }
@media (max-width: 1024px) { .carousel-slide { flex: 0 0 calc(33.33% - 11px); } }
@media (max-width: 768px) {
.carousel-slide { flex: 0 0 calc(50% - 8px); }
.carousel-section { padding: 40px 16px; }
}
@media (max-width: 480px) { .carousel-slide { flex: 0 0 calc(80% - 8px); } }
</style>
<section class="carousel-section">
<div class="carousel-header">
<h2></h2><a href="/collections/nos-machines" class="carousel-voir-tout">Tout voir</a></div>
<div class="carousel-wrapper" id="carousel-wrapper-template--26252930515322__collection_UjUyj8">
<div class="carousel-track" id="carousel-track-template--26252930515322__collection_UjUyj8"><div class="carousel-slide">
<a href="/products/zumex-soul-serie-2" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/Presse-Agrume-Zumex-Soul-Serie-2-Zumex-83654372_6bc5b965-724d-466b-91b8-975a2b5c423a_600x600_crop_center.jpg?v=1758850572" alt="Zumex Soul Serie 2" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">Machines</p>
<p class="prod-card-title">Zumex Soul Serie 2</p>
<div class="prod-card-prices">
<span class="prod-card-price">€2.422,50<small>HT</small></span><span class="prod-card-compare">€2.940,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/nouvelle-multifruit" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/1777410497947-ogcr7qtmnzo_600x600_crop_center.png?v=1779198669" alt="Zumex Multifruit" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Multifruit</p>
<div class="prod-card-prices">
<span class="prod-card-price">€1.793,50<small>HT</small></span><span class="prod-card-compare">€2.110,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/minex" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/Captured_ecran2026-04-28a22.39.18_600x600_crop_center.png?v=1779198669" alt="Zumex Minex" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Minex</p>
<div class="prod-card-prices">
<span class="prod-card-price">€2.303,50<small>HT</small></span><span class="prod-card-compare">€2.710,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/essential-basic" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/Capture_d_ecran_2026-04-30_a_13.36.38_600x600_crop_center.png?v=1779198669" alt="Zumex Essential Basic" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Essential Basic</p>
<div class="prod-card-prices">
<span class="prod-card-price">€3.064,25<small>HT</small></span><span class="prod-card-compare">€3.605,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/essential-pro-basket" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/1777407620084-th5hiomkt0a_600x600_crop_center.png?v=1779198669" alt="Zumex Essential Pro & Basket" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Essential Pro & Basket</p>
<div class="prod-card-prices">
<span class="prod-card-price">€3.923,00<small>HT</small></span><span class="prod-card-compare">€4.615,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/smart-essential-pro" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/Captured_ecran2026-04-30a14.30.35_600x600_crop_center.png?v=1779198669" alt="Zumex Smart essential pro" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Smart essential pro</p>
<div class="prod-card-prices">
<span class="prod-card-price">€4.008,00<small>HT</small></span><span class="prod-card-compare">€4.715,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/essential-pro" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/1777407620084-th5hiomkt0a_600x600_crop_center.png?v=1779198669" alt="Zumex Essential Pro" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Essential Pro</p>
<div class="prod-card-prices">
<span class="prod-card-price">€3.740,00<small>HT</small></span><span class="prod-card-compare">€4.400,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/versatile-basic" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/Capture_d_ecran_2026-04-23_a_11.36.25_8229f60f-5089-4c81-89ba-14785b58e052_600x600_crop_center.png?v=1779198728" alt="Zumex Versatile Basic" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Versatile Basic</p>
<div class="prod-card-prices">
<span class="prod-card-price">€3.945,00<small>HT</small></span><span class="prod-card-compare">€4.645,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/smart-versatile-pro" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/Captured_ecran2026-04-30a16.39.08_600x600_crop_center.png?v=1779198669" alt="Zumex Smart versatile pro" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Smart versatile pro</p>
<div class="prod-card-prices">
<span class="prod-card-price">€5.418,75<small>HT</small></span><span class="prod-card-compare">€6.375,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/versatille-pro" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/Captured_ecran2026-04-30a13.50.03_600x600_crop_center.png?v=1779198728" alt="Zumex Versatile Pro" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Versatile Pro</p>
<div class="prod-card-prices">
<span class="prod-card-price">€5.129,75<small>HT</small></span><span class="prod-card-compare">€6.035,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/smart-versatile-star-all-in-one-slim-bh" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/Captured_ecran2026-04-30a16.30.55_600x600_crop_center.png?v=1779198668" alt="Zumex Smart Versatile Star All-in-One Slim (BH)" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Smart Versatile Star All-in-One Slim (BH)</p>
<div class="prod-card-prices">
<span class="prod-card-price">€6.515,25<small>HT</small></span><span class="prod-card-compare">€7.665,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/versatile-star-juice-corner-slim-bh" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/Captured_ecran2026-04-30a16.33.00_600x600_crop_center.png?v=1779198668" alt="Zumex Versatile Star Juice Corner Slim (BH)*" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Versatile Star Juice Corner Slim (BH)*</p>
<div class="prod-card-prices">
<span class="prod-card-price">€6.540,00<small>HT</small></span><span class="prod-card-compare">€7.695,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/versatile-star-all-in-one-slim-bh" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/Captured_ecran2026-04-30a16.31.18_600x600_crop_center.png?v=1779198669" alt="Zumex Versatile Star All-in-One Slim (BH)" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Versatile Star All-in-One Slim (BH)</p>
<div class="prod-card-prices">
<span class="prod-card-price">€6.268,00<small>HT</small></span><span class="prod-card-compare">€7.375,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/smart-speed-up-all-in-one-slim" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/1776937759996-pf90zxf03e_d628d55b-fcbe-4520-af81-d1d9dca980fd_600x600_crop_center.png?v=1779198669" alt="Zumex Smart Speed Up All-in-One Slim" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Smart Speed Up All-in-One Slim</p>
<div class="prod-card-prices">
<span class="prod-card-price">€7.310,00<small>HT</small></span><span class="prod-card-compare">€8.600,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/smart-speed-up-all-in-one-wide" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/Captured_ecran2026-04-30a16.14.34_600x600_crop_center.png?v=1779198668" alt="Zumex Smart Speed Up All-in-One Wide" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Smart Speed Up All-in-One Wide</p>
<div class="prod-card-prices">
<span class="prod-card-price">€7.344,00<small>HT</small></span><span class="prod-card-compare">€8.640,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/speed-up-juice-corner-wide" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/Captured_ecran2026-04-30a16.23.01_600x600_crop_center.png?v=1779198669" alt="Zumex Speed Up Juice Corner Wide" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Speed Up Juice Corner Wide</p>
<div class="prod-card-prices">
<span class="prod-card-price">€7.390,00<small>HT</small></span><span class="prod-card-compare">€8.695,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/speed-up" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/Speed-Up-Oranges_Azur-83646211_c9471b55-760d-43b1-8863-00c2b6edac6a_600x600_crop_center.webp?v=1779198726" alt="Zumex Speed Up" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Speed Up</p>
<div class="prod-card-prices">
<span class="prod-card-price">€5.758,75<small>HT</small></span><span class="prod-card-compare">€6.775,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/speed-up-all-in-one" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/Speed-UP-All-in-One-Oranges_Azur-83646534_15d64177-f7aa-474c-a2ea-d047d11358de_600x600_crop_center.webp?v=1779198726" alt="Zumex Speed UP - All in One Wide" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Speed UP - All in One Wide</p>
<div class="prod-card-prices">
<span class="prod-card-price">€6.936,00<small>HT</small></span><span class="prod-card-compare">€8.160,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/speed-s-plus-juice-corner-wide" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/Captured_ecran2026-04-30a16.07.11_600x600_crop_center.png?v=1779198669" alt="Zumex Speed S +plus Juice Corner Wide" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Speed S +plus Juice Corner Wide</p>
<div class="prod-card-prices">
<span class="prod-card-price">€8.219,00<small>HT</small></span><span class="prod-card-compare">€9.670,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/speed-s-plus-tank-all-in-one" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/Captured_ecran2026-04-30a16.10.48_600x600_crop_center.png?v=1779198668" alt="Zumex Speed S +plus Tank All-in-One" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Speed S +plus Tank All-in-One</p>
<div class="prod-card-prices">
<span class="prod-card-price">€7.799,00<small>HT</small></span><span class="prod-card-compare">€9.175,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/speed-s-plus-all-in-one-wide" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/Captured_ecran2026-04-30a16.14.34_600x600_crop_center.png?v=1779198668" alt="Zumex Speed S +plus All-in-One Wide" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Speed S +plus All-in-One Wide</p>
<div class="prod-card-prices">
<span class="prod-card-price">€7.773,25<small>HT</small></span><span class="prod-card-compare">€9.145,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/speed-s-plus" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/Speed-S-plus-Oranges_Azur-83646467_64feed0a-5945-43e2-8b4c-ce23d0f5017a_600x600_crop_center.webp?v=1779198726" alt="Zumex Speed S Plus+" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Speed S Plus+</p>
<div class="prod-card-prices">
<span class="prod-card-price">€6.698,00<small>HT</small></span><span class="prod-card-compare">€7.880,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/speed-s-plus-all-in-one" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/Speed-S-Plus-All-in-one-Oranges_Azur-83646665_a5acf9b7-dbba-4281-afce-86d03f78a6d5_600x600_crop_center.webp?v=1779198726" alt="Zumex Speed S Plus - All in one" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Speed S Plus - All in one</p>
<div class="prod-card-prices">
<span class="prod-card-price">€7.699,00<small>HT</small></span><span class="prod-card-compare">€8.580,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/speed-pomegranates-juice-corner-wide" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/Captured_ecran2026-04-30a15.53.16_600x600_crop_center.png?v=1779198669" alt="Zumex Speed Pomegranates Juice Corner Wide" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Speed Pomegranates Juice Corner Wide</p>
<div class="prod-card-prices">
<span class="prod-card-price">€7.475,75<small>HT</small></span><span class="prod-card-compare">€8.795,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/speed-pomegranates-all-in-one-slim" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/Captured_ecran2026-04-30a16.04.20_600x600_crop_center.png?v=1779198668" alt="Zumex Speed Pomegranates All-in-One Slim" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Speed Pomegranates All-in-One Slim</p>
<div class="prod-card-prices">
<span class="prod-card-price">€6.987,00<small>HT</small></span><span class="prod-card-compare">€8.220,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/speed-pomegranates" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/Speed-Pomegranates-Zumex-83654135_744af8be-601e-4d93-8e65-03bb7df49f50_600x600_crop_center.webp?v=1779198726" alt="Zumex Speed Pomegranates All-in-One Wide" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Speed Pomegranates All-in-One Wide</p>
<div class="prod-card-prices">
<span class="prod-card-price">€7.021,00<small>HT</small></span><span class="prod-card-compare">€8.260,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/zitrux-compact" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/Captured_ecran2026-04-30a15.44.35_600x600_crop_center.png?v=1779198669" alt="Zumex Zitrux Compact" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Zitrux Compact</p>
<div class="prod-card-prices">
<span class="prod-card-price">€15.300,00<small>HT</small></span><span class="prod-card-compare">€18.000,00 HT</span></div>
</div>
</a>
</div><div class="carousel-slide">
<a href="/products/zitrux-self-sanitizing" class="prod-card">
<div class="prod-card-img"><img src="//www.junolia.com/cdn/shop/files/Captured_ecran2026-04-30a15.49.00_600x600_crop_center.png?v=1779198669" alt="Zumex Zitrux Self-Sanitizing" loading="lazy" draggable="false"><span class="prod-card-badge">Promo</span></div>
<div class="prod-card-body">
<p class="prod-card-type">machines</p>
<p class="prod-card-title">Zumex Zitrux Self-Sanitizing</p>
<div class="prod-card-prices">
<span class="prod-card-price">€21.250,00<small>HT</small></span><span class="prod-card-compare">€25.000,00 HT</span></div>
</div>
</a>
</div></div>
</div>
<div class="carousel-nav">
<button class="carousel-btn" id="btn-prev-template--26252930515322__collection_UjUyj8" onclick="carouselMove('template--26252930515322__collection_UjUyj8', -1)">←</button>
<button class="carousel-btn" id="btn-next-template--26252930515322__collection_UjUyj8" onclick="carouselMove('template--26252930515322__collection_UjUyj8', 1)">→</button>
</div>
</section>
<script>
(function() {
var sectionId = 'template--26252930515322__collection_UjUyj8';
var wrapper = document.getElementById('carousel-wrapper-' + sectionId);
var track = document.getElementById('carousel-track-' + sectionId);
var btnPrev = document.getElementById('btn-prev-' + sectionId);
var btnNext = document.getElementById('btn-next-' + sectionId);
if (!track) return;
var slides = track.querySelectorAll('.carousel-slide');
var total = slides.length;
var current = 0;
function getVisible() {
var w = wrapper.offsetWidth;
if (w < 480) return 1;
if (w < 768) return 2;
if (w < 1024) return 3;
return 4;
}
function getSlideWidth() {
return slides.length ? slides[0].offsetWidth + 16 : 0;
}
function updateBtns() {
var visible = getVisible();
btnPrev.disabled = current <= 0;
btnNext.disabled = current >= total - visible;
}
function goTo(index) {
var visible = getVisible();
var max = Math.max(0, total - visible);
current = Math.min(Math.max(index, 0), max);
track.style.transform = 'translateX(-' + (current * getSlideWidth()) + 'px)';
updateBtns();
}
window['carouselMove'] = function(id, dir) {
if (id !== sectionId) return;
goTo(current + dir);
};
/* ── DRAG + SWIPE ── */
var dragStartX = null;
var dragStartY = null;
var dragCurrent = 0;
var dragged = false;
var THRESHOLD = 40;
function onDragStart(x, y) {
dragStartX = x;
dragStartY = y;
dragCurrent = current * getSlideWidth();
dragged = false;
track.classList.add('is-dragging');
}
function onDragMove(x) {
if (dragStartX === null) return;
var diff = dragStartX - x;
if (Math.abs(diff) > 5) dragged = true;
track.style.transform = 'translateX(-' + Math.max(0, dragCurrent + diff) + 'px)';
}
function onDragEnd(x, y) {
if (dragStartX === null) return;
track.classList.remove('is-dragging');
var diffX = dragStartX - x;
var diffY = dragStartY !== null ? Math.abs(dragStartY - y) : 0;
dragStartX = null;
dragStartY = null;
/* Ignorer si scroll vertical dominant */
if (diffY > Math.abs(diffX)) { goTo(current); return; }
if (Math.abs(diffX) > THRESHOLD) {
goTo(current + (diffX > 0 ? 1 : -1));
} else {
goTo(current);
}
}
/* Mouse events */
wrapper.addEventListener('mousedown', function(e) { onDragStart(e.clientX, e.clientY); });
document.addEventListener('mousemove', function(e) { if (dragStartX !== null) { e.preventDefault(); onDragMove(e.clientX); } });
document.addEventListener('mouseup', function(e) { onDragEnd(e.clientX, e.clientY); });
/* Touch events */
wrapper.addEventListener('touchstart', function(e) {
onDragStart(e.touches[0].clientX, e.touches[0].clientY);
}, { passive: true });
wrapper.addEventListener('touchmove', function(e) {
onDragMove(e.touches[0].clientX);
}, { passive: true });
wrapper.addEventListener('touchend', function(e) {
onDragEnd(e.changedTouches[0].clientX, e.changedTouches[0].clientY);
}, { passive: true });
/* Empêcher navigation par drag sur liens */
track.addEventListener('dragstart', function(e) { e.preventDefault(); });
/* Bloquer le clic si l'utilisateur a glissé */
track.addEventListener('click', function(e) {
if (dragged) { e.preventDefault(); e.stopPropagation(); dragged = false; }
}, true);
updateBtns();
window.addEventListener('resize', function() {
current = 0;
track.style.transform = 'translateX(0)';
updateBtns();
});
})();
</script>
</div><div id="shopify-section-template--26252930515322__section_mUJwiG" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 16px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 64px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 64px)); "
data-testid="section-content"
>
<rte-formatter class="spacing-style text-block text-block--AdCtQTWN1VGdXUWN4R__text_8JQqP9 rte rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>On vous équipe. Gratuitement.</p>
</rte-formatter>
<div class="spacing-style text-block text-block--AdjhtampRb3BLdlgyY__text_464E7T h2 text-block--align-center" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-narrow); --text-align: center; ">
<p>La mise à disposition tout inclus.</p>
</div>
</div>
</div>
</div>
</div><section id="shopify-section-template--26252930515322__diaporameslide_hB4H3z" class="shopify-section junolia-slideshow">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Chivo:wght@400;700;900&family=Geist:wght@300;400;500&display=swap" rel="stylesheet"><style>
#slider-template--26252930515322__diaporameslide_hB4H3z *,
#slider-template--26252930515322__diaporameslide_hB4H3z *::before,
#slider-template--26252930515322__diaporameslide_hB4H3z *::after { box-sizing: border-box; margin: 0; padding: 0; }
#slider-template--26252930515322__diaporameslide_hB4H3z {
position: relative;
width: 100%;
height: 420px;
overflow: hidden;
border-radius: 24px;
background: #111;
font-family: 'Geist', sans-serif;
}
#slider-template--26252930515322__diaporameslide_hB4H3z .slide {
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 600ms ease;
display: flex;
align-items: center;
}
#slider-template--26252930515322__diaporameslide_hB4H3z .slide.active { opacity: 1; }
#slider-template--26252930515322__diaporameslide_hB4H3z .slide-media {
position: absolute;
inset: 0;
overflow: hidden;
border-radius: 24px;
}
#slider-template--26252930515322__diaporameslide_hB4H3z .slide-media img,
#slider-template--26252930515322__diaporameslide_hB4H3z .slide-media video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
#slider-template--26252930515322__diaporameslide_hB4H3z .slide-media::after {
content: '';
position: absolute;
inset: 0;
background: rgba(0,0,0,0.4);
border-radius: 24px;
}
#slider-template--26252930515322__diaporameslide_hB4H3z .slide-content {
position: relative;
z-index: 2;
padding: 2.5rem 52px;
max-width: 620px;
}
#slider-template--26252930515322__diaporameslide_hB4H3z .slide-label {
font-family: 'Chivo', sans-serif;
font-size: 11px;
font-weight: 400;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 0.8rem;
}
#slider-template--26252930515322__diaporameslide_hB4H3z .slide-title {
font-family: 'Chivo', sans-serif;
font-size: 38px;
font-weight: 700;
line-height: 1.1;
margin-bottom: 1rem;
text-transform: uppercase;
letter-spacing: -0.01em;
}
#slider-template--26252930515322__diaporameslide_hB4H3z .slide-body {
font-family: 'Geist', sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 1.75;
max-width: 420px;
}
#slider-template--26252930515322__diaporameslide_hB4H3z .slide-cta {
display: inline-block;
margin-top: 1.4rem;
font-family: 'Chivo', sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
padding: 12px 26px;
cursor: pointer;
text-decoration: none;
border-radius: 6px;
transition: opacity 0.2s;
}
#slider-template--26252930515322__diaporameslide_hB4H3z .slide-cta:hover { opacity: 0.82; }
#slider-template--26252930515322__diaporameslide_hB4H3z .arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
width: 44px;
height: 44px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background 0.2s;
background: #ffffff26;
border: 1px solid #ffffff45;
color: #ffffff;
font-size: 20px;
}
#slider-template--26252930515322__diaporameslide_hB4H3z .arrow:hover { opacity: 0.8; }
#slider-template--26252930515322__diaporameslide_hB4H3z .arrow-left { left: 20px; }
#slider-template--26252930515322__diaporameslide_hB4H3z .arrow-right { right: 20px; }
#slider-template--26252930515322__diaporameslide_hB4H3z .dots {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 8px;
z-index: 10;
}
#slider-template--26252930515322__diaporameslide_hB4H3z .dot {
width: 7px; height: 7px;
border-radius: 50%;
background: #ffffff;
opacity: 0.4;
cursor: pointer;
border: none;
padding: 0;
transition: opacity 0.2s;
}
#slider-template--26252930515322__diaporameslide_hB4H3z .dot.active { opacity: 1; }
#slider-template--26252930515322__diaporameslide_hB4H3z .slide-counter {
position: absolute;
top: 20px;
right: 24px;
z-index: 10;
font-family: 'Chivo', sans-serif;
font-size: 11px;
letter-spacing: 0.12em;
color: #ffffff;
opacity: 0.55;
}
</style>
<div id="slider-template--26252930515322__diaporameslide_hB4H3z" role="region" aria-label="Diaporama"><div class="slide active" id="slide-template--26252930515322__diaporameslide_hB4H3z-0" >
<div class="slide-media" style=""><img src="//www.junolia.com/cdn/shop/files/1776934419373-wj8eduaxfai_21a35637-127b-40c4-898d-ebcb92b04623.png?v=1776939008&width=1600" alt="" loading="eager"></div>
<div class="slide-content"><div class="slide-title" style="color: #ffffff;">Une Zumex chez vous, sans l'acheter</div><div class="slide-body" style="color: #ffffffde;">Orangoo installe une machine professionnelle Zumex dans votre établissement. Zéro investissement, zéro souci technique.</div><a class="slide-cta" href="/pages/contact" style="background: #c15045; color: #ffffff;">obtenir un devis</a></div>
</div><div class="slide" id="slide-template--26252930515322__diaporameslide_hB4H3z-1" >
<div class="slide-media" style=""><img src="//www.junolia.com/cdn/shop/files/1776934250761-fibljwq7vzh_3a381939-0816-4673-873a-8e62ad9e028e.png?v=1779198670&width=1600" alt="oranges produit — Oranges fraîches à jus | Orangoo x Junolia" loading="lazy"></div>
<div class="slide-content"><div class="slide-title" style="color: #ffffff;">Les bons fruits, livrés régulièrement.</div><div class="slide-body" style="color: #ffffffde;">Des oranges sélectionnées pour le pressage pro. Calibre constant, taux de jus élevé, livrées au bon moment.</div></div>
</div><div class="slide" id="slide-template--26252930515322__diaporameslide_hB4H3z-2" >
<div class="slide-media" style=""><video src="//www.junolia.com/cdn/shop/videos/c/vp/c44e2f6566eb4a54afe4faedbcd14431/c44e2f6566eb4a54afe4faedbcd14431.HD-1080p-3.3Mbps-46656741.mp4?v=0" autoplay loop muted playsinline></video></div>
<div class="slide-content"><div class="slide-title" style="color: #ffffff;">SAV, entretien, tout inclus.</div><div class="slide-body" style="color: #ffffffde;">Maintenance préventive, intervention rapide en cas de panne, pièces d'origine. Votre machine ne s'arrête pas.</div></div>
</div><button class="arrow arrow-left" id="prev-template--26252930515322__diaporameslide_hB4H3z" aria-label="Slide précédente">←</button>
<button class="arrow arrow-right" id="next-template--26252930515322__diaporameslide_hB4H3z" aria-label="Slide suivante">→</button>
<div class="dots" id="dots-template--26252930515322__diaporameslide_hB4H3z"><button class="dot active" data-i="0" aria-label="Slide 1"></button><button class="dot" data-i="1" aria-label="Slide 2"></button><button class="dot" data-i="2" aria-label="Slide 3"></button></div>
<div class="slide-counter" id="counter-template--26252930515322__diaporameslide_hB4H3z">
01 / 03
</div>
</div>
<script>
(function() {
var id = 'template--26252930515322__diaporameslide_hB4H3z';
var wrap = document.getElementById('slider-' + id);
var slides = wrap.querySelectorAll('.slide');
var dots = wrap.querySelectorAll('.dot');
var counter = document.getElementById('counter-' + id);
var total = slides.length;
var cur = 0;
var autoplay = null;
var speed = 5000;
var autoOn = true;
function pad(n) { return n < 10 ? '0' + n : '' + n; }
function go(n) {
slides[cur].classList.remove('active');
dots[cur].classList.remove('active');
cur = ((n % total) + total) % total;
slides[cur].classList.add('active');
dots[cur].classList.add('active');
counter.textContent = pad(cur + 1) + ' / ' + pad(total);
}
document.getElementById('prev-' + id).addEventListener('click', function() { go(cur - 1); });
document.getElementById('next-' + id).addEventListener('click', function() { go(cur + 1); });
dots.forEach(function(d) { d.addEventListener('click', function() { go(parseInt(d.dataset.i)); }); });
if (autoOn && total > 1) {
autoplay = setInterval(function() { go(cur + 1); }, speed);
wrap.addEventListener('mouseenter', function() { clearInterval(autoplay); });
wrap.addEventListener('mouseleave', function() { autoplay = setInterval(function() { go(cur + 1); }, speed); });
}
})();
</script>
</section><div id="shopify-section-template--26252930515322__section_R7TXgH" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 16px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 64px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 64px)); "
data-testid="section-content"
>
<div class="spacing-style text-block text-block--ARGVSdHJPUitwVVRBZ__text_j3jXwi h2" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); ">
<p>La location </p>
</div>
</div>
</div>
</div>
</div><section id="shopify-section-template--26252930515322__diaporameslide_GY7ppV" class="shopify-section junolia-slideshow">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Chivo:wght@400;700;900&family=Geist:wght@300;400;500&display=swap" rel="stylesheet"><style>
#slider-template--26252930515322__diaporameslide_GY7ppV *,
#slider-template--26252930515322__diaporameslide_GY7ppV *::before,
#slider-template--26252930515322__diaporameslide_GY7ppV *::after { box-sizing: border-box; margin: 0; padding: 0; }
#slider-template--26252930515322__diaporameslide_GY7ppV {
position: relative;
width: 100%;
height: 420px;
overflow: hidden;
border-radius: 24px;
background: #111;
font-family: 'Geist', sans-serif;
}
#slider-template--26252930515322__diaporameslide_GY7ppV .slide {
position: absolute;
inset: 0;
opacity: 0;
transition: opacity 600ms ease;
display: flex;
align-items: center;
}
#slider-template--26252930515322__diaporameslide_GY7ppV .slide.active { opacity: 1; }
#slider-template--26252930515322__diaporameslide_GY7ppV .slide-media {
position: absolute;
inset: 0;
overflow: hidden;
border-radius: 24px;
}
#slider-template--26252930515322__diaporameslide_GY7ppV .slide-media img,
#slider-template--26252930515322__diaporameslide_GY7ppV .slide-media video {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
#slider-template--26252930515322__diaporameslide_GY7ppV .slide-media::after {
content: '';
position: absolute;
inset: 0;
background: rgba(0,0,0,0.4);
border-radius: 24px;
}
#slider-template--26252930515322__diaporameslide_GY7ppV .slide-content {
position: relative;
z-index: 2;
padding: 2.5rem 52px;
max-width: 620px;
}
#slider-template--26252930515322__diaporameslide_GY7ppV .slide-label {
font-family: 'Chivo', sans-serif;
font-size: 11px;
font-weight: 400;
letter-spacing: 0.2em;
text-transform: uppercase;
margin-bottom: 0.8rem;
}
#slider-template--26252930515322__diaporameslide_GY7ppV .slide-title {
font-family: 'Chivo', sans-serif;
font-size: 38px;
font-weight: 700;
line-height: 1.1;
margin-bottom: 1rem;
text-transform: uppercase;
letter-spacing: -0.01em;
}
#slider-template--26252930515322__diaporameslide_GY7ppV .slide-body {
font-family: 'Geist', sans-serif;
font-size: 14px;
font-weight: 300;
line-height: 1.75;
max-width: 420px;
}
#slider-template--26252930515322__diaporameslide_GY7ppV .slide-cta {
display: inline-block;
margin-top: 1.4rem;
font-family: 'Chivo', sans-serif;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.12em;
text-transform: uppercase;
padding: 12px 26px;
cursor: pointer;
text-decoration: none;
border-radius: 6px;
transition: opacity 0.2s;
}
#slider-template--26252930515322__diaporameslide_GY7ppV .slide-cta:hover { opacity: 0.82; }
#slider-template--26252930515322__diaporameslide_GY7ppV .arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
z-index: 10;
width: 44px;
height: 44px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: background 0.2s;
background: #ffffff26;
border: 1px solid #ffffff45;
color: #ffffff;
font-size: 20px;
}
#slider-template--26252930515322__diaporameslide_GY7ppV .arrow:hover { opacity: 0.8; }
#slider-template--26252930515322__diaporameslide_GY7ppV .arrow-left { left: 20px; }
#slider-template--26252930515322__diaporameslide_GY7ppV .arrow-right { right: 20px; }
#slider-template--26252930515322__diaporameslide_GY7ppV .dots {
position: absolute;
bottom: 20px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 8px;
z-index: 10;
}
#slider-template--26252930515322__diaporameslide_GY7ppV .dot {
width: 7px; height: 7px;
border-radius: 50%;
background: #ffffff;
opacity: 0.4;
cursor: pointer;
border: none;
padding: 0;
transition: opacity 0.2s;
}
#slider-template--26252930515322__diaporameslide_GY7ppV .dot.active { opacity: 1; }
#slider-template--26252930515322__diaporameslide_GY7ppV .slide-counter {
position: absolute;
top: 20px;
right: 24px;
z-index: 10;
font-family: 'Chivo', sans-serif;
font-size: 11px;
letter-spacing: 0.12em;
color: #ffffff;
opacity: 0.55;
}
</style>
<div id="slider-template--26252930515322__diaporameslide_GY7ppV" role="region" aria-label="Diaporama"><div class="slide active" id="slide-template--26252930515322__diaporameslide_GY7ppV-0" >
<div class="slide-media" style=""><img src="//www.junolia.com/cdn/shop/files/Presse-Agrume-Zumex-Soul-Serie-2-Zumex-83654547.jpg?v=1746277740&width=1600" alt="Presse-Agrume Zumex Soul Serie 2 sur un meuble de restaurant" loading="eager"></div>
<div class="slide-content"><div class="slide-title" style="color: #ffffff;">UNE ZUMEX EN LOCATION.DÈS CETTE SEMAINE.</div><div class="slide-body" style="color: #ffffffde;">Pas d'achat, pas d'immobilisation de capital. Orangoo livre, installe et maintient. Vous encaissez.</div></div>
</div><div class="slide" id="slide-template--26252930515322__diaporameslide_GY7ppV-1" >
<div class="slide-media" style=""><img src="//www.junolia.com/cdn/shop/files/1776934250761-fibljwq7vzh_3a381939-0816-4673-873a-8e62ad9e028e.png?v=1779198670&width=1600" alt="oranges produit — Oranges fraîches à jus | Orangoo x Junolia" loading="lazy"></div>
<div class="slide-content"><div class="slide-title" style="color: #ffffff;">Les bons fruits, livrés régulièrement.</div><div class="slide-body" style="color: #ffffffde;">Des oranges sélectionnées pour le pressage pro. Calibre constant, taux de jus élevé, livrées au bon moment.</div></div>
</div><button class="arrow arrow-left" id="prev-template--26252930515322__diaporameslide_GY7ppV" aria-label="Slide précédente">←</button>
<button class="arrow arrow-right" id="next-template--26252930515322__diaporameslide_GY7ppV" aria-label="Slide suivante">→</button>
<div class="dots" id="dots-template--26252930515322__diaporameslide_GY7ppV"><button class="dot active" data-i="0" aria-label="Slide 1"></button><button class="dot" data-i="1" aria-label="Slide 2"></button></div>
<div class="slide-counter" id="counter-template--26252930515322__diaporameslide_GY7ppV">
01 / 02
</div>
</div>
<script>
(function() {
var id = 'template--26252930515322__diaporameslide_GY7ppV';
var wrap = document.getElementById('slider-' + id);
var slides = wrap.querySelectorAll('.slide');
var dots = wrap.querySelectorAll('.dot');
var counter = document.getElementById('counter-' + id);
var total = slides.length;
var cur = 0;
var autoplay = null;
var speed = 5000;
var autoOn = true;
function pad(n) { return n < 10 ? '0' + n : '' + n; }
function go(n) {
slides[cur].classList.remove('active');
dots[cur].classList.remove('active');
cur = ((n % total) + total) % total;
slides[cur].classList.add('active');
dots[cur].classList.add('active');
counter.textContent = pad(cur + 1) + ' / ' + pad(total);
}
document.getElementById('prev-' + id).addEventListener('click', function() { go(cur - 1); });
document.getElementById('next-' + id).addEventListener('click', function() { go(cur + 1); });
dots.forEach(function(d) { d.addEventListener('click', function() { go(parseInt(d.dataset.i)); }); });
if (autoOn && total > 1) {
autoplay = setInterval(function() { go(cur + 1); }, speed);
wrap.addEventListener('mouseenter', function() { clearInterval(autoplay); });
wrap.addEventListener('mouseleave', function() { autoplay = setInterval(function() { go(cur + 1); }, speed); });
}
})();
</script>
</section><section id="shopify-section-template--26252930515322__pastilleliendirectaccueil_w4a7cf" class="shopify-section"><style>
#jzanctemplate--26252930515322__pastilleliendirectaccueil_w4a7cf {
display: flex;
justify-content: center;
padding: 24px 40px 0px;
scroll-margin-top: 80px;
}
.jzanc-pill {
display: inline-flex;
align-items: center;
gap: 8px;
background: #C15045;
color: #fff;
font-family: 'Geist', sans-serif;
font-size: 12px;
font-weight: 700;
letter-spacing: 1px;
text-transform: uppercase;
padding: 8px 20px;
border-radius: 30px;
}
.jzanc-pill__dot {
width: 8px;
height: 8px;
background: #fff;
border-radius: 50%;
flex-shrink: 0;
animation: jzanc-pulse 1.8s ease-in-out infinite;
}
@keyframes jzanc-pulse {
0%, 100% { opacity: 1; transform: scale(1); }
50% { opacity: 0.4; transform: scale(0.65); }
}
</style>
<div id="location-junolia" style="scroll-margin-top: 80px;">
<div id="jzanctemplate--26252930515322__pastilleliendirectaccueil_w4a7cf">
<div class="jzanc-pill">
<span class="jzanc-pill__dot"></span>
Location disponible
</div>
</div>
</div>
</section><div id="shopify-section-template--26252930515322__calculator_h6EnVt" class="shopify-section">
<style data-shopify>
.ai-lld-calculator-lld-template--26252930515322calculatorh6envt { display: block; width: 100%; max-width: 100%; padding: 40px; background-color: #f0f0f0; border-radius: 8px; }
.ai-lld-calculator__header-lld-template--26252930515322calculatorh6envt { margin-bottom: 32px; }
.ai-lld-calculator__title-lld-template--26252930515322calculatorh6envt { margin: 0 0 12px; color: #000000; font-size: 32px; }
.ai-lld-calculator__description-lld-template--26252930515322calculatorh6envt { margin: 0; color: #000000; opacity: 0.8; }
.ai-lld-calculator__form-lld-template--26252930515322calculatorh6envt { display: flex; flex-direction: column; gap: 24px; }
.ai-lld-calculator__field-lld-template--26252930515322calculatorh6envt { display: flex; flex-direction: column; gap: 8px; }
.ai-lld-calculator__label-lld-template--26252930515322calculatorh6envt { font-weight: 600; color: #000000; font-size: 14px; }
.ai-lld-calculator__select-lld-template--26252930515322calculatorh6envt { padding: 12px 16px; border: 2px solid #e6e6e6; border-radius: 4px; background-color: #ffffff; color: #000000; font-size: 16px; cursor: pointer; }
.ai-lld-calculator__select-lld-template--26252930515322calculatorh6envt:hover { background-color: #f5f5f5; }
.ai-lld-calculator__select-lld-template--26252930515322calculatorh6envt:focus { outline: 2px solid #c15045; outline-offset: 2px; }
.ai-lld-calculator__duration-options-lld-template--26252930515322calculatorh6envt { display: grid; grid-template-columns: repeat(auto-fit, minmax(80px, 1fr)); gap: 12px; }
.ai-lld-calculator__duration-option-lld-template--26252930515322calculatorh6envt { position: relative; }
.ai-lld-calculator__duration-input-lld-template--26252930515322calculatorh6envt { position: absolute; opacity: 0; width: 0; height: 0; }
.ai-lld-calculator__duration-label-lld-template--26252930515322calculatorh6envt { display: flex; align-items: center; justify-content: center; padding: 12px; border: 2px solid #e6e6e6; border-radius: 4px; background-color: #ffffff; color: #000000; font-size: 14px; font-weight: 600; cursor: pointer; transition: all 0.2s ease; }
.ai-lld-calculator__duration-label-lld-template--26252930515322calculatorh6envt:hover { background-color: #f5f5f5; }
.ai-lld-calculator__duration-input-lld-template--26252930515322calculatorh6envt:checked + .ai-lld-calculator__duration-label-lld-template--26252930515322calculatorh6envt { background-color: #c15045; color: #ffffff; border-color: #c15045; }
.ai-lld-calculator__results-lld-template--26252930515322calculatorh6envt { margin-top: 32px; padding: 24px; background-color: #ffffff; border-radius: 8px; border: 2px solid #e6e6e6; }
.ai-lld-calculator__results-lld-template--26252930515322calculatorh6envt.hidden { display: none; }
.ai-lld-calculator__result-row-lld-template--26252930515322calculatorh6envt { display: flex; justify-content: space-between; align-items: center; padding: 12px 0; border-bottom: 1px solid #e6e6e6; }
.ai-lld-calculator__result-row-lld-template--26252930515322calculatorh6envt:last-child { border-bottom: none; }
.ai-lld-calculator__result-label-lld-template--26252930515322calculatorh6envt { color: #000000; font-size: 14px; }
.ai-lld-calculator__result-value-lld-template--26252930515322calculatorh6envt { color: #000000; font-size: 16px; font-weight: 600; }
.ai-lld-calculator__result-total-lld-template--26252930515322calculatorh6envt { margin-top: 16px; padding-top: 16px; border-top: 2px solid #e6e6e6; }
.ai-lld-calculator__result-total-label-lld-template--26252930515322calculatorh6envt { color: #000000; font-size: 18px; font-weight: 700; }
.ai-lld-calculator__result-total-value-lld-template--26252930515322calculatorh6envt { color: #c15045; font-size: 24px; font-weight: 700; }
.ai-lld-calculator__empty-state-lld-template--26252930515322calculatorh6envt { text-align: center; padding: 32px; color: #000000; opacity: 0.6; font-style: italic; }
.ai-lld-calculator__error-lld-template--26252930515322calculatorh6envt { margin-top: 16px; padding: 12px 16px; background: #fff3cd; border: 1px solid #ffc107; border-radius: 6px; color: #856404; font-size: 13px; display: none; }
.ai-lld-calculator__error-lld-template--26252930515322calculatorh6envt.visible { display: block; }
@media screen and (max-width: 749px) {
.ai-lld-calculator-lld-template--26252930515322calculatorh6envt { padding: 24px; }
.ai-lld-calculator__duration-options-lld-template--26252930515322calculatorh6envt { grid-template-columns: repeat(auto-fit, minmax(70px, 1fr)); }
}
</style>
<div class="ai-lld-calculator-lld-template--26252930515322calculatorh6envt" id="lld-calc-lld-template--26252930515322calculatorh6envt" >
<div class="ai-lld-calculator__header-lld-template--26252930515322calculatorh6envt">
<h2 class="ai-lld-calculator__title-lld-template--26252930515322calculatorh6envt"><p>Simulateur de location LLD</p></h2>
<div class="ai-lld-calculator__description-lld-template--26252930515322calculatorh6envt"><p>Calculez votre loyer mensuel en fonction de la machine et de la durée du contrat</p></div>
</div>
<div class="ai-lld-calculator__form-lld-template--26252930515322calculatorh6envt">
<div class="ai-lld-calculator__field-lld-template--26252930515322calculatorh6envt">
<label class="ai-lld-calculator__label-lld-template--26252930515322calculatorh6envt" for="collection-select-lld-template--26252930515322calculatorh6envt">
Choisissez votre machine
</label>
<select
id="collection-select-lld-template--26252930515322calculatorh6envt"
class="ai-lld-calculator__select-lld-template--26252930515322calculatorh6envt"
onchange="lldCalculate_lld_template__26252930515322calculatorh6envt()"
>
<option value="">Sélectionnez une machine</option>
<option
value="15071976817018"
data-price="211000"
data-title="Zumex Multifruit"
>
Zumex Multifruit
</option>
<option
value="15071976751482"
data-price="271000"
data-title="Zumex Minex"
>
Zumex Minex
</option>
<option
value="15071976653178"
data-price="294000"
data-title="Zumex Soul Serie 2"
>
Zumex Soul Serie 2
</option>
<option
value="15071976587642"
data-price="360500"
data-title="Zumex Essential Basic"
>
Zumex Essential Basic
</option>
<option
value="15071974621562"
data-price="440000"
data-title="Zumex Essential Pro"
>
Zumex Essential Pro
</option>
<option
value="16077570081146"
data-price="461500"
data-title="Zumex Essential Pro & Basket"
>
Zumex Essential Pro & Basket
</option>
<option
value="15071968887162"
data-price="464500"
data-title="Zumex Versatile Basic"
>
Zumex Versatile Basic
</option>
<option
value="16077585285498"
data-price="471500"
data-title="Zumex Smart essential pro"
>
Zumex Smart essential pro
</option>
<option
value="15071973933434"
data-price="603500"
data-title="Zumex Versatile Pro"
>
Zumex Versatile Pro
</option>
<option
value="16077605273978"
data-price="637500"
data-title="Zumex Smart versatile pro"
>
Zumex Smart versatile pro
</option>
<option
value="15071973867898"
data-price="677500"
data-title="Zumex Speed Up"
>
Zumex Speed Up
</option>
<option
value="16077622968698"
data-price="737500"
data-title="Zumex Versatile Star All-in-One Slim (BH)"
>
Zumex Versatile Star All-in-One Slim (BH)
</option>
<option
value="16077644759418"
data-price="766500"
data-title="Zumex Smart Versatile Star All-in-One Slim (BH)"
>
Zumex Smart Versatile Star All-in-One Slim (BH)
</option>
<option
value="16077628375418"
data-price="769500"
data-title="Zumex Versatile Star Juice Corner Slim (BH)*"
>
Zumex Versatile Star Juice Corner Slim (BH)*
</option>
<option
value="15071973769594"
data-price="788000"
data-title="Zumex Speed S Plus+"
>
Zumex Speed S Plus+
</option>
<option
value="15071973704058"
data-price="816000"
data-title="Zumex Speed UP - All in One Wide"
>
Zumex Speed UP - All in One Wide
</option>
<option
value="16077786841466"
data-price="822000"
data-title="Zumex Speed Pomegranates All-in-One Slim"
>
Zumex Speed Pomegranates All-in-One Slim
</option>
<option
value="15071969018234"
data-price="826000"
data-title="Zumex Speed Pomegranates All-in-One Wide"
>
Zumex Speed Pomegranates All-in-One Wide
</option>
<option
value="15071973638522"
data-price="858000"
data-title="Zumex Speed S Plus - All in one"
>
Zumex Speed S Plus - All in one
</option>
<option
value="16077706985850"
data-price="860000"
data-title="Zumex Smart Speed Up All-in-One Slim"
>
Zumex Smart Speed Up All-in-One Slim
</option>
<option
value="16077702300026"
data-price="864000"
data-title="Zumex Smart Speed Up All-in-One Wide"
>
Zumex Smart Speed Up All-in-One Wide
</option>
<option
value="16077676708218"
data-price="869500"
data-title="Zumex Speed Up Juice Corner Wide"
>
Zumex Speed Up Juice Corner Wide
</option>
<option
value="16077788217722"
data-price="879500"
data-title="Zumex Speed Pomegranates Juice Corner Wide"
>
Zumex Speed Pomegranates Juice Corner Wide
</option>
<option
value="16077740212602"
data-price="914500"
data-title="Zumex Speed S +plus All-in-One Wide"
>
Zumex Speed S +plus All-in-One Wide
</option>
<option
value="16077745488250"
data-price="917500"
data-title="Zumex Speed S +plus Tank All-in-One"
>
Zumex Speed S +plus Tank All-in-One
</option>
<option
value="16077747683706"
data-price="967000"
data-title="Zumex Speed S +plus Juice Corner Wide"
>
Zumex Speed S +plus Juice Corner Wide
</option>
<option
value="16077804667258"
data-price="1800000"
data-title="Zumex Zitrux Compact"
>
Zumex Zitrux Compact
</option>
<option
value="16077803159930"
data-price="2500000"
data-title="Zumex Zitrux Self-Sanitizing"
>
Zumex Zitrux Self-Sanitizing
</option>
</select>
</div>
<div class="ai-lld-calculator__field-lld-template--26252930515322calculatorh6envt">
<label class="ai-lld-calculator__label-lld-template--26252930515322calculatorh6envt">
Durée du contrat
</label>
<div class="ai-lld-calculator__duration-options-lld-template--26252930515322calculatorh6envt">
<div class="ai-lld-calculator__duration-option-lld-template--26252930515322calculatorh6envt">
<input
type="radio"
id="duration-18-lld-template--26252930515322calculatorh6envt"
name="duration-lld-template--26252930515322calculatorh6envt"
value="18"
class="ai-lld-calculator__duration-input-lld-template--26252930515322calculatorh6envt"
onchange="lldCalculate_lld_template__26252930515322calculatorh6envt()"
checked
>
<label for="duration-18-lld-template--26252930515322calculatorh6envt" class="ai-lld-calculator__duration-label-lld-template--26252930515322calculatorh6envt">
18 mois
</label>
</div>
<div class="ai-lld-calculator__duration-option-lld-template--26252930515322calculatorh6envt">
<input
type="radio"
id="duration-24-lld-template--26252930515322calculatorh6envt"
name="duration-lld-template--26252930515322calculatorh6envt"
value="24"
class="ai-lld-calculator__duration-input-lld-template--26252930515322calculatorh6envt"
onchange="lldCalculate_lld_template__26252930515322calculatorh6envt()"
>
<label for="duration-24-lld-template--26252930515322calculatorh6envt" class="ai-lld-calculator__duration-label-lld-template--26252930515322calculatorh6envt">
24 mois
</label>
</div>
<div class="ai-lld-calculator__duration-option-lld-template--26252930515322calculatorh6envt">
<input
type="radio"
id="duration-36-lld-template--26252930515322calculatorh6envt"
name="duration-lld-template--26252930515322calculatorh6envt"
value="36"
class="ai-lld-calculator__duration-input-lld-template--26252930515322calculatorh6envt"
onchange="lldCalculate_lld_template__26252930515322calculatorh6envt()"
>
<label for="duration-36-lld-template--26252930515322calculatorh6envt" class="ai-lld-calculator__duration-label-lld-template--26252930515322calculatorh6envt">
36 mois
</label>
</div>
<div class="ai-lld-calculator__duration-option-lld-template--26252930515322calculatorh6envt">
<input
type="radio"
id="duration-48-lld-template--26252930515322calculatorh6envt"
name="duration-lld-template--26252930515322calculatorh6envt"
value="48"
class="ai-lld-calculator__duration-input-lld-template--26252930515322calculatorh6envt"
onchange="lldCalculate_lld_template__26252930515322calculatorh6envt()"
>
<label for="duration-48-lld-template--26252930515322calculatorh6envt" class="ai-lld-calculator__duration-label-lld-template--26252930515322calculatorh6envt">
48 mois
</label>
</div>
<div class="ai-lld-calculator__duration-option-lld-template--26252930515322calculatorh6envt">
<input
type="radio"
id="duration-60-lld-template--26252930515322calculatorh6envt"
name="duration-lld-template--26252930515322calculatorh6envt"
value="60"
class="ai-lld-calculator__duration-input-lld-template--26252930515322calculatorh6envt"
onchange="lldCalculate_lld_template__26252930515322calculatorh6envt()"
>
<label for="duration-60-lld-template--26252930515322calculatorh6envt" class="ai-lld-calculator__duration-label-lld-template--26252930515322calculatorh6envt">
60 mois
</label>
</div>
</div>
</div>
<div class="ai-lld-calculator__results-lld-template--26252930515322calculatorh6envt hidden" id="lld-results-lld-template--26252930515322calculatorh6envt">
<div class="ai-lld-calculator__result-row-lld-template--26252930515322calculatorh6envt">
<span class="ai-lld-calculator__result-label-lld-template--26252930515322calculatorh6envt">Machine sélectionnée</span>
<span class="ai-lld-calculator__result-value-lld-template--26252930515322calculatorh6envt" id="lld-name-lld-template--26252930515322calculatorh6envt">-</span>
</div>
<div class="ai-lld-calculator__result-row-lld-template--26252930515322calculatorh6envt">
<span class="ai-lld-calculator__result-label-lld-template--26252930515322calculatorh6envt">Durée du contrat</span>
<span class="ai-lld-calculator__result-value-lld-template--26252930515322calculatorh6envt" id="lld-duration-lld-template--26252930515322calculatorh6envt">-</span>
</div>
<div class="ai-lld-calculator__result-total-lld-template--26252930515322calculatorh6envt">
<div class="ai-lld-calculator__result-row-lld-template--26252930515322calculatorh6envt">
<span class="ai-lld-calculator__result-total-label-lld-template--26252930515322calculatorh6envt">Loyer mensuel estimé</span>
<span class="ai-lld-calculator__result-total-value-lld-template--26252930515322calculatorh6envt" id="lld-monthly-lld-template--26252930515322calculatorh6envt">-</span>
</div>
</div>
</div>
<div class="ai-lld-calculator__error-lld-template--26252930515322calculatorh6envt" id="lld-error-lld-template--26252930515322calculatorh6envt">
Ce montant est en dehors des tranches du barème Grenke (min. 500 €).
</div>
</div>
</div>
<script>
(function() {
var sid = 'lld-template--26252930515322calculatorh6envt';
var fnName = 'lldCalculate_' + sid.replace(/-/g, '_');
/*
* BARÈME GRENKE "GÉNÉRATION"
*
* FORMULE : loyer_mensuel = prix_HT_euros × coef / 100
* (PAS de division par 3 — le coef est directement le % mensuel)
*
* Clé = nb trimestres (mois / 3)
* Valeurs = coefs par tranche de montant HT :
* [0] 500 – 2 500 €
* [1] 2 501 – 5 000 €
* [2] 5 001 – 12 500 €
* [3] 12 501 – 25 000 €
* [4] 25 001 – 37 500 €
* [5] 37 501 – 50 000 €
* [6] 50 000 € et +
*
* Vérification :
* Minex 2710€ / 18 mois → trim=6 → col 1 (2501-5000) → coef 6.20
* 2710 × 6.20 / 100 = 168.02€ ≈ 167.02€ Grenke ✓
*/
var BAREME = {
6: [6.38, 6.20, 6.15, 6.07, 6.06, 6.05, 6.03],
8: [4.83, 4.79, 4.71, 4.69, 4.68, 4.67, 4.65],
10: [3.87, 3.82, 3.80, 3.73, 3.72, 3.71, 3.69],
12: [3.38, 3.29, 3.24, 3.21, 3.19, 3.18, 3.16],
14: [3.01, 2.93, 2.89, 2.87, 2.86, 2.85, 2.83],
16: [2.69, 2.58, 2.56, 2.53, 2.52, 2.51, 2.49],
18: [2.45, 2.34, 2.30, 2.25, 2.24, 2.23, 2.21],
20: [2.26, 2.17, 2.11, 2.08, 2.07, 2.06, 2.04],
21: [2.21, 2.10, 2.04, 2.00, 1.99, 1.98, 1.96]
};
var SEUILS = [500, 2501, 5001, 12501, 25001, 37501, 50000];
var MOIS_TO_TRIM = { 18: 6, 24: 8, 36: 12, 48: 16, 60: 20 };
function getCoef(montantEur, mois) {
var trim = MOIS_TO_TRIM[mois];
var row = BAREME[trim];
if (!row) return null;
var col = 0;
for (var i = SEUILS.length - 1; i >= 0; i--) {
if (montantEur >= SEUILS[i]) { col = i; break; }
}
return row[col];
}
function formatMoney(eur) {
return new Intl.NumberFormat('fr-FR', {
style: 'currency',
currency: 'EUR',
minimumFractionDigits: 2,
maximumFractionDigits: 2
}).format(eur);
}
window[fnName] = function() {
var sel = document.getElementById('collection-select-' + sid);
var opt = sel ? sel.options[sel.selectedIndex] : null;
var dur = document.querySelector('input[name="duration-' + sid + '"]:checked');
var box = document.getElementById('lld-results-' + sid);
var errBox = document.getElementById('lld-error-' + sid);
if (!opt || !opt.value || !dur || !box) {
if (box) box.classList.add('hidden');
if (errBox) errBox.classList.remove('visible');
return;
}
/* Prix Shopify en centimes → euros */
var priceCents = parseFloat(opt.dataset.price);
var priceEur = priceCents / 100;
var title = opt.dataset.title;
var mois = parseInt(dur.value);
if (priceEur < 500) {
box.classList.add('hidden');
if (errBox) errBox.classList.add('visible');
return;
}
if (errBox) errBox.classList.remove('visible');
var coef = getCoef(priceEur, mois);
if (!coef) {
box.classList.add('hidden');
return;
}
/* ═══════════════════════════════════════════════
* FORMULE GRENKE CONFIRMÉE — SANS DIVISION PAR 3
* loyer_mensuel = prix_HT × coef / 100
* ═══════════════════════════════════════════════ */
var loyerMensuel = priceEur * coef / 100;
document.getElementById('lld-name-' + sid).textContent = title;
document.getElementById('lld-duration-' + sid).textContent = mois + ' mois';
document.getElementById('lld-monthly-' + sid).textContent = formatMoney(loyerMensuel) + '/mois';
box.classList.remove('hidden');
};
document.addEventListener('DOMContentLoaded', function() {
window[fnName]();
});
})();
</script>
</div><div id="shopify-section-template--26252930515322__divider_87mEEf" class="shopify-section">
<div class="section-background color-scheme-1"></div>
<div
class="section section--full-width color-scheme-1"
data-testid="divider-template--26252930515322__divider_87mEEf"
>
<div
class="divider divider-template--26252930515322__divider_87mEEf spacing-style"
style=" --divider-justify-content: center; --padding-block-start: 16px;--padding-block-end: 16px; "
>
<span
class="divider__line"
style=" --divider-border-thickness: 1px; --divider-flex-basis: 100%; "
></span>
</div>
</div>
</div><div id="shopify-section-template--26252930515322__section_bDzmRy" class="shopify-section section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
data-testid="ui-test-section"
style=" "
>
<div class="custom-section-background">
</div>
<div
class="border-style custom-section-content"
style="--border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<div
class="spacing-style layout-panel-flex layout-panel-flex--column section-content-wrapper mobile-column"
style=" --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 16px;--horizontal-alignment: center; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: max(20px, calc(var(--spacing-scale) * 64px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 64px)); "
data-testid="section-content"
>
<a
href="/collections/all"
class="size-style button button--AcXNaQUlCOGZYUXhDR__button_3AqV3U"
style="--size-style-width: fit-content;--size-style-height: ;--size-style-width-mobile: fit-content; --size-style-width-mobile-min: fit-content;"
>
Nous Contacter
</a>
</div>
</div>
</div>
</div><section id="shopify-section-template--26252930515322__tabs_DR9fgX" class="shopify-section tabs-section"><section id="tb-template--26252930515322__tabs_DR9fgX" style="background:#f0f0f0;color:#0a0a0a;margin-top:0;margin-bottom:64px;">
<!-- HEADER --><div style="display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding:48px 48px 32px;border-bottom:1px solid rgba(10, 10, 10, 0.12);flex-wrap:wrap;">
<div><h2 style="font-size:clamp(22px,3.5vw,48px);font-weight:800;letter-spacing:-0.02em;line-height:1.05;color:#0a0a0a;margin:0;text-transform:uppercase;max-width:700px;font-family:var(--font-body-family);">Ce qui nous différencie.</h2></div></div><!-- MEDIA -->
<div id="tb-media-template--26252930515322__tabs_DR9fgX" style="position:relative;width:100%;aspect-ratio:16/7;background:#ffffff;overflow:hidden;"><div class="tb-media-template--26252930515322__tabs_DR9fgX" data-index="0" style="position:absolute;inset:0;opacity:1;transition:opacity 600ms ease,transform 600ms cubic-bezier(0.25,0.46,0.45,0.94);transform:translateX(0);pointer-events:all;"><img src="//www.junolia.com/cdn/shop/files/1777288453302-f4eih40ieiq.png?v=1777288503&width=2000" srcset="//www.junolia.com/cdn/shop/files/1777288453302-f4eih40ieiq.png?v=1777288503&width=352 352w, //www.junolia.com/cdn/shop/files/1777288453302-f4eih40ieiq.png?v=1777288503&width=832 832w, //www.junolia.com/cdn/shop/files/1777288453302-f4eih40ieiq.png?v=1777288503&width=1200 1200w, //www.junolia.com/cdn/shop/files/1777288453302-f4eih40ieiq.png?v=1777288503&width=1920 1920w, //www.junolia.com/cdn/shop/files/1777288453302-f4eih40ieiq.png?v=1777288503&width=2000 2000w" width="2000" height="2000" loading="lazy" style="width:100%;height:100%;object-fit:cover;display:block;">
</div><div class="tb-media-template--26252930515322__tabs_DR9fgX" data-index="1" style="position:absolute;inset:0;opacity:0;transition:opacity 600ms ease,transform 600ms cubic-bezier(0.25,0.46,0.45,0.94);transform:translateX(60px);pointer-events:none;"><img src="//www.junolia.com/cdn/shop/files/tapis_oranges_1.jpg?v=1779198668&width=2000" alt="oranges produit — Oranges fraîches à jus | Orangoo x Junolia" srcset="//www.junolia.com/cdn/shop/files/tapis_oranges_1.jpg?v=1779198668&width=352 352w, //www.junolia.com/cdn/shop/files/tapis_oranges_1.jpg?v=1779198668&width=832 832w, //www.junolia.com/cdn/shop/files/tapis_oranges_1.jpg?v=1779198668&width=1200 1200w, //www.junolia.com/cdn/shop/files/tapis_oranges_1.jpg?v=1779198668&width=1920 1920w, //www.junolia.com/cdn/shop/files/tapis_oranges_1.jpg?v=1779198668&width=2000 2000w" width="2000" height="2667" loading="lazy" style="width:100%;height:100%;object-fit:cover;display:block;">
</div><div class="tb-media-template--26252930515322__tabs_DR9fgX" data-index="2" style="position:absolute;inset:0;opacity:0;transition:opacity 600ms ease,transform 600ms cubic-bezier(0.25,0.46,0.45,0.94);transform:translateX(60px);pointer-events:none;"><img src="//www.junolia.com/cdn/shop/files/1777389305405-pvb3cbfcu9.png?v=1777389344&width=2000" srcset="//www.junolia.com/cdn/shop/files/1777389305405-pvb3cbfcu9.png?v=1777389344&width=352 352w, //www.junolia.com/cdn/shop/files/1777389305405-pvb3cbfcu9.png?v=1777389344&width=832 832w, //www.junolia.com/cdn/shop/files/1777389305405-pvb3cbfcu9.png?v=1777389344&width=1200 1200w, //www.junolia.com/cdn/shop/files/1777389305405-pvb3cbfcu9.png?v=1777389344&width=1920 1920w, //www.junolia.com/cdn/shop/files/1777389305405-pvb3cbfcu9.png?v=1777389344&width=2000 2000w" width="2000" height="2000" loading="lazy" style="width:100%;height:100%;object-fit:cover;display:block;">
</div><div class="tb-media-template--26252930515322__tabs_DR9fgX" data-index="3" style="position:absolute;inset:0;opacity:0;transition:opacity 600ms ease,transform 600ms cubic-bezier(0.25,0.46,0.45,0.94);transform:translateX(60px);pointer-events:none;"><img src="//www.junolia.com/cdn/shop/files/1777408556605-w64lzos81ge.png?v=1777411637&width=2000" srcset="//www.junolia.com/cdn/shop/files/1777408556605-w64lzos81ge.png?v=1777411637&width=352 352w, //www.junolia.com/cdn/shop/files/1777408556605-w64lzos81ge.png?v=1777411637&width=832 832w, //www.junolia.com/cdn/shop/files/1777408556605-w64lzos81ge.png?v=1777411637&width=1200 1200w, //www.junolia.com/cdn/shop/files/1777408556605-w64lzos81ge.png?v=1777411637&width=1920 1920w, //www.junolia.com/cdn/shop/files/1777408556605-w64lzos81ge.png?v=1777411637&width=2000 2000w" width="2000" height="2000" loading="lazy" style="width:100%;height:100%;object-fit:cover;display:block;">
</div></div>
<!-- TABS -->
<div id="tb-tabs-template--26252930515322__tabs_DR9fgX" style="display:flex;border-top:1px solid rgba(10, 10, 10, 0.12);padding:0 48px;flex-wrap:wrap;"><div
class="tb-tab-template--26252930515322__tabs_DR9fgX"
data-index="0"
style="flex:1;padding:20px 16px 0;cursor:pointer;border-top:2px solid #0a0a0a;margin-top:-1px;transition:border-color 0.2s;min-width:140px;box-sizing:border-box;"
>
<!-- Label onglet -->
<span style="font-size:13px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:#0a0a0a;opacity:1;display:block;margin-bottom:10px;transition:opacity 0.2s;font-family:var(--font-body-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" class="tb-label-template--26252930515322__tabs_DR9fgX">Proximité professionnelle</span>
<!-- Contenu dépliable -->
<div class="tb-content-template--26252930515322__tabs_DR9fgX" style="max-height:200px;overflow:hidden;transition:max-height 600ms ease,opacity 600ms ease;opacity:1;"><p style="font-size:13px;line-height:1.65;color:#0a0a0a;opacity:0.65;margin:0 0 12px;font-family:var(--font-body-family);">Nous connaissons votre métier. Chaque solution est pensée pour les contraintes réelles du terrain: débit, hygiène, rapidité, rentabilité.</p></div>
</div><div
class="tb-tab-template--26252930515322__tabs_DR9fgX"
data-index="1"
style="flex:1;padding:20px 16px 0;cursor:pointer;border-top:2px solid transparent;margin-top:-1px;transition:border-color 0.2s;min-width:140px;box-sizing:border-box;"
>
<!-- Label onglet -->
<span style="font-size:13px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:#0a0a0a;opacity:0.35;display:block;margin-bottom:10px;transition:opacity 0.2s;font-family:var(--font-body-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" class="tb-label-template--26252930515322__tabs_DR9fgX">Qualité sans compromis</span>
<!-- Contenu dépliable -->
<div class="tb-content-template--26252930515322__tabs_DR9fgX" style="max-height:0;overflow:hidden;transition:max-height 600ms ease,opacity 600ms ease;opacity:0;"><p style="font-size:13px;line-height:1.65;color:#0a0a0a;opacity:0.65;margin:0 0 12px;font-family:var(--font-body-family);">Des machines Zumex, la marque de référence du marché.Des oranges rigoureusement sélectionnées pour le pressage professionnel.</p></div>
</div><div
class="tb-tab-template--26252930515322__tabs_DR9fgX"
data-index="2"
style="flex:1;padding:20px 16px 0;cursor:pointer;border-top:2px solid transparent;margin-top:-1px;transition:border-color 0.2s;min-width:140px;box-sizing:border-box;"
>
<!-- Label onglet -->
<span style="font-size:13px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:#0a0a0a;opacity:0.35;display:block;margin-bottom:10px;transition:opacity 0.2s;font-family:var(--font-body-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" class="tb-label-template--26252930515322__tabs_DR9fgX">SAV réactif</span>
<!-- Contenu dépliable -->
<div class="tb-content-template--26252930515322__tabs_DR9fgX" style="max-height:0;overflow:hidden;transition:max-height 600ms ease,opacity 600ms ease;opacity:0;"><p style="font-size:13px;line-height:1.65;color:#0a0a0a;opacity:0.65;margin:0 0 12px;font-family:var(--font-body-family);">Pièces d'origine en stock, techniciens certifiés.</p></div>
</div><div
class="tb-tab-template--26252930515322__tabs_DR9fgX"
data-index="3"
style="flex:1;padding:20px 16px 0;cursor:pointer;border-top:2px solid transparent;margin-top:-1px;transition:border-color 0.2s;min-width:140px;box-sizing:border-box;"
>
<!-- Label onglet -->
<span style="font-size:13px;font-weight:800;letter-spacing:0.06em;text-transform:uppercase;color:#0a0a0a;opacity:0.35;display:block;margin-bottom:10px;transition:opacity 0.2s;font-family:var(--font-body-family);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;" class="tb-label-template--26252930515322__tabs_DR9fgX">offre complète</span>
<!-- Contenu dépliable -->
<div class="tb-content-template--26252930515322__tabs_DR9fgX" style="max-height:0;overflow:hidden;transition:max-height 600ms ease,opacity 600ms ease;opacity:0;"><p style="font-size:13px;line-height:1.65;color:#0a0a0a;opacity:0.65;margin:0 0 12px;font-family:var(--font-body-family);">Machine, fruits, entretien, SAV, achat, financement, mise à disposition, tout au même endroit selon votre profil. Orangoo et Junolia sont les seuls à proposer une offre aussi complète en France. Un seul appel suffit.</p></div>
</div></div>
</section>
<style>
/* Mobile : tabs pleine largeur + texte sur toute la largeur */
@media (max-width: 768px) {
#tb-template--26252930515322__tabs_DR9fgX > div:first-child {
padding: 32px 20px 24px !important;
}
#tb-tabs-template--26252930515322__tabs_DR9fgX {
padding: 0 !important;
flex-direction: column !important;
}
.tb-tab-template--26252930515322__tabs_DR9fgX {
flex: none !important;
width: 100% !important;
min-width: 0 !important;
padding: 16px 20px 0 !important;
border-top: 1px solid rgba(0,0,0,0.1) !important;
border-left: none !important;
margin-top: 0 !important;
}
.tb-tab-template--26252930515322__tabs_DR9fgX[style*="border-top:2px solid"] {
border-left: 3px solid #0a0a0a !important;
border-top: 1px solid rgba(0,0,0,0.1) !important;
background: rgba(0,0,0,0.03);
}
.tb-content-template--26252930515322__tabs_DR9fgX p {
white-space: normal !important;
overflow: visible !important;
width: 100% !important;
}
}
</style>
<script>
(function(){
var SID = 'template--26252930515322__tabs_DR9fgX';
var SPEED = 600;
var AUTOPLAY = false;
var DELAY = 4000;
var current = 0;
var total = 4;
var timer = null;
var busy = false;
function goTo(idx){
if(busy || idx === current) return;
busy = true;
var tabs = document.querySelectorAll('#tb-tabs-'+SID+' .tb-tab-'+SID);
var medias = document.querySelectorAll('#tb-media-'+SID+' .tb-media-'+SID);
var labels = document.querySelectorAll('#tb-tabs-'+SID+' .tb-label-'+SID);
var contents= document.querySelectorAll('#tb-tabs-'+SID+' .tb-content-'+SID);
/* Désactiver l'ancien */
if(medias[current]){
medias[current].style.opacity = '0';
medias[current].style.transform = 'translateX(-60px)';
medias[current].style.pointerEvents = 'none';
}
if(tabs[current]){
tabs[current].style.borderTopColor = 'transparent';
tabs[current].style.borderTopWidth = '2px';
}
if(labels[current]) labels[current].style.opacity = '0.35';
if(contents[current]){ contents[current].style.maxHeight = '0'; contents[current].style.opacity = '0'; }
current = idx;
/* Activer le nouveau */
if(medias[current]){
medias[current].style.transform = 'translateX(60px)';
requestAnimationFrame(function(){
requestAnimationFrame(function(){
medias[current].style.opacity = '1';
medias[current].style.transform = 'translateX(0)';
medias[current].style.pointerEvents = 'all';
});
});
}
if(tabs[current]){
tabs[current].style.borderTopColor = '#0a0a0a';
tabs[current].style.borderTopWidth = '2px';
}
if(labels[current]) labels[current].style.opacity = '1';
if(contents[current]){ contents[current].style.maxHeight = '200px'; contents[current].style.opacity = '1'; }
setTimeout(function(){ busy = false; }, SPEED + 50);
}
function startAuto(){
if(!AUTOPLAY) return;
stopAuto();
timer = setInterval(function(){ goTo((current+1)%total); }, DELAY);
}
function stopAuto(){ if(timer){ clearInterval(timer); timer=null; } }
document.addEventListener('DOMContentLoaded', function(){
var tabs = document.querySelectorAll('#tb-tabs-'+SID+' .tb-tab-'+SID);
tabs.forEach(function(tab){
tab.addEventListener('click', function(){
stopAuto();
goTo(parseInt(tab.dataset.index));
startAuto();
});
});
var media = document.getElementById('tb-media-'+SID);
if(media){
media.addEventListener('mouseenter', stopAuto);
media.addEventListener('mouseleave', startAuto);
}
startAuto();
});
})();
</script>
</section><section id="shopify-section-template--26252930515322__histoiresection_rz8HmA" class="shopify-section junolia-histoire">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Chivo:wght@400;700;900&family=Geist:wght@300;400;500&display=swap" rel="stylesheet"><style>
#histoire-template--26252930515322__histoiresection_rz8HmA {
background: #246803;
border-radius: 20px;
padding: 56px 56px;
font-family: 'Geist', sans-serif;
position: relative;
overflow: hidden;
box-sizing: border-box;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .hist-section-title {
font-family: 'Chivo', sans-serif;
font-size: 52px;
font-weight: 900;
color: #ffffff;
text-transform: uppercase;
letter-spacing: -0.01em;
text-align: center;
margin-bottom: 44px;
line-height: 1.1;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .timeline-row {
display: flex;
align-items: flex-start;
justify-content: center;
position: relative;
margin-bottom: 36px;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .tl-track {
position: absolute;
top: 22px;
left: 50%;
transform: translateX(-50%);
width: calc(100% - 80px);
height: 2px;
background: #ffffff;
opacity: 0.25;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .tl-progress {
position: absolute;
top: 0; left: 0;
height: 100%;
background: #ffffff;
opacity: 1;
transition: width 0.5s ease;
width: 0%;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .tl-step {
flex: 1;
display: flex;
flex-direction: column;
align-items: center;
position: relative;
z-index: 2;
cursor: pointer;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .tl-dot {
width: 44px;
height: 44px;
border-radius: 50%;
border: 2px solid #ffffff;
background: #246803;
display: flex;
align-items: center;
justify-content: center;
font-family: 'Chivo', sans-serif;
font-size: 13px;
font-weight: 700;
color: #ffffff;
opacity: 0.45;
transition: all 0.4s ease;
margin-bottom: 8px;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .tl-step.active .tl-dot {
background: #ffffff;
color: #246803;
opacity: 1;
border-color: #ffffff;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .tl-step-label {
font-family: 'Chivo', sans-serif;
font-size: 10px;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #ffffff;
opacity: 0.4;
text-align: center;
transition: opacity 0.4s;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .tl-step.active .tl-step-label {
opacity: 0.85;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .content-area {
position: relative;
min-height: 220px;
transition: height 0.4s ease;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .content-panel {
position: absolute;
inset: 0;
opacity: 0;
transform: translateY(14px);
transition: opacity 0.5s ease, transform 0.5s ease;
pointer-events: none;
display: flex;
gap: 40px;
align-items: center;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .content-panel.active {
opacity: 1;
transform: translateY(0);
pointer-events: auto;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .panel-image {
flex-shrink: 0;
width: 220px;
height: 200px;
border-radius: 12px;
overflow: hidden;
background: #ffffff;
opacity: 0.15;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .panel-image img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .panel-image.has-img {
opacity: 1;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .panel-text {
flex: 1;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .panel-tag {
font-family: 'Chivo', sans-serif;
font-size: 11px;
letter-spacing: 0.2em;
text-transform: uppercase;
color: #ffffff99;
margin-bottom: 10px;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .panel-title {
font-family: 'Chivo', sans-serif;
font-size: 26px;
font-weight: 900;
color: #ffffff;
text-transform: uppercase;
line-height: 1.1;
margin-bottom: 14px;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .panel-body {
font-family: 'Geist', sans-serif;
font-size: 14px;
font-weight: 300;
color: #ffffffde;
line-height: 1.8;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .nav-row {
display: flex;
align-items: center;
justify-content: center;
gap: 16px;
margin-top: 32px;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .arrow-btn {
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #ffffff;
background: transparent;
color: #ffffff;
opacity: 0.5;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 16px;
transition: opacity 0.2s;
font-family: sans-serif;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .arrow-btn:hover { opacity: 1; }
#histoire-template--26252930515322__histoiresection_rz8HmA .arrow-btn:disabled { opacity: 0.2; cursor: default; }
#histoire-template--26252930515322__histoiresection_rz8HmA .nav-dots {
display: flex;
gap: 8px;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .nav-dot {
width: 7px;
height: 7px;
border-radius: 50%;
background: #ffffff;
opacity: 0.3;
border: none;
cursor: pointer;
padding: 0;
transition: opacity 0.3s;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .nav-dot.active { opacity: 1; }
/* ── MOBILE ── */
@media (max-width: 640px) {
#histoire-template--26252930515322__histoiresection_rz8HmA {
padding: 32px 20px;
border-radius: 16px;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .hist-section-title {
font-size: 34px;
margin-bottom: 28px;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .tl-dot {
width: 36px;
height: 36px;
font-size: 11px;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .tl-track {
top: 18px;
width: calc(100% - 40px);
}
#histoire-template--26252930515322__histoiresection_rz8HmA .tl-step-label {
font-size: 8px;
letter-spacing: 0.08em;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .content-area {
min-height: unset;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .content-panel {
flex-direction: column;
gap: 20px;
align-items: flex-start;
position: relative;
inset: unset;
display: none;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .content-panel.active {
display: flex;
opacity: 1;
transform: none;
pointer-events: auto;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .panel-image {
width: 100%;
height: 200px;
flex-shrink: unset;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .panel-title {
font-size: 22px;
}
#histoire-template--26252930515322__histoiresection_rz8HmA .panel-body {
font-size: 13px;
}
}
</style>
<div id="histoire-template--26252930515322__histoiresection_rz8HmA"><h2 class="hist-section-title">Notre Histoire</h2><div class="timeline-row">
<div class="tl-track">
<div class="tl-progress" id="tl-prog-template--26252930515322__histoiresection_rz8HmA"></div>
</div><div class="tl-step active" data-step="0" id="tl-step-template--26252930515322__histoiresection_rz8HmA-0" >
<div class="tl-dot">01</div>
<div class="tl-step-label">L'origine</div>
</div><div class="tl-step" data-step="1" id="tl-step-template--26252930515322__histoiresection_rz8HmA-1" >
<div class="tl-dot">02</div>
<div class="tl-step-label">La naissance</div>
</div><div class="tl-step" data-step="2" id="tl-step-template--26252930515322__histoiresection_rz8HmA-2" >
<div class="tl-dot">03</div>
<div class="tl-step-label">L'alliance</div>
</div></div>
<div class="content-area" id="content-area-template--26252930515322__histoiresection_rz8HmA"><div class="content-panel active" id="panel-template--26252930515322__histoiresection_rz8HmA-0"><div class="panel-image has-img">
<img src="//www.junolia.com/cdn/shop/files/1776934250761-fibljwq7vzh.png?v=1776934498&width=600" alt="" loading="lazy">
</div><div class="panel-text"><div class="panel-tag">L'origine</div><div class="panel-title">Tout commence en 2016</div><div class="panel-body">Lors d'un voyage en Espagne , au cœur du pays de l'orange, le fondateur d'Orangoo découvre une culture du jus frais que la France n'a pas encore vraiment adopté. Des machines partout, des fruits de qualité, un rituel quotidien ancré dans les habitudes. Il rentre avec une conviction : ce modèle a sa place ici.</div></div>
</div><div class="content-panel" id="panel-template--26252930515322__histoiresection_rz8HmA-1"><div class="panel-image has-img">
<img src="//www.junolia.com/cdn/shop/files/Captured_ecran2026-04-30a14.31.09.png?v=1779198667&width=600" alt="Smart essential pro — Presse-agrumes professionnel Zumex | Orangoo x Junolia" loading="lazy">
</div><div class="panel-text"><div class="panel-title">Une formule simple, clé en main</div><div class="panel-body">Orangoo naît de cette idée simple. Pas de vente de machines à crédit, pas de stock de fruits à gérer seul une formule complète, clé en main. Premiers en France à proposer la mise à disposition tout inclus, nous avons construit notre réputation sur la fiabilité, la proximité et la qualité du service.</div></div>
</div><div class="content-panel" id="panel-template--26252930515322__histoiresection_rz8HmA-2"><div class="panel-image has-img">
<img src="//www.junolia.com/cdn/shop/files/Presse-Agrume-Zumex-Soul-Serie-2-Zumex-83654547.jpg?v=1746277740&width=600" alt="Presse-Agrume Zumex Soul Serie 2 sur un meuble de restaurant" loading="lazy">
</div><div class="panel-text"><div class="panel-title">Orangoo x Junolia</div><div class="panel-body">Aujourd'hui, Orangoo s'associe à Junolia pour aller plus loin élargir l'offre, renforcer la présence terrain, et proposer à chaque établissement, de la boulangerie de quartier à l'hôtel 5 étoiles, la solution qui lui correspond vraiment.</div></div>
</div></div>
<div class="nav-row">
<button class="arrow-btn" id="prev-template--26252930515322__histoiresection_rz8HmA" aria-label="Étape précédente" disabled>←</button>
<div class="nav-dots" id="nav-dots-template--26252930515322__histoiresection_rz8HmA"><button class="nav-dot active" data-step="0" aria-label="Étape 1"></button><button class="nav-dot" data-step="1" aria-label="Étape 2"></button><button class="nav-dot" data-step="2" aria-label="Étape 3"></button></div>
<button class="arrow-btn" id="next-template--26252930515322__histoiresection_rz8HmA" aria-label="Étape suivante">→</button>
</div>
</div>
<script>
(function(){
var id = 'template--26252930515322__histoiresection_rz8HmA';
var total = 3;
var cur = 0;
var isMobile = window.innerWidth <= 640;
var steps = document.querySelectorAll('#histoire-' + id + ' .tl-step');
var panels = document.querySelectorAll('#histoire-' + id + ' .content-panel');
var dots = document.querySelectorAll('#histoire-' + id + ' .nav-dot');
var prog = document.getElementById('tl-prog-' + id);
var btnPrev = document.getElementById('prev-' + id);
var btnNext = document.getElementById('next-' + id);
var area = document.getElementById('content-area-' + id);
function progWidth(s) {
if (total <= 1) return '100%';
return (s / (total - 1) * 100) + '%';
}
function updateHeight() {
isMobile = window.innerWidth <= 640;
if (isMobile) {
area.style.height = 'auto';
return;
}
var activePanel = panels[cur];
area.style.height = activePanel.scrollHeight + 'px';
}
function go(n) {
if (n < 0 || n >= total) return;
steps[cur].classList.remove('active');
panels[cur].classList.remove('active');
dots[cur].classList.remove('active');
cur = n;
steps[cur].classList.add('active');
panels[cur].classList.add('active');
dots[cur].classList.add('active');
prog.style.width = progWidth(cur);
btnPrev.disabled = cur === 0;
btnNext.disabled = cur === total - 1;
setTimeout(updateHeight, 50);
}
steps.forEach(function(st) {
st.addEventListener('click', function() { go(parseInt(st.dataset.step)); });
});
dots.forEach(function(d) {
d.addEventListener('click', function() { go(parseInt(d.dataset.step)); });
});
btnPrev.addEventListener('click', function() { go(cur - 1); });
btnNext.addEventListener('click', function() { go(cur + 1); });
window.addEventListener('resize', updateHeight);
prog.style.width = '0%';
btnPrev.disabled = true;
setTimeout(updateHeight, 100);
})();
</script>
</section><section id="shopify-section-template--26252930515322__advice_THF3Gd" class="shopify-section jav-section-wrapper"><div id="javtemplate--26252930515322__advice_THF3Gd" style="width:100%;background:#f0f0f0;padding:80px 40px 80px;box-sizing:border-box;overflow:hidden;">
<div style="max-width:1200px;margin:0 auto;">
<!-- HEADER --><div style="text-align:center;margin-bottom:52px;"><div style="font-size:11px;font-weight:600;letter-spacing:2.5px;text-transform:uppercase;color:#e86a1a;margin-bottom:12px;">Témoignages</div><h2 style="font-size:clamp(24px,4vw,46px);font-weight:700;color:#111111;margin:0 0 14px;line-height:1.2;">Ce que disent nos clients</h2><p style="font-size:16px;color:#888888;margin:0 auto;line-height:1.65;max-width:560px;">Des centaines de professionnels CHR nous font confiance.</p><!-- Note globale --><div style="display:flex;align-items:center;justify-content:center;gap:12px;margin-top:20px;">
<div style="display:flex;gap:3px;"><svg width="20" height="20" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg width="20" height="20" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg width="20" height="20" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg width="20" height="20" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg width="20" height="20" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg></div>
<span style="font-size:15px;font-weight:700;color:#111111;">4.9/5</span>
<span style="font-size:13px;color:#888888;">— 127 avis vérifiés</span>
</div></div><!-- CAROUSEL WRAPPER -->
<div style="position:relative;">
<!-- Dégradé bords --><div style="position:absolute;left:0;top:0;bottom:0;width:80px;background:linear-gradient(to right,#f0f0f0,transparent);z-index:3;pointer-events:none;"></div>
<div style="position:absolute;right:0;top:0;bottom:0;width:80px;background:linear-gradient(to left,#f0f0f0,transparent);z-index:3;pointer-events:none;"></div><!-- TRACK -->
<div id="javtemplate--26252930515322__advice_THF3Gd-track" style="display:flex;gap:20px;overflow-x:auto;padding:12px 4px 20px;scrollbar-width:none;-ms-overflow-style:none;cursor:grab;user-select:none;-webkit-overflow-scrolling:touch;"><div
class="javtemplate--26252930515322__advice_THF3Gd-card"
style="flex-shrink:0;width:340px;background:#f8f8f6;border:0.5px solid #e8e8e4;border-radius:16px;padding:28px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;transition:transform 0.3s,box-shadow 0.3s;"
onmouseenter="this.style.transform='translateY(-4px)';this.style.boxShadow='0 16px 48px rgba(0,0,0,0.1)'"
onmouseleave="this.style.transform='translateY(0)';this.style.boxShadow='none'"
>
<!-- ÉTOILES -->
<div style="display:flex;gap:3px;align-items:center;"><svg width="16" height="16" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg width="16" height="16" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg width="16" height="16" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg width="16" height="16" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg width="16" height="16" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><span style="font-size:11px;font-weight:600;color:#888888;margin-left:4px;">5/5</span>
</div>
<!-- CITATION --><div style="position:relative;">
<span style="font-size:48px;line-height:0.5;color:#e86a1a;opacity:0.2;font-family:Georgia,serif;display:block;margin-bottom:4px;">"</span>
<p style="font-size:14px;color:#333333;line-height:1.65;margin:0;font-style:italic;">Installation en moins d'une heure, machine silencieuse et efficace. L'équipe Junolia est très réactive. Je recommande à 100%.</p>
</div><!-- AUTEUR -->
<div style="margin-top:auto;display:flex;align-items:center;gap:12px;padding-top:14px;border-top:0.5px solid #e8e8e4;">
<!-- Avatar --><div style="width:40px;height:40px;border-radius:50%;background:#e86a1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;">
<span style="font-size:16px;font-weight:700;color:#ffffff;">T</span>
</div><div style="min-width:0;"><div style="font-size:13px;font-weight:700;color:#333333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Thomas Bernard</div><div style="display:flex;align-items:center;gap:6px;flex-wrap:wrap;"><span style="font-size:11px;color:#888888;">Chef barista</span><span style="font-size:11px;color:#e86a1a;font-weight:600;">· Café Lumière, Paris</span></div><div style="display:inline-flex;align-items:center;gap:3px;margin-top:3px;">
<svg width="11" height="11" viewbox="0 0 24 24" fill="#e86a1a"><path d="M9 12l2 2 4-4M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/></svg>
<span style="font-size:10px;color:#e86a1a;font-weight:600;">Avis vérifié</span>
</div></div>
<!-- Date --><span style="font-size:10px;color:#888888;margin-left:auto;flex-shrink:0;">Avr. 2026</span></div>
<!-- Machine achetée --><div style="background:rgba(232, 106, 26, 0.08);border-radius:6px;padding:7px 12px;display:inline-flex;align-items:center;gap:6px;">
<svg width="12" height="12" viewbox="0 0 24 24" fill="none"><path d="M9 12l2 2 4-4" stroke="#e86a1a" stroke-width="1.8" stroke-linecap="round"/><circle cx="12" cy="12" r="9" stroke="#e86a1a" stroke-width="1.4"/></svg>
<span style="font-size:11px;font-weight:600;color:#e86a1a;">Zumex Essential Pro</span>
</div></div><div
class="javtemplate--26252930515322__advice_THF3Gd-card"
style="flex-shrink:0;width:340px;background:#f8f8f6;border:0.5px solid #e8e8e4;border-radius:16px;padding:28px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;transition:transform 0.3s,box-shadow 0.3s;"
onmouseenter="this.style.transform='translateY(-4px)';this.style.boxShadow='0 16px 48px rgba(0,0,0,0.1)'"
onmouseleave="this.style.transform='translateY(0)';this.style.boxShadow='none'"
>
<!-- ÉTOILES -->
<div style="display:flex;gap:3px;align-items:center;"><svg width="16" height="16" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg width="16" height="16" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg width="16" height="16" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg width="16" height="16" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg width="16" height="16" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><span style="font-size:11px;font-weight:600;color:#888888;margin-left:4px;">5/5</span>
</div>
<!-- CITATION --><div style="position:relative;">
<span style="font-size:48px;line-height:0.5;color:#e86a1a;opacity:0.2;font-family:Georgia,serif;display:block;margin-bottom:4px;">"</span>
<p style="font-size:14px;color:#333333;line-height:1.65;margin:0;font-style:italic;">Nous avons opté pour la LOA et c'est la meilleure décision. Zéro souci depuis 8 mois, le SAV est réactif et professionnel.</p>
</div><!-- AUTEUR -->
<div style="margin-top:auto;display:flex;align-items:center;gap:12px;padding-top:14px;border-top:0.5px solid #e8e8e4;">
<!-- Avatar --><div style="width:40px;height:40px;border-radius:50%;background:#e86a1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;">
<span style="font-size:16px;font-weight:700;color:#ffffff;">S</span>
</div><div style="min-width:0;"><div style="font-size:13px;font-weight:700;color:#333333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Sophie Martin</div><div style="display:flex;align-items:center;gap:6px;flex-wrap:wrap;"><span style="font-size:11px;color:#888888;">Directrice F&B</span><span style="font-size:11px;color:#e86a1a;font-weight:600;">· Hôtel Méridien, Bordeaux</span></div><div style="display:inline-flex;align-items:center;gap:3px;margin-top:3px;">
<svg width="11" height="11" viewbox="0 0 24 24" fill="#e86a1a"><path d="M9 12l2 2 4-4M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/></svg>
<span style="font-size:10px;color:#e86a1a;font-weight:600;">Avis vérifié</span>
</div></div>
<!-- Date --><span style="font-size:10px;color:#888888;margin-left:auto;flex-shrink:0;">Mar. 2026</span></div>
<!-- Machine achetée --><div style="background:rgba(232, 106, 26, 0.08);border-radius:6px;padding:7px 12px;display:inline-flex;align-items:center;gap:6px;">
<svg width="12" height="12" viewbox="0 0 24 24" fill="none"><path d="M9 12l2 2 4-4" stroke="#e86a1a" stroke-width="1.8" stroke-linecap="round"/><circle cx="12" cy="12" r="9" stroke="#e86a1a" stroke-width="1.4"/></svg>
<span style="font-size:11px;font-weight:600;color:#e86a1a;">Zumex Speed Up</span>
</div></div><div
class="javtemplate--26252930515322__advice_THF3Gd-card"
style="flex-shrink:0;width:340px;background:#f8f8f6;border:0.5px solid #e8e8e4;border-radius:16px;padding:28px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;transition:transform 0.3s,box-shadow 0.3s;"
onmouseenter="this.style.transform='translateY(-4px)';this.style.boxShadow='0 16px 48px rgba(0,0,0,0.1)'"
onmouseleave="this.style.transform='translateY(0)';this.style.boxShadow='none'"
>
<!-- ÉTOILES -->
<div style="display:flex;gap:3px;align-items:center;"><svg width="16" height="16" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg width="16" height="16" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg width="16" height="16" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg width="16" height="16" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg width="16" height="16" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><span style="font-size:11px;font-weight:600;color:#888888;margin-left:4px;">5/5</span>
</div>
<!-- CITATION --><div style="position:relative;">
<span style="font-size:48px;line-height:0.5;color:#e86a1a;opacity:0.2;font-family:Georgia,serif;display:block;margin-bottom:4px;">"</span>
<p style="font-size:14px;color:#333333;line-height:1.65;margin:0;font-style:italic;">Le Junogrume est parfait pour notre usage. Robuste, facile à nettoyer et le jus est vraiment délicieux. Nos clients adorent.</p>
</div><!-- AUTEUR -->
<div style="margin-top:auto;display:flex;align-items:center;gap:12px;padding-top:14px;border-top:0.5px solid #e8e8e4;">
<!-- Avatar --><div style="width:40px;height:40px;border-radius:50%;background:#e86a1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;">
<span style="font-size:16px;font-weight:700;color:#ffffff;">P</span>
</div><div style="min-width:0;"><div style="font-size:13px;font-weight:700;color:#333333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Pierre Durand</div><div style="display:flex;align-items:center;gap:6px;flex-wrap:wrap;"><span style="font-size:11px;color:#888888;">Gérant</span><span style="font-size:11px;color:#e86a1a;font-weight:600;">· Brasserie du Soleil, Marseille</span></div><div style="display:inline-flex;align-items:center;gap:3px;margin-top:3px;">
<svg width="11" height="11" viewbox="0 0 24 24" fill="#e86a1a"><path d="M9 12l2 2 4-4M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/></svg>
<span style="font-size:10px;color:#e86a1a;font-weight:600;">Avis vérifié</span>
</div></div>
<!-- Date --><span style="font-size:10px;color:#888888;margin-left:auto;flex-shrink:0;">Fév. 2026</span></div>
<!-- Machine achetée --><div style="background:rgba(232, 106, 26, 0.08);border-radius:6px;padding:7px 12px;display:inline-flex;align-items:center;gap:6px;">
<svg width="12" height="12" viewbox="0 0 24 24" fill="none"><path d="M9 12l2 2 4-4" stroke="#e86a1a" stroke-width="1.8" stroke-linecap="round"/><circle cx="12" cy="12" r="9" stroke="#e86a1a" stroke-width="1.4"/></svg>
<span style="font-size:11px;font-weight:600;color:#e86a1a;">Junogrume</span>
</div></div><div
class="javtemplate--26252930515322__advice_THF3Gd-card"
style="flex-shrink:0;width:340px;background:#f8f8f6;border:0.5px solid #e8e8e4;border-radius:16px;padding:28px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;transition:transform 0.3s,box-shadow 0.3s;"
onmouseenter="this.style.transform='translateY(-4px)';this.style.boxShadow='0 16px 48px rgba(0,0,0,0.1)'"
onmouseleave="this.style.transform='translateY(0)';this.style.boxShadow='none'"
>
<!-- ÉTOILES -->
<div style="display:flex;gap:3px;align-items:center;"><svg width="16" height="16" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg width="16" height="16" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg width="16" height="16" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg width="16" height="16" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg width="16" height="16" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><span style="font-size:11px;font-weight:600;color:#888888;margin-left:4px;">5/5</span>
</div>
<!-- CITATION --><div style="position:relative;">
<span style="font-size:48px;line-height:0.5;color:#e86a1a;opacity:0.2;font-family:Georgia,serif;display:block;margin-bottom:4px;">"</span>
<p style="font-size:14px;color:#333333;line-height:1.65;margin:0;font-style:italic;">Revendeur officiel Zumex avec des prix compétitifs et un accompagnement de qualité. Je ne ferai plus appel à quelqu'un d'autre.</p>
</div><!-- AUTEUR -->
<div style="margin-top:auto;display:flex;align-items:center;gap:12px;padding-top:14px;border-top:0.5px solid #e8e8e4;">
<!-- Avatar --><div style="width:40px;height:40px;border-radius:50%;background:#e86a1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;">
<span style="font-size:16px;font-weight:700;color:#ffffff;">J</span>
</div><div style="min-width:0;"><div style="font-size:13px;font-weight:700;color:#333333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Julie Leclerc</div><div style="display:flex;align-items:center;gap:6px;flex-wrap:wrap;"><span style="font-size:11px;color:#888888;">Responsable achats</span><span style="font-size:11px;color:#e86a1a;font-weight:600;">· Groupe Accor, France</span></div><div style="display:inline-flex;align-items:center;gap:3px;margin-top:3px;">
<svg width="11" height="11" viewbox="0 0 24 24" fill="#e86a1a"><path d="M9 12l2 2 4-4M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/></svg>
<span style="font-size:10px;color:#e86a1a;font-weight:600;">Avis vérifié</span>
</div></div>
<!-- Date --><span style="font-size:10px;color:#888888;margin-left:auto;flex-shrink:0;">Jan. 2026</span></div>
<!-- Machine achetée --><div style="background:rgba(232, 106, 26, 0.08);border-radius:6px;padding:7px 12px;display:inline-flex;align-items:center;gap:6px;">
<svg width="12" height="12" viewbox="0 0 24 24" fill="none"><path d="M9 12l2 2 4-4" stroke="#e86a1a" stroke-width="1.8" stroke-linecap="round"/><circle cx="12" cy="12" r="9" stroke="#e86a1a" stroke-width="1.4"/></svg>
<span style="font-size:11px;font-weight:600;color:#e86a1a;">Zumex Versatile Pro</span>
</div></div><div
class="javtemplate--26252930515322__advice_THF3Gd-card"
style="flex-shrink:0;width:340px;background:#f8f8f6;border:0.5px solid #e8e8e4;border-radius:16px;padding:28px;box-sizing:border-box;display:flex;flex-direction:column;gap:14px;transition:transform 0.3s,box-shadow 0.3s;"
onmouseenter="this.style.transform='translateY(-4px)';this.style.boxShadow='0 16px 48px rgba(0,0,0,0.1)'"
onmouseleave="this.style.transform='translateY(0)';this.style.boxShadow='none'"
>
<!-- ÉTOILES -->
<div style="display:flex;gap:3px;align-items:center;"><svg width="16" height="16" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg width="16" height="16" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg width="16" height="16" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg width="16" height="16" viewbox="0 0 24 24" fill="#f5a623"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z"/></svg><svg width="16" height="16" viewbox="0 0 24 24" fill="none"><path d="M12 2l3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z" stroke="#f5a623" stroke-width="1.5"/></svg><span style="font-size:11px;font-weight:600;color:#888888;margin-left:4px;">4/5</span>
</div>
<!-- CITATION --><div style="position:relative;">
<span style="font-size:48px;line-height:0.5;color:#e86a1a;opacity:0.2;font-family:Georgia,serif;display:block;margin-bottom:4px;">"</span>
<p style="font-size:14px;color:#333333;line-height:1.65;margin:0;font-style:italic;">Très bon rapport qualité/prix pour la mise à disposition. Livraison rapide et équipe sympathique.</p>
</div><!-- AUTEUR -->
<div style="margin-top:auto;display:flex;align-items:center;gap:12px;padding-top:14px;border-top:0.5px solid #e8e8e4;">
<!-- Avatar --><div style="width:40px;height:40px;border-radius:50%;background:#e86a1a;display:flex;align-items:center;justify-content:center;flex-shrink:0;">
<span style="font-size:16px;font-weight:700;color:#ffffff;">M</span>
</div><div style="min-width:0;"><div style="font-size:13px;font-weight:700;color:#333333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;">Marc Petit</div><div style="display:flex;align-items:center;gap:6px;flex-wrap:wrap;"><span style="font-size:11px;color:#888888;">Propriétaire</span><span style="font-size:11px;color:#e86a1a;font-weight:600;">· Le Zinc, Nantes</span></div><div style="display:inline-flex;align-items:center;gap:3px;margin-top:3px;">
<svg width="11" height="11" viewbox="0 0 24 24" fill="#e86a1a"><path d="M9 12l2 2 4-4M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z"/></svg>
<span style="font-size:10px;color:#e86a1a;font-weight:600;">Avis vérifié</span>
</div></div>
<!-- Date --><span style="font-size:10px;color:#888888;margin-left:auto;flex-shrink:0;">Déc. 2025</span></div>
<!-- Machine achetée --><div style="background:rgba(232, 106, 26, 0.08);border-radius:6px;padding:7px 12px;display:inline-flex;align-items:center;gap:6px;">
<svg width="12" height="12" viewbox="0 0 24 24" fill="none"><path d="M9 12l2 2 4-4" stroke="#e86a1a" stroke-width="1.8" stroke-linecap="round"/><circle cx="12" cy="12" r="9" stroke="#e86a1a" stroke-width="1.4"/></svg>
<span style="font-size:11px;font-weight:600;color:#e86a1a;">Zumex Essential Basic</span>
</div></div></div>
</div>
<!-- NAVIGATION --><div style="display:flex;align-items:center;justify-content:center;gap:16px;margin-top:32px;">
<button id="javtemplate--26252930515322__advice_THF3Gd-prev" style="width:44px;height:44px;border-radius:50%;border:0.5px solid #e8e8e4;background:#f0f0f0;color:#111111;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;">‹</button>
<div id="javtemplate--26252930515322__advice_THF3Gd-dots" style="display:flex;gap:7px;align-items:center;"></div>
<button id="javtemplate--26252930515322__advice_THF3Gd-next" style="width:44px;height:44px;border-radius:50%;border:0.5px solid #e8e8e4;background:#f0f0f0;color:#111111;font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s;">›</button>
</div></div>
</div>
<style>
#javtemplate--26252930515322__advice_THF3Gd-track::-webkit-scrollbar { display: none; }
@media (max-width: 640px) {
#javtemplate--26252930515322__advice_THF3Gd-track > div { width: 85vw !important; }
}
</style>
<script>
(function(){
var sid = 'javtemplate--26252930515322__advice_THF3Gd';
var track = document.getElementById(sid+'-track');
var prev = document.getElementById(sid+'-prev');
var next = document.getElementById(sid+'-next');
var dotsEl = document.getElementById(sid+'-dots');
if(!track) return;
var CARD_W = 340;
var CARD_GAP = 20;
var STEP = CARD_W + CARD_GAP;
var AUTOPLAY = false;
var SPEED = 4000;
var ACCENT = '#e86a1a';
var cards = Array.from(track.querySelectorAll('.'+sid+'-card'));
var total = cards.length;
var timer = null;
var isDrag = false;
var startX = 0;
var scrollL = 0;
/* Dots */
if(dotsEl){
cards.forEach(function(_,i){
var d = document.createElement('div');
d.style.cssText = 'width:6px;height:6px;border-radius:3px;background:'+(i===0?ACCENT:'rgba(0,0,0,0.15)')+';transition:all 0.3s;cursor:pointer;';
d.addEventListener('click', function(){ scrollToIdx(i); });
dotsEl.appendChild(d);
});
}
function updateDots(){
if(!dotsEl) return;
var idx = Math.round(track.scrollLeft / STEP);
Array.from(dotsEl.children).forEach(function(d,i){
d.style.width = i===idx ? '20px' : '6px';
d.style.background = i===idx ? ACCENT : 'rgba(0,0,0,0.15)';
});
}
function scrollToIdx(i){ track.scrollTo({left:i*STEP, behavior:'smooth'}); }
function scrollBy(dir){
var vis = Math.max(1, Math.floor(track.clientWidth / STEP));
track.scrollBy({left: dir * vis * STEP, behavior:'smooth'});
}
if(prev) prev.addEventListener('click', function(){ stopAuto(); scrollBy(-1); startAuto(); });
if(next) next.addEventListener('click', function(){ stopAuto(); scrollBy(1); startAuto(); });
track.addEventListener('scroll', updateDots);
/* Drag */
track.addEventListener('mousedown', function(e){
isDrag=true; startX=e.pageX-track.offsetLeft; scrollL=track.scrollLeft;
track.style.cursor='grabbing'; stopAuto();
});
window.addEventListener('mousemove', function(e){
if(!isDrag) return;
track.scrollLeft = scrollL - (e.pageX - track.offsetLeft - startX) * 1.2;
});
window.addEventListener('mouseup', function(){
if(!isDrag) return;
isDrag=false; track.style.cursor='grab'; startAuto();
});
/* Autoplay */
function startAuto(){
if(!AUTOPLAY) return;
stopAuto();
timer = setInterval(function(){
var max = track.scrollWidth - track.clientWidth;
if(track.scrollLeft >= max - 2){ track.scrollTo({left:0,behavior:'smooth'}); }
else { track.scrollBy({left:STEP,behavior:'smooth'}); }
}, SPEED);
}
function stopAuto(){ if(timer){ clearInterval(timer); timer=null; } }
var root = document.getElementById(sid);
if(root){
root.addEventListener('mouseenter', stopAuto);
root.addEventListener('mouseleave', startAuto);
}
updateDots();
startAuto();
})();
</script>
</section>
</main>
<footer>
<!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--26252925665658__footer_QAE7jb" class="shopify-section shopify-section-group-footer-group section-wrapper">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width color-scheme-1"
>
<div
class="footer-content spacing-style"
style=" --padding-block-start: max(20px, calc(var(--spacing-scale) * 46px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 36px)); --footer-gap: 24px; --grid-columns: 0; --last-row-count: 4; --tablet-last-row-count: 2; "
>
</div>
</div>
</div><div id="shopify-section-sections--26252925665658__utilities" class="shopify-section shopify-section-group-footer-group footer-utilities">
<div class="section-background color-scheme-df8a9dde-45f1-4cba-85c7-fa14c97a4d51"></div>
<div
class="section section--page-width color-scheme-df8a9dde-45f1-4cba-85c7-fa14c97a4d51"
>
<div
class="utilities utilities--blocks-2 spacing-style"
style="--padding-block-start: 0px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 36px)); --border-width: 1px; --gap: 24px;"
data-testid="footer-utilities"
>
<div
class="footer-utilities__group-copyright custom-typography custom-font-size"
style="--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);"
>
<span class="footer-utilities__text">
© 2026
<a href="/" title="">Junolia</a>, <a target="_blank" rel="nofollow" href="https://fr.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Commerce électronique propulsé par Shopify</a>
</span>
</div>
<anchored-popover-component
data-hover-triggered="true"
>
<button
class="policy-list-trigger button-unstyled"
popovertarget="terms-policies-popover"
popovertargetaction="toggle"
ref="trigger"
style="--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: uppercase; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);"
>
Conditions générales et politiques
</button>
<div
class="terms-policies-popover color-scheme-1"
id="terms-policies-popover"
popover="auto"
ref="popover"
>
<ul
class="policy_list list-unstyled custom-typography custom-font-size"
><li>
<a
href="/policies/privacy-policy"
class="footer-utilities__text"
>Politique de confidentialité</a>
</li><li>
<a
href="/policies/shipping-policy"
class="footer-utilities__text"
>Politique d’expédition</a>
</li><li>
<a
href="/policies/legal-notice"
class="footer-utilities__text"
>Mentions légales</a>
</li><li>
<a
href="/policies/refund-policy"
class="footer-utilities__text"
>Politique de remboursement</a>
</li><li>
<a
href="/policies/terms-of-service"
class="footer-utilities__text"
>Conditions d’utilisation</a>
</li><li>
<a
href="/policies/contact-information"
class="footer-utilities__text"
>Coordonnées</a>
</li><li>
<a
href="/policies/#shopifyReshowConsentBanner"
class="footer-utilities__text"
>Préférences en matière de cookies</a>
</li></ul>
</div>
</anchored-popover-component>
</div>
</div>
</div><div id="shopify-section-sections--26252925665658__custom_liquid_VWePyG" class="shopify-section shopify-section-group-footer-group">
<div class="section-background color-scheme-1"></div>
<div
class="section section--page-width spacing-style color-scheme-1"
style="--padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; "
>
<div style="text-align: center; padding: 24px 0; font-size: 0.75rem;"><a href="/pages/mentions-legales-et-conditions-dutilisation" style="color: inherit; text-decoration: underline;">Mentions légales et conditions d'utilisation</a></div>
</div>
</div>
<!-- END sections: footer-group -->
</footer>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/dialog.js?v=150888536568694194021777041136"
type="module"
></script>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/predictive-search.js?v=149240552485540508541777041136"
type="module"
fetchpriority="low"
></script>
<dialog-component
id="search-modal"
class="search-modal"
>
<dialog
ref="dialog"
on:click="/closeDialogOnClickOutside"
on:keydown="/closeDialogOnEscapePress"
class="search-modal__content dialog-modal"
scroll-lock
aria-labelledby="search-modal-heading"
>
<h2
id="search-modal-heading"
class="visually-hidden"
>
Rechercher
</h2>
<predictive-search-component
class="predictive-search color-scheme-1"
style="--product-corner-radius: 0px; --card-corner-radius: 0px;"
data-section-id="predictive-search"
data-testid="search-component--modal"
role="search"
aria-label="Rechercher"
>
<form
action="/search"
method="get"
role="search"
class="predictive-search-form"
ref="form"
on:keydown="/onSearchKeyDown"
>
<div
class="predictive-search-form__header"
>
<div class="predictive-search-form__header-inner">
<label
for="cmdk-input"
class="visually-hidden"
>Rechercher</label>
<input
class="search-input"
id="cmdk-input"
type="search"
name="q"
role="combobox"
aria-expanded="false"
aria-owns="predictive-search-results"
aria-controls="predictive-search-results"
aria-haspopup="listbox"
aria-autocomplete="list"
autocomplete="off"
placeholder="Rechercher"
ref="searchInput"
on:input="/search"
on:keydown="/onSearchKeyDown"
>
<input
name="options[prefix]"
type="hidden"
value="last"
>
<span class="svg-wrapper predictive-search__icon">
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg>
</span>
<button
type="button"
class="button-unstyled predictive-search__reset-button"
ref="resetButton"
hidden
on:click="/resetSearch"
>
Effacer
</button>
</div>
<button
type="button"
class="button predictive-search__close-modal-button"
aria-label="Fermer la boîte de dialogue"
on:click="dialog-component/closeDialog"
ref="closeModalButton"
>
<span class="svg-wrapper">
<svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<div class="predictive-search-form__content-wrapper">
<div
class="predictive-search-form__content"
ref="predictiveSearchResults"
on:click="/handleModalClick"
>
<div
id="predictive-search-results"
class="predictive-search-dropdown"
role="listbox"
aria-expanded="true"
style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
>
<div class="predictive-search-results__inner">
<div
id="predictive-search-products"
class="predictive-search-results__products"
data-testid="products-list-default--modal"
>
<h4 class="predictive-search-results__title">
Produits
</h4>
<ul
class="predictive-search-results__list predictive-search-results__wrapper-products list-unstyled"
>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-card-link
data-product-id="16099930374522"
data-featured-media-url=""
data-product-transition="true"
on:click="/handleViewTransition"
><div
class="resource-card"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/acc-1step-kit-l-speed-s-plusplus"
>
<span class="visually-hidden">
1Step Kit L Speed S +plus · Réf. 07943 · SPS
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
ref="cardGallery"
data-view-transition-to-main-product
>
<div
aria-hidden="true"
class="resource-card__image-placeholder"
>1Step Kit L Speed S +plus · Réf. 07943 · SPS</div></div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">1Step Kit L Speed S +plus · Réf. 07943 · SPS</p>
<div ref="priceContainer">
<div
class="price__regular"
>
<span class="price">€980,00</span>
<span class="price-ht-label"> HT</span>
</div>
<div
class="price__sale price__hidden"
>
<span class="price-item__group">
<span class="visually-hidden">Prix régulier </span>
<span class="price-item--regular compare-at-price"></span>
</span>
<span class="price-item__group">
<span class="visually-hidden">Prix promotionnel </span>
<span class="price-item--sale price">€980,00</span>
<span class="price-ht-label"> HT</span>
</span>
</div>
<div class="price-ttc-line">
€1.176,00 TTC
</div>
</div>
</div>
</div></product-card-link>
</li>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-card-link
data-product-id="16099930407290"
data-featured-media-url=""
data-product-transition="true"
on:click="/handleViewTransition"
><div
class="resource-card"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/acc-1step-kit-s-speed-s-plusplus"
>
<span class="visually-hidden">
1Step Kit S Speed S +plus · Réf. 07942 · SPS
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
ref="cardGallery"
data-view-transition-to-main-product
>
<div
aria-hidden="true"
class="resource-card__image-placeholder"
>1Step Kit S Speed S +plus · Réf. 07942 · SPS</div></div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">1Step Kit S Speed S +plus · Réf. 07942 · SPS</p>
<div ref="priceContainer">
<div
class="price__regular"
>
<span class="price">€795,00</span>
<span class="price-ht-label"> HT</span>
</div>
<div
class="price__sale price__hidden"
>
<span class="price-item__group">
<span class="visually-hidden">Prix régulier </span>
<span class="price-item--regular compare-at-price"></span>
</span>
<span class="price-item__group">
<span class="visually-hidden">Prix promotionnel </span>
<span class="price-item--sale price">€795,00</span>
<span class="price-ht-label"> HT</span>
</span>
</div>
<div class="price-ttc-line">
€954,00 TTC
</div>
</div>
</div>
</div></product-card-link>
</li>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-card-link
data-product-id="16099930440058"
data-featured-media-url=""
data-product-transition="true"
on:click="/handleViewTransition"
><div
class="resource-card"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/acc-1step-kit-s-versatile-pro-star"
>
<span class="visually-hidden">
1Step Kit S Versatile Pro / Star · Réf. 10006 · VRP
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
ref="cardGallery"
data-view-transition-to-main-product
>
<div
aria-hidden="true"
class="resource-card__image-placeholder"
>1Step Kit S Versatile Pro / Star · Réf. 10006 · VRP</div></div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">1Step Kit S Versatile Pro / Star · Réf. 10006 · VRP</p>
<div ref="priceContainer">
<div
class="price__regular"
>
<span class="price">€825,00</span>
<span class="price-ht-label"> HT</span>
</div>
<div
class="price__sale price__hidden"
>
<span class="price-item__group">
<span class="visually-hidden">Prix régulier </span>
<span class="price-item--regular compare-at-price"></span>
</span>
<span class="price-item__group">
<span class="visually-hidden">Prix promotionnel </span>
<span class="price-item--sale price">€825,00</span>
<span class="price-ht-label"> HT</span>
</span>
</div>
<div class="price-ttc-line">
€990,00 TTC
</div>
</div>
</div>
</div></product-card-link>
</li>
<li
class="predictive-search-results__card predictive-search-results__card--product"
ref="resultsItems[]"
>
<product-card-link
data-product-id="16099930472826"
data-featured-media-url=""
data-product-transition="true"
on:click="/handleViewTransition"
><div
class="resource-card"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/acc-1step-kit-speed-s-plusplus"
>
<span class="visually-hidden">
1Step Kit Speed S +plus · Réf. 07930 · SPS
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
ref="cardGallery"
data-view-transition-to-main-product
>
<div
aria-hidden="true"
class="resource-card__image-placeholder"
>1Step Kit Speed S +plus · Réf. 07930 · SPS</div></div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">1Step Kit Speed S +plus · Réf. 07930 · SPS</p>
<div ref="priceContainer">
<div
class="price__regular"
>
<span class="price">€680,00</span>
<span class="price-ht-label"> HT</span>
</div>
<div
class="price__sale price__hidden"
>
<span class="price-item__group">
<span class="visually-hidden">Prix régulier </span>
<span class="price-item--regular compare-at-price"></span>
</span>
<span class="price-item__group">
<span class="visually-hidden">Prix promotionnel </span>
<span class="price-item--sale price">€680,00</span>
<span class="price-ht-label"> HT</span>
</span>
</div>
<div class="price-ttc-line">
€816,00 TTC
</div>
</div>
</div>
</div></product-card-link>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="predictive-search-form__footer">
<button
class="button predictive-search__search-button"
ref="viewAllButton"
>
Tout afficher
</button>
</div>
</div>
</form>
</predictive-search-component>
</dialog>
</dialog-component>
<script
src="//www.junolia.com/cdn/shop/t/5/assets/gift-card-recipient-form.js?v=129634859299628245901777041136"
type="module"
fetchpriority="low"
></script>
<quick-add-dialog id="quick-add-dialog">
<dialog
class="quick-add-modal dialog-modal color-scheme-1"
ref="dialog"
scroll-lock
>
<button
ref="closeButton"
on:click="/closeDialog"
class="button button-unstyled close-button quick-add-modal__close"
aria-label="Fermer la boîte de dialogue"
><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<div
id="quick-add-modal-content"
class="quick-add-modal__content"
></div>
</dialog>
</quick-add-dialog>
<div id="jf">
<div id="jf-round">
<svg width="20" height="20" viewbox="0 0 48 48" fill="none">
<circle cx="24" cy="24" r="16" fill="rgba(255,255,255,0.25)"/>
<line x1="24" y1="8" x2="24" y2="40" stroke="rgba(255,255,255,0.5)" stroke-width="1.2"/>
<line x1="8" y1="24" x2="40" y2="24" stroke="rgba(255,255,255,0.5)" stroke-width="1.2"/>
<line x1="13" y1="13" x2="35" y2="35" stroke="rgba(255,255,255,0.5)" stroke-width="1.2"/>
<line x1="35" y1="13" x2="13" y2="35" stroke="rgba(255,255,255,0.5)" stroke-width="1.2"/>
<circle cx="24" cy="24" r="2.5" fill="rgba(255,255,255,0.7)"/>
<path d="M24 7 Q27 3 29 5 Q25 7 24 7Z" fill="#4caf50"/>
</svg>
<span id="jf-pulse"></span>
</div>
<div id="jf-pill">
<a href="/pages/contact" id="jf-link">Demander un devis</a>
</div>
</div>
<style>
#jf {
display: flex;
align-items: center;
cursor: move;
position: fixed;
bottom: 24px;
right: 16px;
z-index: 2147483647;
}
#jf-round {
width: 42px;
height: 42px;
border-radius: 50%;
background: #e86a1a;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
position: relative;
box-shadow: 0 2px 16px rgba(232,106,26,0.5);
}
#jf-pulse {
position: absolute;
inset: -4px;
border-radius: 50%;
border: 2px solid #e86a1a;
animation: jfpulse 2s ease-out infinite;
pointer-events: none;
}
#jf-pill {
background: #0a0e16;
height: 42px;
border-radius: 0 21px 21px 0;
display: flex;
align-items: center;
padding: 0 16px;
margin-left: -3px;
box-shadow: 0 2px 16px rgba(0,0,0,0.3);
}
#jf-link {
color: #ffffff;
font-size: 12px;
font-weight: 600;
text-decoration: underline;
white-space: nowrap;
font-family: sans-serif;
letter-spacing: 0.3px;
}
@keyframes jfpulse {
0% { transform: scale(1); opacity: 0.8; }
100% { transform: scale(1.8); opacity: 0; }
}
@media (max-width: 768px) {
#jf-pill { padding: 0 12px; }
#jf-link { font-size: 11px; }
}
</style>
<script>
(function(){
var el = document.getElementById('jf');
if(!el) return;
/* Force position fixed via JS — contourne les restrictions du thème mobile */
function forceFixed(){
el.style.cssText = [
'position:fixed',
'bottom:24px',
'right:16px',
'z-index:2147483647',
'display:flex',
'align-items:center',
'cursor:move'
].join('!important;') + '!important';
}
forceFixed();
document.addEventListener('DOMContentLoaded', forceFixed);
window.addEventListener('load', forceFixed);
window.addEventListener('scroll', forceFixed);
window.addEventListener('resize', forceFixed);
/* Restaurer position sauvegardée */
try {
var s = JSON.parse(localStorage.getItem('jfpos'));
if(s){
el.style.setProperty('left', s.x+'px', 'important');
el.style.setProperty('top', s.y+'px', 'important');
el.style.setProperty('right', 'auto', 'important');
el.style.setProperty('bottom', 'auto', 'important');
}
} catch(e){}
/* Drag */
var dragging = false;
var ox=0, oy=0, elx=0, ely=0;
function getPos(){ var r=el.getBoundingClientRect(); return {x:r.left,y:r.top}; }
function moveTo(x,y){
x = Math.max(0, Math.min(x, window.innerWidth - el.offsetWidth));
y = Math.max(0, Math.min(y, window.innerHeight - el.offsetHeight));
el.style.setProperty('position', 'fixed', 'important');
el.style.setProperty('left', x+'px', 'important');
el.style.setProperty('top', y+'px', 'important');
el.style.setProperty('right', 'auto', 'important');
el.style.setProperty('bottom', 'auto', 'important');
el.style.setProperty('z-index', '2147483647', 'important');
}
function save(){
try{ localStorage.setItem('jfpos', JSON.stringify(getPos())); }catch(e){}
}
/* Souris */
el.addEventListener('mousedown', function(e){
if(e.target.tagName==='A') return;
dragging=true;
var p=getPos(); elx=p.x; ely=p.y;
ox=e.clientX; oy=e.clientY;
e.preventDefault();
});
window.addEventListener('mousemove', function(e){
if(!dragging) return;
moveTo(elx+e.clientX-ox, ely+e.clientY-oy);
});
window.addEventListener('mouseup', function(){
if(!dragging) return;
dragging=false; save();
});
/* Touch */
el.addEventListener('touchstart', function(e){
if(e.target.tagName==='A') return;
dragging=true;
var p=getPos(); elx=p.x; ely=p.y;
ox=e.touches[0].clientX; oy=e.touches[0].clientY;
e.preventDefault();
},{passive:false});
window.addEventListener('touchmove', function(e){
if(!dragging) return;
moveTo(elx+e.touches[0].clientX-ox, ely+e.touches[0].clientY-oy);
e.preventDefault();
},{passive:false});
window.addEventListener('touchend', function(){
if(!dragging) return;
dragging=false; save();
});
})();
</script>
<script src="//www.junolia.com/cdn/shop/t/5/assets/tiny-img-link-preloader.js?v=161691863847448465861779199497" defer></script>
<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
