<!doctype html>
<html
lang="fr"
>
<head><link
rel="icon"
type="image/png"
href="//www.solarbiolux.eu/cdn/shop/files/logo_solarbiolux.jpg?crop=center&height=32&v=1784839315&width=32"
>
<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="theme-color"
content=""
>
<meta
property="og:site_name"
content="solar bio lux sasu"
>
<meta
property="og:url"
content="https://www.solarbiolux.eu/"
>
<meta
property="og:title"
content="solar bio lux sasu"
>
<meta
property="og:type"
content="website"
>
<meta
property="og:description"
content="solar bio lux sasu"
><meta
name="twitter:card"
content="summary_large_image"
>
<meta
name="twitter:title"
content="solar bio lux sasu"
>
<meta
name="twitter:description"
content="solar bio lux sasu"
>
<title>
solar bio lux sasu
</title>
<link
rel="canonical"
href="https://www.solarbiolux.eu/"
>
<link href="//www.solarbiolux.eu/cdn/shop/t/2/assets/overflow-list.css?v=16727044177065489451784755280" as="style" rel="preload">
<link href="//www.solarbiolux.eu/cdn/shop/t/2/assets/base.css?v=73872111640315507811784755280" rel="stylesheet" type="text/css" media="all" />
<link href="//www.solarbiolux.eu/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
<link href="//www.solarbiolux.eu/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
<link href="//www.solarbiolux.eu/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
<link href="//www.solarbiolux.eu/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2" as="font" type="font/woff2" fetchpriority="low" crossorigin="anonymous" rel="preload">
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
{
"imports": {
"@theme/overflow-list": "//www.solarbiolux.eu/cdn/shop/t/2/assets/overflow-list.js?v=46858356770684902511784755280",
"@theme/component": "//www.solarbiolux.eu/cdn/shop/t/2/assets/component.js?v=175690430936884589731784755280",
"@theme/dialog": "//www.solarbiolux.eu/cdn/shop/t/2/assets/dialog.js?v=144816527575655702281784755280",
"@theme/events": "//www.solarbiolux.eu/cdn/shop/t/2/assets/events.js?v=99399773727497444581784755280",
"@shopify/events": "https://cdn.shopify.com/storefront/standard-events.js",
"@theme/view-event-elements": "//www.solarbiolux.eu/cdn/shop/t/2/assets/view-event-elements.js?v=34258756885466567141784755280",
"@theme/focus": "//www.solarbiolux.eu/cdn/shop/t/2/assets/focus.js?v=60436577539430446401784755280",
"@theme/morph": "//www.solarbiolux.eu/cdn/shop/t/2/assets/morph.js?v=182601902166245204061784755280",
"@theme/paginated-list": "//www.solarbiolux.eu/cdn/shop/t/2/assets/paginated-list.js?v=71290058904108491691784755280",
"@theme/performance": "//www.solarbiolux.eu/cdn/shop/t/2/assets/performance.js?v=171015751390534793081784755280",
"@theme/product-form": "//www.solarbiolux.eu/cdn/shop/t/2/assets/product-form.js?v=156247955454460663281784755280",
"@theme/recently-viewed-products": "//www.solarbiolux.eu/cdn/shop/t/2/assets/recently-viewed-products.js?v=94729125001750262651784755280",
"@theme/scrolling": "//www.solarbiolux.eu/cdn/shop/t/2/assets/scrolling.js?v=162288454571026455011784755280",
"@theme/section-renderer": "//www.solarbiolux.eu/cdn/shop/t/2/assets/section-renderer.js?v=44511745960026958271784755280",
"@theme/section-hydration": "//www.solarbiolux.eu/cdn/shop/t/2/assets/section-hydration.js?v=108434990705342316311784755280",
"@theme/money-formatting": "//www.solarbiolux.eu/cdn/shop/t/2/assets/money-formatting.js?v=160151249720534550011784755280",
"@theme/utilities": "//www.solarbiolux.eu/cdn/shop/t/2/assets/utilities.js?v=45418709732381409691784755280",
"@theme/variant-picker": "//www.solarbiolux.eu/cdn/shop/t/2/assets/variant-picker.js?v=76692244208061220611784755280",
"@theme/variant-resolution": "//www.solarbiolux.eu/cdn/shop/t/2/assets/variant-resolution.js?v=69293302205961280521784755280",
"@theme/media-gallery": "//www.solarbiolux.eu/cdn/shop/t/2/assets/media-gallery.js?v=154207211298275592001784755280",
"@theme/quick-add": "//www.solarbiolux.eu/cdn/shop/t/2/assets/quick-add.js?v=104449947874272868091784755280",
"@theme/paginated-list-aspect-ratio": "//www.solarbiolux.eu/cdn/shop/t/2/assets/paginated-list-aspect-ratio.js?v=25254270272143792451784755280",
"@theme/popover-polyfill": "//www.solarbiolux.eu/cdn/shop/t/2/assets/popover-polyfill.js?v=119029313658895111201784755280",
"@theme/component-quantity-selector": "//www.solarbiolux.eu/cdn/shop/t/2/assets/component-quantity-selector.js?v=67906657287482036641784755280",
"@theme/comparison-slider": "//www.solarbiolux.eu/cdn/shop/t/2/assets/comparison-slider.js?v=106705562947035711941784755280",
"@theme/sticky-add-to-cart": "//www.solarbiolux.eu/cdn/shop/t/2/assets/sticky-add-to-cart.js?v=130489688094345781431784755280",
"@theme/fly-to-cart": "//www.solarbiolux.eu/cdn/shop/t/2/assets/fly-to-cart.js?v=48483246440248933081784755280",
"@theme/scroll-container": "//www.solarbiolux.eu/cdn/shop/t/2/assets/scroll-container.js?v=127018149358875384221784755280",
"@theme/theme-drawer": "//www.solarbiolux.eu/cdn/shop/t/2/assets/theme-drawer.js?v=155110645205299884131784755280"
}
}
</script><script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/standard-actions-override.js?v=171683365447094389611784755280"
type="module"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/page-view-event.js?v=12823247316348680231784755280"
type="module"
defer
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/view-transitions.js?v=116552130480572511441784755280"
async
></script>
<link
rel="modulepreload"
href="//www.solarbiolux.eu/cdn/shop/t/2/assets/utilities.js?v=45418709732381409691784755280"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.solarbiolux.eu/cdn/shop/t/2/assets/component.js?v=175690430936884589731784755280"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.solarbiolux.eu/cdn/shop/t/2/assets/section-renderer.js?v=44511745960026958271784755280"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.solarbiolux.eu/cdn/shop/t/2/assets/section-hydration.js?v=108434990705342316311784755280"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.solarbiolux.eu/cdn/shop/t/2/assets/morph.js?v=182601902166245204061784755280"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.solarbiolux.eu/cdn/shop/t/2/assets/focus.js?v=60436577539430446401784755280"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.solarbiolux.eu/cdn/shop/t/2/assets/recently-viewed-products.js?v=94729125001750262651784755280"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.solarbiolux.eu/cdn/shop/t/2/assets/scrolling.js?v=162288454571026455011784755280"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//www.solarbiolux.eu/cdn/shop/t/2/assets/events.js?v=99399773727497444581784755280"
fetchpriority="low"
>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/popover-polyfill.js?v=119029313658895111201784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/overflow-list.js?v=46858356770684902511784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/quick-add.js?v=104449947874272868091784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/cart-discount.js?v=138990160074728809221784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/dialog.js?v=144816527575655702281784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/variant-picker.js?v=76692244208061220611784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/product-card.js?v=80689566448612614681784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/product-form.js?v=156247955454460663281784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/fly-to-cart.js?v=48483246440248933081784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/accordion-custom.js?v=105323356731531709191784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/media.js?v=37825095869491791421784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/product-price.js?v=179333985604099329921784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/product-sku.js?v=28741104639155857071784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/product-inventory.js?v=7173209571153411411784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/show-more.js?v=94563802205717136101784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/slideshow.js?v=28306258147874261831784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/layered-slideshow.js?v=30135417790894624731784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/anchored-popover.js?v=143987075196095667371784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/floating-panel.js?v=151277338116891310371784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/video-background.js?v=25237992823806706551784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/component-quantity-selector.js?v=67906657287482036641784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/media-gallery.js?v=154207211298275592001784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/rte-formatter.js?v=40306132146590816021784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/volume-pricing.js?v=15442793518842484731784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/price-per-item.js?v=115937180292451397851784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/volume-pricing-info.js?v=94479640769665442661784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/localization.js?v=15585934801240115691784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/auto-close-details.js?v=58350291535404441581784755280"
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: Inter;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//www.solarbiolux.eu/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"),
url("//www.solarbiolux.eu/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//www.solarbiolux.eu/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
url("//www.solarbiolux.eu/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//www.solarbiolux.eu/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"),
url("//www.solarbiolux.eu/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//www.solarbiolux.eu/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
url("//www.solarbiolux.eu/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 500;
font-style: normal;
font-display: swap;
src: url("//www.solarbiolux.eu/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"),
url("//www.solarbiolux.eu/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff");
}
@font-face {
font-family: Inter;
font-weight: 500;
font-style: italic;
font-display: swap;
src: url("//www.solarbiolux.eu/cdn/fonts/inter/inter_i5.4474f48e6ab2b1e01aa2b6d942dd27fa24f2d99f.woff2") format("woff2"),
url("//www.solarbiolux.eu/cdn/fonts/inter/inter_i5.493dbd6ee8e49f4ad722ebb68d92f201af2c2f56.woff") format("woff");
}
:root {
/* Page Layout */
--sidebar-width: 25rem;
--theme-drawer-width: 30rem;
--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: Inter, sans-serif;
--font-body--style: normal;
--font-body--weight: 400;
--font-subheading--family: Inter, sans-serif;
--font-subheading--style: normal;
--font-subheading--weight: 500;
--font-heading--family: Inter, sans-serif;
--font-heading--style: normal;
--font-heading--weight: 700;
--font-accent--family: Inter, 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;
/** 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, 5.6vw, 3.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.75rem;--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-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--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: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose);
/* 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: 0.8;
--opacity-muted-text: 0.6;
--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: 4px;
--style-border-radius-buttons-primary: 14px;
--style-border-radius-buttons-secondary: 14px;
--style-border-width-primary: 0px;
--style-border-width-secondary: 1px;
--style-border-width-inputs: 1px;
--style-border-radius-popover: 14px;
--style-border-popover: 1px solid #DFDFDF;
--style-border-drawer: 1px solid #DFDFDF;
--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: 34;
--variant-picker-swatch-height-unitless: 34;
--variant-picker-swatch-width: 34px;
--variant-picker-swatch-height: 34px;
--variant-picker-swatch-radius: 32px;
--variant-picker-border-width: 1px;
--variant-picker-border-style: solid;
--variant-picker-border-opacity: 10%;
/* Variant Picker Buttons */
--variant-picker-button-radius: 14px;
--variant-picker-button-border-width: 1px;
--variant-option-label-color: var(--color, var(--color-foreground));
/* 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-subheading--family);
--cart-secondary-font-style: var(--font-subheading--style);
--cart-secondary-font-weight: var(--font-subheading--weight);
}
</style>
<style data-shopify>
.color-custom-popover,
.color-custom-popover .text-block {
/* Background */
--color-background: #ffffff;
--color-background-rgb: 255 255 255;
/* Opacity values adjusted for background brightness */
--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; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #000000;
--color-rgb: 0 0 0;
--color-foreground: #000000;
--color-foreground-rgb: 0 0 0;
--color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
--color-border: #DFDFDF;
--color-border-rgb: 223 223 223;
}
.color-custom-popover {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
--input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
--input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
--checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
}
.color-custom-popover {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<style data-shopify>
.color-custom-drawer,
.color-custom-drawer .text-block {
/* Background */
--color-background: #ffffff;
--color-background-rgb: 255 255 255;
/* Opacity values adjusted for background brightness */
--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; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #000000;
--color-rgb: 0 0 0;
--color-foreground: #000000;
--color-foreground-rgb: 0 0 0;
--color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
--color-border: #DFDFDF;
--color-border-rgb: 223 223 223;
}
.color-custom-drawer {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
--input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
--input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
--checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
}
.color-custom-drawer {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<style data-shopify>
.color-custom-badge-sale,
.color-custom-badge-sale .text-block {
/* Background */
--color-background: #ffffff;
--color-background-rgb: 255 255 255;
/* Opacity values adjusted for background brightness */
--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; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #000000;
--color-rgb: 0 0 0;
--color-foreground: #000000;
--color-foreground-rgb: 0 0 0;
--color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
--color-border: #000000;
--color-border-rgb: 0 0 0;
}
.color-custom-badge-sale {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
--input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
--input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
--checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
}
.color-custom-badge-sale {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<style data-shopify>
.color-custom-badge-sold-out,
.color-custom-badge-sold-out .text-block {
/* Background */
--color-background: #eef1ea;
--color-background-rgb: 238 241 234;
/* Opacity values adjusted for background brightness */
--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; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #000000;
--color-rgb: 0 0 0;
--color-foreground: #000000;
--color-foreground-rgb: 0 0 0;
--color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
--color-border: #000000;
--color-border-rgb: 0 0 0;
}
.color-custom-badge-sold-out {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
--input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
--input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
--checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
}
.color-custom-badge-sold-out {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<style data-shopify>
/* Palette colors */
:root {
--color-background: #ffffff;
--color-background-rgb: 255 255 255;
--color-foreground: #000000;
--color-foreground-rgb: 0 0 0;
--color-border: #000000;
--color-border-rgb: 0 0 0;
--palette-lightest: #ffffff;
--palette-lightest-rgb: 255 255 255;
--palette-darkest: #000000;
--palette-darkest-rgb: 0 0 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; --opacity-60: 0.6;
--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-focus-outline: rgb(0 0 0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: #262626;
--color-primary-button-hover-border: #262626;
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.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: rgba(0, 0, 0, 0.15);
--color-secondary-button-hover-border: #262626;
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(51 51 51 / 1.0);
--color-input-text-rgb: 51 51 51;
--color-input-border: rgb(223 223 223 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(223 223 223 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: #f2f2f2;
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: #d2d2d2;
--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-text-rgb: 255 255 255;
--color-selected-variant-hover-background: #262626;
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: #262626;
--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-rgb, var(--color-foreground-rgb)) / var(--opacity-muted-text));
--color-foreground-subdued: rgb(var(--color-rgb, var(--color-foreground-rgb)) / var(--opacity-subdued-text));
--color-drawer-shadow-rgb: ;
--color-popover-shadow-rgb: 0 0 0;
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-popover-shadow-rgb) / var(--opacity-15));
}
body {
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 id="shopify-digital-wallet" name="shopify-digital-wallet" content="/106251256138/digital_wallets/dialog">
<link rel="alternate" hreflang="x-default" href="https://www.solarbiolux.eu/">
<link rel="alternate" hreflang="fr" href="https://www.solarbiolux.eu/">
<link rel="alternate" hreflang="en" href="https://www.solarbiolux.eu/en">
<script async="async" src="/checkouts/internal/preloads.js?locale=fr-FR"></script>
<script id="shopify-features" type="application/json">{"accessToken":"6da22608f7ddaa4fc25aca202fd4fed8","betas":["rich-media-storefront-analytics"],"domain":"www.solarbiolux.eu","predictiveSearch":true,"shopId":106251256138,"locale":"fr"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "xkieif-vh.myshopify.com";
Shopify.locale = "fr";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"Horizon","id":204307628362,"schema_name":"Horizon","schema_version":"4.1.3","theme_store_id":2481,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "www.solarbiolux.eu/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.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.solarbiolux.eu/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js"></script>
<script type="module">
await import("//www.solarbiolux.eu/cdn/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.fr.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true,"experiments":{"f_574743f4a4e7d67652abf981a0b686df":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"],"shop-button":["modules/v2/loader.shop-button.fr.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.fr.esm.js"],"listener":["modules/v2/loader.listener.fr.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.fr.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.fr.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.fr.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.fr.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.fr.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.fr.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.fr.esm.js"],"avatar":["modules/v2/loader.avatar.fr.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.fr.esm.js"],"shop-login":["modules/v2/loader.shop-login.fr.esm.js"],"pay-button":["modules/v2/loader.pay-button.fr.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.fr.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.fr.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.fr.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.fr.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.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 = ["\/\/cdn.shopify.com\/proxy\/80179d0475a57bbd4855e373ce48ed69beaf85e7a1b8393e6027619eacd522c0\/cdn.xodev.app\/syga-cdn\/ga.js?lrsyga=G-LH5HF2MXQ1\u0026shop=xkieif-vh.myshopify.com\u0026sp-cache-control=cHVibGljLCBtYXgtYWdlPTkwMA"];
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":106251256138,"offset":7200,"reqid":"6cb2c30c-69c9-4c78-afe3-a6a80c3be093-1784918853","pageurl":"www.solarbiolux.eu\/","u":"a1717d25c4f3","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.solarbiolux.eu/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//www.solarbiolux.eu/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var 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 (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script><script id="shopify-origin-trials" async="async" integrity="sha256-mqQjA+yhr1DtPsW5MhDIq3zDu+LghfjNT49r/ttG3eY=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-5059b83f.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
<script>
window.Shopify = window.Shopify || {};
window.Shopify.MCP = window.Shopify.MCP || {};
window.Shopify.MCP.enabled = true;
window.Shopify.MCP.shop = "xkieif-vh.myshopify.com";
window.Shopify.MCP.mcpEndpoint = "https:\/\/www.solarbiolux.eu\/api\/mcp";
window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
</script>
<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("https:\/\/cdn.shopify.com\/storefront\/webmcp\/webmcp-0.0.4.js","");})();
</script>
<script id='scb4127' type='text/javascript' async='' src='https://www.solarbiolux.eu/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><link rel="compression-dictionary" href="//www.solarbiolux.eu/cdn/shop/t/2/compiled_assets/styles.css?v=13939544008441373321784799642" crossorigin="anonymous">
<link rel="stylesheet" media="screen" href="//www.solarbiolux.eu/cdn/shop/t/2/compiled_assets/styles.css?v=13939544008441373321784799642&subset=AAAAAAAA0AAAAAgAAAADAAAAYgAACAFANyAAOIAAI8AgBBcEYAGAAQ" crossorigin="anonymous">
<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<!-- BEGIN app block: shopify://apps/lara-google-analytics-ga4/blocks/lara-google-analytics-main-header/6636820f-dfd1-42d6-9b78-e9eb37462308 -->
<!-- Google Analytics GA4 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-LH5HF2MXQ1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-LH5HF2MXQ1');
window.laraGA_loaded = true;
</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: 106251256138,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>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,r=/bytedance/i;function o(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var r=0,o=e.split(";");r<o.length;r++){var d=o[r],t=d.indexOf("=");if(-1!==t){var n=d.slice(0,t).trim();if(n){var i=void 0;try{i=decodeURIComponent(n)}catch(e){i=n}if("_shopify_s"===i){var a=d.slice(t+1).trim();try{return decodeURIComponent(a)}catch(e){return a}}}}}return}catch(e){return}}function d(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}return function(t,n,i,a){var s,c,u,l,f=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{},p=(c=(s={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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-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,u=s.legacy,(l=navigator.userAgent).match(e)?"bot":l.match(c)?"modern":l.match(u)?"legacy":l.match(r)?"bot":"unknown"),h=function(e){var r=e.version,t=e.browserTarget,n=e.surface,i=e.shopId,a=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var c,u=e.status,l=e.errorMsg;if(!a)return d("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{var f=(new Date).getTime();c=JSON.stringify({metadata:{event_sent_at_ms:f},events:[{schema_id:"web_pixels_manager_load/3.2",payload:{version:r,bundle_target:t,page_url:s,status:u,surface:n,error_msg:l,shop_id:i,visit_token:o()},metadata:{event_created_at_ms:f}}]})}catch(e){return!1}var p,h=!1;try{"function"==typeof window.navigator.sendBeacon&&-1===(p=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===p.indexOf("iPad; CPU OS 12_")&&-1===p.indexOf("iPod touch; CPU iPhone OS 12_")&&(h=window.navigator.sendBeacon.bind(window.navigator)(a,c))}catch(e){h=!1}if(h)return!0;try{var m=new XMLHttpRequest;return m.open("POST",a,!0),m.setRequestHeader("Content-Type","text/plain"),m.send(c),!0}catch(e){return d("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:i,browserTarget:p,surface:t.surface,shopId:t.shopId,monorailEndpoint:t.monorailEndpoint});if(Boolean(null==(y=null==(m=window.Shopify)?void 0:m.analytics)?void 0:y.replayQueue))h.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var m,y;h.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var g=window.Shopify;g.analytics=g.analytics||{};var v=g.analytics;v.replayQueue=[],v.publish=function(e,r,o){return v.replayQueue.push([e,r,o]),!0};try{self.performance.mark("wpm:start")}catch(e){}var w,b="modern"===p?"modern":"legacy",P=(null!=a?a:{modern:"",legacy:""})[b],S=[(w={baseUrl:n,hashVersion:i,buildTarget:b}).baseUrl,"/wpm","/b",w.hashVersion,"modern"===w.buildTarget?"m":"l",".js"].join("");try{f.browserTarget=p,O(function(){try{O(_)}catch(e){h.emit({status:"failed",errorMsg:U(e)})}}),h.emit({status:"loading"})}catch(e){h.emit({status:"failed",errorMsg:U(e)})}}function C(){if(!function(){var e,r;return Boolean(null==(r=null==(e=window.Shopify)?void 0:e.analytics)?void 0:r.initialized)}()){var e=window.webPixelsManager.init(t)||void 0;if(e){var r=window.Shopify.analytics;r.replayQueue.forEach(function(r){var o=r[0],d=r[1],t=r[2];e.publishCustomEvent(o,d,t)}),r.replayQueue=[],r.publish=e.publishCustomEvent,r.visitor=e.visitor,r.initialized=!0}}}function _(){return h.emit({status:"failed",errorMsg:"".concat(S," has failed to load")})}function O(e){var r;!function(e){var r=e.src,o=e.async,d=void 0===o||o,t=e.onload,n=e.onerror,i=e.sri,a=e.scriptDataAttributes,s=void 0===a?{}:a,c=document.createElement("script"),u=document.querySelector("head"),l=document.querySelector("body");if(c.async=d,c.src=r,i&&(c.integrity=i,c.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{c.dataset[f]=s[f]}catch(e){}if(t&&c.addEventListener("load",t),n&&c.addEventListener("error",n),u)u.appendChild(c);else{if(!l)throw new Error("Did not find a head or body element to append the script");l.appendChild(c)}}({src:S,async:!0,onload:C,onerror:e,sri:(r=P,"string"==typeof r&&/^sha384-[A-Za-z0-9+/=]+$/.test(r)?P:""),scriptDataAttributes:f})}function U(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 106251256138,storefrontBaseUrl: "https://www.solarbiolux.eu",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://www.solarbiolux.eu/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["d5bdd5d0"],webPixelsConfigList: [{"id":"5266538826","configuration":"{\"pixelCode\":\"D7A6AS3C77U6LQ3S5290\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"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":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0501","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0501","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"solar bio lux sasu","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"xkieif-vh.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/www.solarbiolux.eu"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"15926262530378","handle":"ouvre-bouteille-magnetique-creatif-automatique-clickcap","title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"62792699478346","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://www.solarbiolux.eu/cdn","0b92dcedw658847c9p94194e39m8bc44e9f",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","themeId":"204307628362","themeStoreId":"2481","themePublished":"true","pageType":"home","shopId":"106251256138","storefrontBaseUrl":"https:\/\/www.solarbiolux.eu","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"d5bdd5d0\"]","isMerchantRequest":"false","hashVersion":"0b92dcedw658847c9p94194e39m8bc44e9f","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":"6cb2c30c-69c9-4c78-afe3-a6a80c3be093-1784918853"}};
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: 106251256138,
theme_id: 204307628362,
app_name: "storefront",
context_url: window.location.href,
source_url: "//www.solarbiolux.eu/cdn/s/trekkie.storefront.51e77662fd67e0d47c7238acfeab529dafb90214.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//www.solarbiolux.eu/cdn/s/trekkie.storefront.51e77662fd67e0d47c7238acfeab529dafb90214.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//www.solarbiolux.eu/cdn/s/trekkie.storefront.51e77662fd67e0d47c7238acfeab529dafb90214.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":106251256138,"isMerchantRequest":null,"themeId":204307628362,"themeCityHash":"906069168667990265","contentLanguage":"fr","currency":"EUR","eventMetadataId":"9a933034-7cc7-494f-a871-ee63d79d8a74"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["b5387b81","d5bdd5d0"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"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;
var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
var token = match? match[1]: undefined;
if (!hasLoggedConversion(token)) {
setCookieIfConversion(token);
}
});
window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"6cb2c30c-69c9-4c78-afe3-a6a80c3be093-1784918853","shopifyEmitted":true});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//www.solarbiolux.eu/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://www.solarbiolux.eu/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.7.0.min.js"
data-application="storefront-renderer"
data-shop-id="106251256138"
data-render-region="gcp-europe-west1"
data-page-type="index"
data-theme-instance-id="204307628362"
data-theme-name="Horizon"
data-theme-version="4.1.3"
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.solarbiolux.eu/api/collect"
></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":"106251256138","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":true,"marketingConsentPreselected":false},"visitor":{"country":"FR","language":"fr"}}</script>
<meta name="shopify-y" content="00000000-0000-0000-0000-000000000000">
</head>
<body class="page-width-narrow card-hover-effect-none">
<a
class="skip-to-content-link button-secondary"
href="#MainContent"
>
Ignorer et passer au contenu
</a>
<theme-drawer id="chat-drawer">
<dialog
ref="panel"
class="theme-drawer__dialog chat-drawer"
>
<shopify-chat
mode="standalone"
mode-switch
></shopify-chat>
</dialog>
</theme-drawer>
<script type="module">
const chatDrawer = document.querySelector('#chat-drawer');
const shopifyChat = document.querySelector('shopify-chat');
document.addEventListener('theme-drawer:open', (event) => {
if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return;
shopifyChat?.setAttribute('mode', 'managed');
});
document.addEventListener('theme-drawer:close', (event) => {
if (/** @type {Element} */ (event.target).id !== 'chat-drawer') return;
// If mode is still managed, this is a theme-initiated close (backdrop /
// Escape) — close the chat so the FAB appears. If mode is already
// standalone, the close was triggered by an undock (enter-standalone sets
// mode before closing the drawer) — leave the chat open as a floating panel.
if (shopifyChat?.getAttribute('mode') === 'managed') {
shopifyChat?.removeAttribute('open');
}
shopifyChat?.setAttribute('mode', 'standalone');
});
document.addEventListener('shopify-chat:enter-managed', () => {
// Captured at event-fire time — the dock-transition animation hint below
// depends on state as it was when the event was dispatched.
const isStandaloneAndOpen = shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone';
// The activator-click path (FAB click on desktop with stored
// preferredMode=managed) dispatches enter-managed *before* calling show(),
// so the chat's `open` attribute at event time understates the imminent
// outcome. Defer to a microtask: by then show() (if any) has run, and we
// can distinguish the viewport-driven mobile→desktop transition that left
// a minimized FAB (chat stays closed → don't open an empty drawer) from
// an activator click (chat just opened → open the drawer).
queueMicrotask(() => {
if (!shopifyChat?.hasAttribute('open') && !chatDrawer?.hasAttribute('open')) {
return;
}
chatDrawer?.open?.(isStandaloneAndOpen ? { enter: 'inline-start' } : undefined);
});
});
document.addEventListener('shopify-chat:enter-standalone', () => {
shopifyChat?.setAttribute('mode', 'standalone');
chatDrawer?.close?.();
});
document.addEventListener('shopify-chat:close', () => {
if (shopifyChat?.getAttribute('mode') === 'managed') {
chatDrawer?.close?.();
}
});
document.addEventListener('megaMenu:hover', () => {
if (shopifyChat?.hasAttribute('open') && shopifyChat?.getAttribute('mode') === 'standalone') {
shopifyChat?.removeAttribute('open');
}
});
// After the chat upgrades it self-restores its preferred mode from
// sessionStorage. Reconcile any mismatch with the theme-drawer's state
// — the drawer is the source of truth for which mode the chat should
// be in (open → managed, closed → standalone).
customElements.whenDefined('shopify-chat').then(() => {
const mode = chatDrawer?.hasAttribute('open') ? 'managed' : 'standalone';
if (shopifyChat?.getAttribute('mode') !== mode) {
// When switching managed → standalone (e.g. narrow viewport skipped
// drawer restore), also close the chat so it renders as the FAB
// rather than an open standalone panel.
if (mode === 'standalone' && shopifyChat?.hasAttribute('open')) {
shopifyChat?.removeAttribute('open');
}
shopifyChat?.setAttribute('mode', mode);
}
});
</script>
<div class="page-wrapper">
<div id="header-group">
<!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--31127567499594__header_announcements_9jGBFp" class="shopify-section shopify-section-group-header-group">
<style data-shopify>
.color-custom-sections--31127567499594__header_announcements_9jGBFp,
.color-custom-sections--31127567499594__header_announcements_9jGBFp .text-block {
/* Background */
--color-background: #ffffff;
--color-background-rgb: 255 255 255;
/* Opacity values adjusted for background brightness */
--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; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #000000;
--color-rgb: 0 0 0;
--color-foreground: #000000;
--color-foreground-rgb: 0 0 0;
--color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
--color-border: var(--palette-darkest);
--color-border-rgb: var(--palette-darkest-rgb);
}
.color-custom-sections--31127567499594__header_announcements_9jGBFp {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
--input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
--input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
--checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
}
.color-custom-sections--31127567499594__header_announcements_9jGBFp {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<div class="section-background color-custom-sections--31127567499594__header_announcements_9jGBFp"></div>
<aside
class="announcement-bar spacing-style section section--page-width color-custom-sections--31127567499594__header_announcements_9jGBFp"
style="--padding-block-start: 15px; --padding-block-end:15px; --padding-inline-start:0px; --padding-inline-end:0px;; --border-bottom-width: 1px; --color-border: #DFDFDF;"
>
<announcement-bar-component
class="announcement-bar__slider"
>
<div class="announcement-bar__slides">
<slideshow-slide
ref="slides[]"
class="announcement-bar__slide text-block text-block--AN29JUGU3NWJac1paZ__announcement_BxgCk9 text-block--align-center text-block--full-width custom-typography custom-font-size"
style=" --font-size: 1rem; --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal); --width: 100%; --text-align: center; --line-height: 1; "
aria-hidden="false"
>
<p class="announcement-bar__text">
Livraison gratuite à partir de 50€
</p>
</slideshow-slide>
</div>
</announcement-bar-component>
</aside>
</div><header id="shopify-section-sections--31127567499594__header_section" class="shopify-section shopify-section-group-header-group header-section">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "solar bio lux sasu",
"logo": "https:\/\/www.solarbiolux.eu\/cdn\/shop\/files\/logo_solarbiolux.jpg?v=1784839315\u0026width=500",
"url": "https:\/\/www.solarbiolux.eu"
}
</script>
<header-component
id="header-component"
class="header"
data-theme-color="rgb(255 255 255)"
data-bubble-style="default"
sticky="always"
data-skip-node-update
data-scroll-direction="none"
data-transparent-background="bottom"
style=" --color-background-top-row: rgba(255 255 255 / 1.0); --color-background-bottom-row: rgba(255 255 255 / 1.0); --cart-bubble-background: var(--palette-darkest); --cart-bubble-text: #ffffff; "
>
<div class="header__underlay header__underlay-closed"></div>
<div
class="header__underlay header__underlay-open"
></div><h1 class="visually-hidden">solar bio lux sasu</h1>
<div
class="header__row header__row--top color-#ffffff section section--full-width-margin section--page-width color-custom-top-sections--31127567499594__header_section"
ref="headerRowTop">
<div class="header__columns spacing-style">
<style data-shopify>
.color-custom-top-sections--31127567499594__header_section,
.color-custom-top-sections--31127567499594__header_section .text-block {
/* Background */
--color-background: #ffffff;
--color-background-rgb: 255 255 255;
/* Opacity values adjusted for background brightness */
--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; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #000000;
--color-rgb: 0 0 0;
--color-foreground: #000000;
--color-foreground-rgb: 0 0 0;
--color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
--color-border: var(--palette-darkest);
--color-border-rgb: var(--palette-darkest-rgb);
}
.color-custom-top-sections--31127567499594__header_section {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
--input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
--input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
--checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
}
.color-custom-top-sections--31127567499594__header_section {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</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"
>
<style data-shopify>
.color-custom-AWUpIVkNyMVJJb2w1b__header-menu-1,
.color-custom-AWUpIVkNyMVJJb2w1b__header-menu-1 .text-block {
/* Background */
--color-background: #ffffff;
--color-background-rgb: 255 255 255;
/* Opacity values adjusted for background brightness */
--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; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #000000;
--color-rgb: 0 0 0;
--color-foreground: #000000;
--color-foreground-rgb: 0 0 0;
--color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
--color-border: var(--palette-darkest);
--color-border-rgb: var(--palette-darkest-rgb);
}
.color-custom-AWUpIVkNyMVJJb2w1b__header-menu-1 {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
--input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
--input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
--checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
}
.color-custom-AWUpIVkNyMVJJb2w1b__header-menu-1 {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/header-drawer.js?v=121243031541024704371784755280"
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="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>
</span>
</summary>
<div
ref="menuDrawer"
class="menu-drawer color-custom-AWUpIVkNyMVJJb2w1b__header-menu-1"
>
<button
class="button close-button menu-drawer__close-button focus-inset"
type="button"
aria-label="Fermer"
on:click="/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>
</span>
</button>
<nav
class="menu-drawer__navigation"
style="--menu-top-level-font-family: var(--font-body--family);--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none; --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-body--family); --menu-parent-font-style:var(--font-body--style); --menu-parent-font-weight: var(--font-body--weight); --menu-parent-font-case:none; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: var(--color-foreground-subdued); --menu-parent-active-font-color: var(--color-foreground); --menu-child-font-family: var(--font-body--family); --menu-child-font-style:var(--font-body--style); --menu-child-font-weight: var(--font-body--weight); --menu-child-font-case:none; --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: var(--color-foreground-subdued); "
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-accueil"
href="/"
class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
aria-current="page"
>
<span class="menu-drawer__menu-item-text wrap-text">Accueil</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 2;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-ouvre-bouteille-magnetique-clickcap"
href="/products/ouvre-bouteille-magnetique-creatif-automatique-clickcap"
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">Ouvre-bouteille magnétique CLICKCAP</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 3;"
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: 3;"
>
<drawer-localization-component class="menu-drawer__localization">
<details
id="drawer-localization"
class="drawer-localization"
on:toggle="/toggle"
>
<summary
id="HeaderDrawer-localization"
class="drawer-localization__button h3 focus-inset"
aria-expanded="false"
on:click="header-drawer/open/submenu"
style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<div class="drawer-localization__button--label h6"><div class="mobile-localization mobile-localization--country"><span class="currency-code">EUR</span>
</div><span>/</span><div class="mobile-localization mobile-localization--country">
<span>
FR
</span>
</div></div>
<span class="svg-wrapper icon-caret icon-caret--forward"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
class="menu-drawer__submenu has-submenu color-custom-drawer"
>
<div
class="menu-drawer__nav-buttons"
ref="navButtons"
>
<button
class="button menu-drawer__back-button focus-inset"
on:click="header-drawer/back"
>
<span class="svg-wrapper icon-caret icon-caret--backward"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
Région et langue
</button>
<button
class="button close-button menu-drawer__close-button focus-inset"
type="button"
aria-label="Fermer"
on:click="header-drawer/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg aria-hidden="true" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>
</span>
</button>
</div>
<localization-form-component
ref="localizationForm"
data-label-results-count="[count] résultats"
data-show-filter="true"
style="--menu-localization-font: var(--font-heading--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Région et langue"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
<div class="country-filter">
<div class="field">
<div class="country-filter__search-icon field__button">
<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>
</div>
<input
class="country-filter__input"
id="country-filter-input"
type="search"
name="country_filter"
value=""
placeholder="Rechercher"
role="combobox"
aria-owns="country-results"
aria-controls="country-results"
aria-haspopup="listbox"
aria-autocomplete="list"
aria-label="Trouver un pays"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
ref="search"
on:keyup="/filterCountries"
>
<label
class="field__label visually-hidden"
for="country-filter-input"
>Rechercher</label>
<button
type="reset"
class="button button-unstyled country-filter__reset-button field__button"
aria-label="Réinitialiser"
ref="resetButton"
hidden
on:click="/resetCountriesFilter"
>
<span class="svg-wrapper">
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" 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 7.5-5 5M12.5 12.5l-5-5"/></svg>
</span>
</button>
</div>
</div>
<div class="country-selector-form__wrapper">
<h2
class="visually-hidden"
id="drawer-CountryLabel"
>
Country/Region
</h2>
<div
id="sr-country-search-results-AWUpIVkNyMVJJb2w1b__header-menu-1"
class="visually-hidden"
aria-live="polite"
ref="liveRegion"
></div>
<div
class="localization-form__list"
id="drawer-country-results"
ref="countryList"
>
<ul
role="list"
class="list-unstyled countries"
>
<span
class="localization-form__list-item localization-form__list-item-disabled"
id="no-results-message"
ref="noResultsMessage"
hidden
>Aucun résultat trouvé</span>
<li
class="localization-form__list-item"
data-value="DE"
data-aliases=""
id="Allemagne"
aria-label="Allemagne"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/DE"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Allemagne</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="AT"
data-aliases=""
id="Autriche"
aria-label="Autriche"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AT"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Autriche</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="BE"
data-aliases=""
id="Belgique"
aria-label="Belgique"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/BE"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Belgique</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="BG"
data-aliases=""
id="Bulgarie"
aria-label="Bulgarie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/BG"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Bulgarie</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="HR"
data-aliases=""
id="Croatie"
aria-label="Croatie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HR"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Croatie</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="DK"
data-aliases=""
id="Danemark"
aria-label="Danemark"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/DK"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Danemark</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="ES"
data-aliases=""
id="Espagne"
aria-label="Espagne"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/ES"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Espagne</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="EE"
data-aliases=""
id="Estonie"
aria-label="Estonie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/EE"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Estonie</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="FI"
data-aliases=""
id="Finlande"
aria-label="Finlande"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/FI"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Finlande</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
aria-current="true"
data-value="FR"
data-aliases=""
id="France"
aria-label="France"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/FR"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">France</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="GR"
data-aliases=""
id="Grèce"
aria-label="Grèce"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GR"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Grèce</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="HU"
data-aliases=""
id="Hongrie"
aria-label="Hongrie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HU"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Hongrie</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IE"
data-aliases=""
id="Irlande"
aria-label="Irlande"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IE"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Irlande</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IT"
data-aliases=""
id="Italie"
aria-label="Italie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IT"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Italie</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LV"
data-aliases=""
id="Lettonie"
aria-label="Lettonie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LV"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Lettonie</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LT"
data-aliases=""
id="Lituanie"
aria-label="Lituanie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LT"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Lituanie</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LU"
data-aliases=""
id="Luxembourg"
aria-label="Luxembourg"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LU"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Luxembourg</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="MT"
data-aliases=""
id="Malte"
aria-label="Malte"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MT"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Malte</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NL"
data-aliases=""
id="Pays-Bas"
aria-label="Pays-Bas"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NL"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Pays-Bas</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="PL"
data-aliases=""
id="Pologne"
aria-label="Pologne"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/PL"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Pologne</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="PT"
data-aliases=""
id="Portugal"
aria-label="Portugal"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/PT"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Portugal</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="RO"
data-aliases=""
id="Roumanie"
aria-label="Roumanie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/RO"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Roumanie</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="GB"
data-aliases="uk,gb,great britain"
id="Royaume-Uni"
aria-label="Royaume-Uni"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GB"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Royaume-Uni</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SK"
data-aliases=""
id="Slovaquie"
aria-label="Slovaquie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SK"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Slovaquie</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SI"
data-aliases=""
id="Slovénie"
aria-label="Slovénie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SI"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Slovénie</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SE"
data-aliases=""
id="Suède"
aria-label="Suède"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SE"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Suède</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="CH"
data-aliases=""
id="Suisse"
aria-label="Suisse"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CH"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Suisse</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="CZ"
data-aliases=""
id="Tchéquie"
aria-label="Tchéquie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CZ"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Tchéquie</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li></ul>
</div>
<div class="country-selector__overlay"></div>
<input
type="hidden"
name="country_code"
value="FR"
ref="countryInput"
>
</div>
<div class="language-selector language-selector--top-shadow">
<h2
class="visually-hidden"
id="drawer-LanguageLabel"
>
Langue
</h2>
<span class="language-selector__label">Langue</span>
<select
id="drawerSelect"
class="localization-form__select"
name="language_code"
aria-label="Langue"
ref="languageInput"
on:change="/changeLanguage"
><option
value="fr"
lang="fr"
selected
>
Français
</option><option
value="en"
lang="en"
>
English
</option></select>
<span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</div>
</form></localization-form-component>
</div>
</details>
</drawer-localization-component>
</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(255 255 255);
}
</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>
<a
href="/"
class="size-style spacing-style header-logo"
style=" --size-style-width: ;--size-style-height: ; --padding-block-start: 0px;--padding-block-end: 0px; --font-family: var(--font-body--family); --font-style: var(--font-body--style); --font-weight: 600; "
>
<span
class="header-logo__image-container header-logo__image-container--original"
data-testid="header-logo"
>
<img src="//www.solarbiolux.eu/cdn/shop/files/logo_solarbiolux.jpg?height=100&v=1784839315" alt="solar bio lux sasu - Accueil" width="100" height="100" class="header-logo__image" srcset="//www.solarbiolux.eu/cdn/shop/files/logo_solarbiolux.jpg?height=100&v=1784839315 1x, //www.solarbiolux.eu/cdn/shop/files/logo_solarbiolux.jpg?height=200&v=1784839315 2x, //www.solarbiolux.eu/cdn/shop/files/logo_solarbiolux.jpg?height=300&v=1784839315 3x" style="--header-logo-image-width: 100px;--header-logo-image-width-mobile: 50px; --header-logo-image-height: 100px; --header-logo-image-height-mobile: 50px;">
</span>
</a>
<style data-shopify>
.color-custom-AWUpIVkNyMVJJb2w1b__header-menu,
.color-custom-AWUpIVkNyMVJJb2w1b__header-menu .text-block {
/* Background */
--color-background: #ffffff;
--color-background-rgb: 255 255 255;
/* Opacity values adjusted for background brightness */
--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; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #000000;
--color-rgb: 0 0 0;
--color-foreground: #000000;
--color-foreground-rgb: 0 0 0;
--color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
--color-border: var(--palette-darkest);
--color-border-rgb: var(--palette-darkest-rgb);
}
.color-custom-AWUpIVkNyMVJJb2w1b__header-menu {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
--input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
--input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
--checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
}
.color-custom-AWUpIVkNyMVJJb2w1b__header-menu {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<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-body--family);--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: var(--font-body--weight); --menu-top-level-font-case:none; --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 background-matches-parent"
minimum-items="2"
data-testid="header-menu-overflow-list"
data-skip-node-update
>
<template shadowrootmode="open">
<link href="//www.solarbiolux.eu/cdn/shop/t/2/assets/overflow-list.css?v=16727044177065489451784755280" 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="/"
data-skip-node-update="true"
class="menu-list__link menu-list__link--active"
aria-current="page"
ref="menuitem"
>
<span class="menu-list__link-title">Accueil</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="/products/ouvre-bouteille-magnetique-creatif-automatique-clickcap"
data-skip-node-update="true"
class="menu-list__link"
ref="menuitem"
>
<span class="menu-list__link-title">Ouvre-bouteille magnétique CLICKCAP</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"
aria-haspopup="true"
aria-expanded="false"
ref="menuitem"
>
<span class="menu-list__link-title">Plus</span>
</button>
</li>
</overflow-list>
</nav>
</div>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/header-menu.js?v=177388175794493903551784755280"
type="module"
fetchpriority="low"
></script>
</header-menu>
<style data-shopify>
.header__underlay {
--color-submenu: rgb(255 255 255);
}
</style>
</div><div
class="header__column header__column--right"
data-testid="header-top-right"
>
<dropdown-localization-component
class="dropdown-localization mobile:hidden"
>
<button
type="button"
class="button dropdown-localization__button localization-selector header-actions__action"
aria-expanded="false"
aria-controls="dropdown-localization-results"
ref="button"
on:click="/toggleSelector"
style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 0.875rem; "
>
<span
class="currency-code"
data-testid="localization-currency-code"
>EUR</span>
<span
class="visually-hidden"
data-testid="localization-visually-hidden"
>Sélecteur de région et de langue</span><span>/</span><span>
FR
</span><span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<div
class="localization-wrapper right-bound color-custom-popover"
hidden
ref="panel"
>
<localization-form-component
ref="localizationForm"
data-label-results-count="[count] résultats"
data-show-filter="true"
style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 0.875rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<form method="post" action="/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Région et langue"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
<div class="country-filter">
<div class="field">
<div class="country-filter__search-icon field__button">
<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>
</div>
<input
class="country-filter__input"
id="country-filter-input"
type="search"
name="country_filter"
value=""
placeholder="Rechercher"
role="combobox"
aria-owns="country-results"
aria-controls="country-results"
aria-haspopup="listbox"
aria-autocomplete="list"
aria-label="Trouver un pays"
autocorrect="off"
autocomplete="off"
autocapitalize="off"
spellcheck="false"
ref="search"
on:keyup="/filterCountries"
>
<label
class="field__label visually-hidden"
for="country-filter-input"
>Rechercher</label>
<button
type="reset"
class="button button-unstyled country-filter__reset-button field__button"
aria-label="Réinitialiser"
ref="resetButton"
hidden
on:click="/resetCountriesFilter"
>
<span class="svg-wrapper">
<svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="10" r="6.25" 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 7.5-5 5M12.5 12.5l-5-5"/></svg>
</span>
</button>
</div>
</div>
<div class="country-selector-form__wrapper">
<h2
class="visually-hidden"
id="dropdown-CountryLabel"
>
Country/Region
</h2>
<div
id="sr-country-search-results-sections--31127567499594__header_section"
class="visually-hidden"
aria-live="polite"
ref="liveRegion"
></div>
<div
class="localization-form__list"
id="dropdown-country-results"
ref="countryList"
>
<ul
role="list"
class="list-unstyled countries"
>
<span
class="localization-form__list-item localization-form__list-item-disabled"
id="no-results-message"
ref="noResultsMessage"
hidden
>Aucun résultat trouvé</span>
<li
class="localization-form__list-item"
data-value="DE"
data-aliases=""
id="Allemagne"
aria-label="Allemagne"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/DE"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Allemagne</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="AT"
data-aliases=""
id="Autriche"
aria-label="Autriche"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/AT"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Autriche</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="BE"
data-aliases=""
id="Belgique"
aria-label="Belgique"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/BE"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Belgique</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="BG"
data-aliases=""
id="Bulgarie"
aria-label="Bulgarie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/BG"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Bulgarie</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="HR"
data-aliases=""
id="Croatie"
aria-label="Croatie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HR"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Croatie</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="DK"
data-aliases=""
id="Danemark"
aria-label="Danemark"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/DK"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Danemark</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="ES"
data-aliases=""
id="Espagne"
aria-label="Espagne"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/ES"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Espagne</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="EE"
data-aliases=""
id="Estonie"
aria-label="Estonie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/EE"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Estonie</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="FI"
data-aliases=""
id="Finlande"
aria-label="Finlande"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/FI"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Finlande</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
aria-current="true"
data-value="FR"
data-aliases=""
id="France"
aria-label="France"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/FR"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">France</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="GR"
data-aliases=""
id="Grèce"
aria-label="Grèce"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GR"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Grèce</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="HU"
data-aliases=""
id="Hongrie"
aria-label="Hongrie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/HU"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Hongrie</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IE"
data-aliases=""
id="Irlande"
aria-label="Irlande"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IE"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Irlande</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="IT"
data-aliases=""
id="Italie"
aria-label="Italie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/IT"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Italie</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LV"
data-aliases=""
id="Lettonie"
aria-label="Lettonie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LV"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Lettonie</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LT"
data-aliases=""
id="Lituanie"
aria-label="Lituanie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LT"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Lituanie</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="LU"
data-aliases=""
id="Luxembourg"
aria-label="Luxembourg"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/LU"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Luxembourg</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="MT"
data-aliases=""
id="Malte"
aria-label="Malte"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/MT"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Malte</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="NL"
data-aliases=""
id="Pays-Bas"
aria-label="Pays-Bas"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/NL"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Pays-Bas</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="PL"
data-aliases=""
id="Pologne"
aria-label="Pologne"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/PL"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Pologne</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="PT"
data-aliases=""
id="Portugal"
aria-label="Portugal"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/PT"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Portugal</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="RO"
data-aliases=""
id="Roumanie"
aria-label="Roumanie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/RO"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Roumanie</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="GB"
data-aliases="uk,gb,great britain"
id="Royaume-Uni"
aria-label="Royaume-Uni"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/GB"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Royaume-Uni</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SK"
data-aliases=""
id="Slovaquie"
aria-label="Slovaquie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SK"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Slovaquie</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SI"
data-aliases=""
id="Slovénie"
aria-label="Slovénie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SI"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Slovénie</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="SE"
data-aliases=""
id="Suède"
aria-label="Suède"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/SE"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Suède</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="CH"
data-aliases=""
id="Suisse"
aria-label="Suisse"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CH"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Suisse</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li>
<li
class="localization-form__list-item"
data-value="CZ"
data-aliases=""
id="Tchéquie"
aria-label="Tchéquie"
role="option"
tabindex="-1"
ref="countryListItems[]"
on:click="/selectCountry/CZ"
>
<span class="svg-wrapper icon-checkmark"><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-checkmark">
<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
<span class="country">Tchéquie</span>
<span
class="localization-form__currency"
hidden
>
EUR
€</span>
</li></ul>
</div>
<div class="country-selector__overlay"></div>
<input
type="hidden"
name="country_code"
value="FR"
ref="countryInput"
>
</div>
<div class="language-selector language-selector--top-shadow">
<h2
class="visually-hidden"
id="dropdown-LanguageLabel"
>
Langue
</h2>
<span class="language-selector__label">Langue</span>
<select
id="dropdownSelect"
class="localization-form__select"
name="language_code"
aria-label="Langue"
ref="languageInput"
on:change="/changeLanguage"
><option
value="fr"
lang="fr"
selected
>
Français
</option><option
value="en"
lang="en"
>
English
</option></select>
<span class="svg-wrapper icon-caret"><svg aria-hidden="true" width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</div>
</form></localization-form-component>
</div>
</dropdown-localization-component>
<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.solarbiolux.eu/cdn/shop/t/2/assets/cart-icon.js?v=109428858171217037751784755280"
fetchpriority="low"
></script>
<header-actions
>
<div
class="account-button header-actions__action color-custom-popover"
>
<shopify-store store-domain="https://www.solarbiolux.eu" 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>
<button
class="header-actions__action button-unstyled"
on:click="#cart-drawer/toggle"
aria-haspopup="dialog"
aria-expanded="false"
aria-controls="cart-drawer"
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"
style="--cart-bubble-background-fallback: #000000; --cart-bubble-text-fallback: #ffffff;"
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>
<span
ref="liveRegion"
class="visually-hidden"
role="status"
data-testid="cart-count-live-region"
></span>
</header-actions>
<script
type="module"
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/header-actions.js?v=157135685635924702181784755280"
fetchpriority="low"
></script>
</div>
</div>
</div>
<div class="header__row header__navigation-bar-row">
<style data-shopify>
.header__underlay {
--color-submenu: rgb(255 255 255);
}
</style>
</div>
</header-component>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/header.js?v=183210491532312943441784755280"
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--31127567499594__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="false"
data-product-transition="false"
data-template="index"
>
<section id="shopify-section-template--31127567171914__amose_image_description_2" class="shopify-section amose-iwd2-root"><style data-shopify>#shopify-section-template--31127567171914__amose_image_description_2[class*="amose-"] {
font-size: 16px;
}
#shopify-section-template--31127567171914__amose_image_description_2.amose-iwd2-root {
--amose-iwd2-bg: #f2f1ed;
--amose-iwd2-text: #000000;
--amose-iwd2-muted: #444444;
--amose-iwd2-radius: 20px;
--amose-iwd2-btn-bg: #000000;
--amose-iwd2-btn-text: #ffffff;
--amose-iwd2-btn-radius: 10px;
--amose-heading: clamp(22px, 2.5vw, 30px);
--amose-body: clamp(14px, 1.2vw, 16px);
--amose-lh-heading: 1.15;
--amose-lh-body: 1.55;
padding-top: 42px;
padding-bottom: 42px;
background: var(--amose-iwd2-bg);
color: var(--amose-iwd2-text);
margin: 0 !important;
}
@media screen and (min-width: 750px) {
#shopify-section-template--31127567171914__amose_image_description_2.amose-iwd2-root {
padding-top: 56px;
padding-bottom: 56px;
}
}
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__wrap {
max-width: 1200px;
margin: 0 auto;
padding: 0 clamp(16px, 4vw, 40px);
box-sizing: border-box;
}
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__grid {
display: grid;
grid-template-columns: 1fr;
gap: clamp(20px, 3vw, 32px);
align-items: center;
}
@media screen and (min-width: 750px) and (max-width: 989px) {
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__wrap {
padding: 0 clamp(20px, 3.2vw, 30px);
}
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__grid {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
gap: 20px;
align-items: center;
}
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__media {
max-width: 100%;
justify-self: stretch;
}
}
@media screen and (min-width: 990px) {
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__grid {
grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
gap: clamp(20px, 2.5vw, 36px);
}
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__media {
max-width: 100%;
justify-self: stretch;
}
}
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__media {
position: relative;
border-radius: var(--amose-iwd2-radius);
overflow: hidden;
aspect-ratio: 1 / 1;
background: rgba(255, 255, 255, 0.06);
width: 100%;
max-width: min(100%, 480px);
justify-self: start;
}
@media screen and (min-width: 750px) {
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__grid--image-left .amose-iwd2__media {
order: 1;
justify-self: start;
}
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__grid--image-left .amose-iwd2__text {
order: 2;
}
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__grid--image-right .amose-iwd2__media {
order: 2;
justify-self: end;
}
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__grid--image-right .amose-iwd2__text {
order: 1;
}
}
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
vertical-align: middle;
}
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__heading {
margin: 0 0 18px;
font-size: var(--amose-heading);
line-height: var(--amose-lh-heading);
letter-spacing: -0.02em;
font-weight: 700;
color: var(--amose-iwd2-text);
}
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__description {
margin: 0 0 24px;
}
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__description p {
margin: 0;
font-size: var(--amose-body);
line-height: var(--amose-lh-body);
color: var(--amose-iwd2-muted);
}
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__description p + p {
margin-top: 0.9em;
}
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__tpbar {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
gap: clamp(6px, 1.5vw, 14px);
width: 100%;
max-width: 100%;
margin: 0 0 16px;
color: var(--amose-iwd2-text);
white-space: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__tpbar::-webkit-scrollbar {
display: none;
}
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__tp-label {
flex-shrink: 0;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.2;
white-space: nowrap;
}
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__tp-stars {
display: flex;
align-items: center;
gap: 2px;
line-height: 0;
flex-shrink: 0;
}
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__tp-stars .amose-iwd2__tp-star-svg {
display: block;
flex-shrink: 0;
}
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__tp-badge {
width: min(100px, 26vw);
max-width: 100px;
height: auto;
display: block;
}
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__tp-count {
flex-shrink: 0;
margin: 0;
font-size: clamp(12px, 3.4vw, 14px);
line-height: 1.2;
color: var(--amose-iwd2-text);
white-space: nowrap;
}
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__tp-count strong {
font-weight: 700;
}
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__tp-count span {
font-weight: 400;
}
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__cta {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
margin-top: 0;
padding: 14px 24px;
min-height: 50px;
border: 0;
border-radius: 10px;
text-decoration: none;
font-weight: 600;
font-size: 15px;
line-height: 1;
background: var(--amose-iwd2-btn-bg);
color: var(--amose-iwd2-btn-text);
transition: transform 0.15s ease, opacity 0.15s ease;
}
#shopify-section-template--31127567171914__amose_image_description_2 .amose-iwd2__cta:hover {
transform: translateY(-1px);
opacity: 0.95;
}</style><style data-shopify>#shopify-section-template--31127567171914__amose_image_description_2.amose-section-checking {
display: none !important;
}</style><div class="amose-iwd2__wrap">
<div class="amose-iwd2__grid amose-iwd2__grid--image-right">
<div class="amose-iwd2__media">
<img
src="//www.solarbiolux.eu/cdn/shop/files/S99eef0807add4d979f9cc74826c9dcaek.webp?v=1784803523&width=1600"
alt="Découvrez l'ouvre-bouteille automatique CLICKCAP"
width="800"
height="800"
loading="lazy"
>
</div>
<div class="amose-iwd2__text">
<div class="amose-iwd2__tpbar">
<div
class="amose-iwd2__tp-stars"
role="img"
aria-label="4.8 out of 5 stars"
>
<svg
class="amose-iwd2__tp-star-svg"
width="16"
height="16"
viewbox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<path
fill="#000000"
d="M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26Z"
/>
</svg>
<svg
class="amose-iwd2__tp-star-svg"
width="16"
height="16"
viewbox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<path
fill="#000000"
d="M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26Z"
/>
</svg>
<svg
class="amose-iwd2__tp-star-svg"
width="16"
height="16"
viewbox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<path
fill="#000000"
d="M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26Z"
/>
</svg>
<svg
class="amose-iwd2__tp-star-svg"
width="16"
height="16"
viewbox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<path
fill="#000000"
d="M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26Z"
/>
</svg>
<svg
class="amose-iwd2__tp-star-svg"
width="16"
height="16"
viewbox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<path
fill="#000000"
d="M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26Z"
/>
</svg>
</div>
<p class="amose-iwd2__tp-count">
<strong>4.8</strong>
<span> (350)</span>
<span> avis</span>
</p>
</div>
<h2 class="amose-iwd2__heading">Découvrez l'ouvre-bouteille automatique CLICKCAP</h2>
<div class="amose-iwd2__description rte"><p>L'ouvre-bouteille magnétique créatif automatique CLICKCAP permet d'ouvrir vos bouteilles en un geste simple. Son mécanisme automatique et sa conception compacte en font un accessoire indispensable pour vos apéritifs.</p></div>
<a class="amose-iwd2__cta" href="/products/ouvre-bouteille-magnetique-creatif-automatique-clickcap">
<span>Essayez l'ouvre-bouteille CLICKCAP</span>
</a>
</div>
</div>
</div><script>
window.__AmoseInstallCheckPageStart = window.__AmoseInstallCheckPageStart || Date.now();
window.__AmoseInstallCheckOrigin = "https:\/\/amosesection1-production.up.railway.app";
window.AmoseSectionStatus = window.AmoseSectionStatus || [];
window.AmoseSectionStatus.push({
shop: "xkieif-vh.myshopify.com",
sectionId: "template--31127567171914__amose_image_description_2",
sectionType: "image-with-description-2"
});
window.AmoseStatusLoaderInserted = window.AmoseStatusLoaderInserted || false;
if (!window.AmoseStatusLoaderInserted) {
window.AmoseStatusLoaderInserted = true;
var script = document.createElement("script");
script.src = "https:\/\/amosesection1-production.up.railway.app\/amose-section-status.js";
script.defer = true;
document.head.appendChild(script);
}
</script>
</section><section id="shopify-section-template--31127567171914__amose_shape_divider_after_image_description_2" class="shopify-section amose-shape-divider-root"><style data-shopify>#shopify-section-template--31127567171914__amose_shape_divider_after_image_description_2[class*="amose-"] {
font-size: 16px;
}
#shopify-section-template--31127567171914__amose_shape_divider_after_image_description_2.amose-shape-divider-root {
margin: 0 !important;
padding: 0 !important;
line-height: 0;
background: transparent;
}
#shopify-section-template--31127567171914__amose_shape_divider_after_image_description_2 .amose-shape-divider {
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
height: 64px;
}
#shopify-section-template--31127567171914__amose_shape_divider_after_image_description_2 .amose-shape-divider__svg {
width: 100%;
height: 100%;
display: block;
color: #f2f1ed;
transform: scaleX(1) scaleY(-1);
transform-origin: center;
}</style><style data-shopify>#shopify-section-template--31127567171914__amose_shape_divider_after_image_description_2.amose-section-checking {
display: none !important;
}</style><div class="amose-shape-divider">
<svg class="amose-shape-divider__svg" viewbox="0 0 1200 120" preserveaspectratio="none" aria-hidden="true" focusable="false">
<path d="M0,36 C120,108 240,-12 360,60 C480,120 600,0 720,60 C840,120 960,0 1080,60 C1140,78 1170,84 1200,84 L1200,120 L0,120 Z" fill="currentColor"></path>
</svg>
</div>
<script>
(function() {
var root = document.getElementById("shopify-section-template--31127567171914__amose_shape_divider_after_image_description_2");
if (!root) return;
var svg = root.querySelector(".amose-shape-divider__svg");
if (!svg) return;
if (!false) return;
function pickBackgroundColor(el) {
if (!el) return "";
var bg = window.getComputedStyle(el).backgroundColor;
if (!bg || bg === "rgba(0, 0, 0, 0)" || bg === "transparent") return "";
return bg;
}
var source = "auto";
var picked = "";
if (source === "previous") {
picked = pickBackgroundColor(root.previousElementSibling);
} else if (source === "next") {
picked = pickBackgroundColor(root.nextElementSibling);
} else {
picked =
pickBackgroundColor(root.previousElementSibling) ||
pickBackgroundColor(root.nextElementSibling);
}
if (picked) svg.style.color = picked;
})();
</script><script>
window.__AmoseInstallCheckPageStart = window.__AmoseInstallCheckPageStart || Date.now();
window.__AmoseInstallCheckOrigin = "https:\/\/amosesection1-production.up.railway.app";
window.AmoseSectionStatus = window.AmoseSectionStatus || [];
window.AmoseSectionStatus.push({
shop: "xkieif-vh.myshopify.com",
sectionId: "template--31127567171914__amose_shape_divider_after_image_description_2",
sectionType: "shape-divider"
});
window.AmoseStatusLoaderInserted = window.AmoseStatusLoaderInserted || false;
if (!window.AmoseStatusLoaderInserted) {
window.AmoseStatusLoaderInserted = true;
var script = document.createElement("script");
script.src = "https:\/\/amosesection1-production.up.railway.app\/amose-section-status.js";
script.defer = true;
document.head.appendChild(script);
}
</script>
</section><div id="shopify-section-template--31127567171914__section_86TFEF" class="shopify-section section-wrapper">
<div class="section-background color-custom-template--31127567171914__section_86TFEF"></div>
<div
class="section section--page-width color-custom-template--31127567171914__section_86TFEF"
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) * 32px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 32px)); "
data-testid="section-content"
>
<deferred-media
class="spacing-style size-style border-style"
style=" --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --size-style-width: 50%; --size-style-width-mobile: 50%; --size-style-aspect-ratio: 1.0;"
>
<button
class="button deferred-media__poster-button button-unstyled"
ref="deferredMediaPlayButton"
aria-label="Charger la vidéo : "
type="button"
on:click="/showDeferredMedia"
style="--video-aspect-ratio: 1.0"
>
<img src="//www.solarbiolux.eu/cdn/shop/files/preview_images/ea4be56b5afd4e54bb3d192bdaae86ee.thumbnail.0000000000.jpg?v=1784823217&width=3840" alt="" srcset="//www.solarbiolux.eu/cdn/shop/files/preview_images/ea4be56b5afd4e54bb3d192bdaae86ee.thumbnail.0000000000.jpg?v=1784823217&width=240 240w, //www.solarbiolux.eu/cdn/shop/files/preview_images/ea4be56b5afd4e54bb3d192bdaae86ee.thumbnail.0000000000.jpg?v=1784823217&width=352 352w, //www.solarbiolux.eu/cdn/shop/files/preview_images/ea4be56b5afd4e54bb3d192bdaae86ee.thumbnail.0000000000.jpg?v=1784823217&width=832 832w, //www.solarbiolux.eu/cdn/shop/files/preview_images/ea4be56b5afd4e54bb3d192bdaae86ee.thumbnail.0000000000.jpg?v=1784823217&width=1200 1200w, //www.solarbiolux.eu/cdn/shop/files/preview_images/ea4be56b5afd4e54bb3d192bdaae86ee.thumbnail.0000000000.jpg?v=1784823217&width=1600 1600w, //www.solarbiolux.eu/cdn/shop/files/preview_images/ea4be56b5afd4e54bb3d192bdaae86ee.thumbnail.0000000000.jpg?v=1784823217&width=1920 1920w, //www.solarbiolux.eu/cdn/shop/files/preview_images/ea4be56b5afd4e54bb3d192bdaae86ee.thumbnail.0000000000.jpg?v=1784823217&width=2560 2560w, //www.solarbiolux.eu/cdn/shop/files/preview_images/ea4be56b5afd4e54bb3d192bdaae86ee.thumbnail.0000000000.jpg?v=1784823217&width=3840 3840w" width="3840" height="3840" sizes="(min-width: 750px) 50vw, 100vw" class="deferred-media__poster-image">
<span class="deferred-media__poster-icon icon-play">
<span class="visually-hidden">Lire la vidéo</span><svg aria-hidden="true" width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.375 8.48516C16.5417 9.15874 16.5417 10.8427 15.375 11.5163L7.875 15.8464C6.70833 16.52 5.25 15.678 5.25 14.3308L5.25 5.67058C5.25 4.32343 6.70833 3.48146 7.875 4.15504L15.375 8.48516Z" fill="currentColor"/>
</svg>
</span>
</button>
<template>
<video playsinline="playsinline" autoplay="autoplay" loop="loop" muted="muted" controls="controls" preload="metadata" poster="//www.solarbiolux.eu/cdn/shop/files/preview_images/ea4be56b5afd4e54bb3d192bdaae86ee.thumbnail.0000000000_2500x.jpg?v=1784823217"><source src="//www.solarbiolux.eu/cdn/shop/videos/c/vp/ea4be56b5afd4e54bb3d192bdaae86ee/ea4be56b5afd4e54bb3d192bdaae86ee.HD-1080p-2.5Mbps-89724427.mp4?v=0" type="video/mp4"><img src="//www.solarbiolux.eu/cdn/shop/files/preview_images/ea4be56b5afd4e54bb3d192bdaae86ee.thumbnail.0000000000_2500x.jpg?v=1784823217"></video>
</template>
</deferred-media>
<div
class="group-block group-block--height-fit group-block--width-fill border-style spacing-style size-style"
style=" --border-width: 1px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius: 0px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; "
data-testid="group-block"
><div class="group-block__media-wrapper">
</div>
<div
class="group-block-content layout-panel-flex layout-panel-flex--column 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;"
>
</div>
</div>
</div>
</div>
</div>
</div><section id="shopify-section-template--31127567171914__amose_before_after_2" class="shopify-section amose-ba2-root"><style data-shopify>#shopify-section-template--31127567171914__amose_before_after_2[class*="amose-"] {
font-size: 16px;
}
#shopify-section-template--31127567171914__amose_before_after_2.amose-ba2-root {
--amose-ba2-title: clamp(22px, 2.5vw, 34px);
--amose-ba2-title-lh: 1.15;
--amose-ba2-point-title: clamp(16px, 1.35vw, 18px);
--amose-ba2-body: clamp(13px, 1.1vw, 15px);
--amose-ba2-bg: #ffffff;
--amose-ba2-text: #1a1a1a;
--amose-ba2-muted: #5c5c5c;
--amose-ba2-highlight: #000000;
--amose-ba2-icon-bg: #f9f9f7;
--amose-ba2-icon-fg: #000000;
--amose-ba2-handle: #171717;
--amose-ba2-slider-bar: #ffffff;
--amose-ba2-badge-bg: #000000;
--amose-ba2-badge-text: #ffffff;
--amose-ba2-badge-radius: 6px;
--amose-ba2-pos: 50%;
padding-top: 42px;
padding-bottom: 42px;
background: var(--amose-ba2-bg);
color: var(--amose-ba2-text);
}
@media screen and (min-width: 750px) {
#shopify-section-template--31127567171914__amose_before_after_2.amose-ba2-root {
padding-top: 56px;
padding-bottom: 56px;
}
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__wrap {
max-width: 1400px;
margin: 0 auto;
padding: 0 clamp(16px, 4vw, 40px);
box-sizing: border-box;
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__intro {
margin-bottom: clamp(28px, 4vw, 48px);
text-align: center;
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__heading {
margin: 0;
font-size: var(--amose-ba2-title);
font-weight: 700;
line-height: var(--amose-ba2-title-lh);
letter-spacing: -0.02em;
color: var(--amose-ba2-text);
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__heading-highlight {
color: var(--amose-ba2-highlight);
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__subtitle {
margin: clamp(10px, 1.5vw, 16px) auto 0;
max-width: 672px;
font-size: clamp(15px, 1.15vw, 17px);
font-weight: 400;
line-height: 1.55;
color: var(--amose-ba2-muted);
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(200px, 420px) minmax(0, 1fr);
grid-template-rows: repeat(2, auto);
align-items: center;
column-gap: clamp(32px, 4.5vw, 72px);
row-gap: clamp(20px, 3vw, 40px);
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__media {
grid-column: 2;
grid-row: 1 / span 2;
width: 100%;
max-width: 420px;
margin: 0 auto;
justify-self: center;
align-self: center;
border-radius: 50%;
overflow: hidden;
aspect-ratio: 1;
background: rgba(0, 0, 0, 0.04);
position: relative;
z-index: 1;
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__compare {
position: relative;
width: 100%;
height: 100%;
aspect-ratio: 1;
border-radius: 50%;
touch-action: none;
user-select: none;
-webkit-user-select: none;
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__compare-single {
width: 100%;
height: 100%;
aspect-ratio: 1;
border-radius: 50%;
overflow: hidden;
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__compare-single img,
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__compare-single .placeholder-svg {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__compare-after {
position: absolute;
inset: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
pointer-events: none;
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__before-clip {
position: absolute;
inset: 0;
clip-path: inset(0 calc(100% - var(--amose-ba2-pos, 50%)) 0 0);
pointer-events: none;
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__before-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__handle {
position: absolute;
top: 0;
bottom: 0;
left: var(--amose-ba2-pos, 50%);
width: 44px;
margin-left: -22px;
z-index: 2;
cursor: ew-resize;
display: flex;
align-items: center;
justify-content: center;
background: none;
border: 0;
padding: 0;
color: var(--amose-ba2-handle);
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__handle:focus-visible {
outline: 2px solid var(--amose-ba2-text);
outline-offset: 2px;
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__handle-line {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
width: 3px;
transform: translateX(-50%);
background: var(--amose-ba2-slider-bar);
border-radius: 2px;
box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.9);
pointer-events: none;
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__handle-knob {
position: relative;
width: 36px;
height: 36px;
border-radius: 999px;
background: #fff;
color: var(--amose-ba2-handle);
display: flex;
align-items: center;
justify-content: center;
pointer-events: none;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__handle-icon {
font-size: 18px;
line-height: 1;
display: inline-block;
color: var(--amose-ba2-handle);
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__ba-labels {
position: absolute;
inset: 0;
pointer-events: none;
z-index: 1;
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__ba-label {
position: absolute;
bottom: 12px;
padding: 4px 10px;
font-size: 11px;
font-weight: 600;
letter-spacing: 0.04em;
text-transform: uppercase;
border-radius: var(--amose-ba2-badge-radius);
background: var(--amose-ba2-badge-bg);
color: var(--amose-ba2-badge-text);
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.08);
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__ba-label--before {
left: 12px;
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__ba-label--after {
right: 12px;
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__point {
display: flex;
flex-direction: column;
gap: 10px;
min-width: 0;
max-width: 280px;
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__point--left {
grid-column: 1;
justify-self: end;
align-items: flex-end;
text-align: right;
padding-right: clamp(8px, 1.5vw, 16px);
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__point--right {
grid-column: 3;
justify-self: start;
align-items: flex-start;
text-align: left;
padding-left: clamp(8px, 1.5vw, 16px);
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__point-icon {
flex-shrink: 0;
width: 56px;
height: 56px;
border-radius: 50%;
background: var(--amose-ba2-point-icon-bg, var(--amose-ba2-icon-bg));
display: grid;
place-items: center;
box-shadow: 0 2px 14px rgba(0, 0, 0, 0.06);
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__point-icon .amose-ba2__phosphor-icon {
font-size: 140%;
line-height: 1;
display: inline-block;
color: var(--amose-ba2-icon-fg);
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__point-title {
margin: 0;
font-size: var(--amose-ba2-point-title);
font-weight: 700;
line-height: 1.2;
color: var(--amose-ba2-text);
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__point-body,
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__point-body p {
margin: 0;
font-size: var(--amose-ba2-body);
line-height: 1.5;
color: var(--amose-ba2-muted);
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__point-body p + p {
margin-top: 0.5em;
}
@media screen and (max-width: 749px) {
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__grid {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
gap: clamp(20px, 5vw, 28px) clamp(10px, 3vw, 14px);
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__media {
order: 1;
flex: 0 0 100%;
width: 100%;
max-width: min(72vw, 280px);
margin: 0 auto clamp(4px, 1.5vw, 12px);
grid-column: auto;
grid-row: auto;
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__point {
order: 2;
flex: 0 0 calc(50% - 7px);
max-width: calc(50% - 7px);
box-sizing: border-box;
align-items: center;
text-align: center;
gap: 8px;
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__point--left,
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__point--right {
justify-self: stretch;
padding-left: 0;
padding-right: 0;
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__point-title {
font-size: clamp(14px, 3.8vw, 16px);
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__point-body {
font-size: clamp(12px, 3.2vw, 14px);
}
}
@media screen and (min-width: 750px) and (max-width: 989px) {
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__grid {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(200px, 420px) minmax(0, 1fr);
grid-template-rows: repeat(2, auto);
column-gap: clamp(24px, 3.5vw, 48px);
row-gap: clamp(20px, 3vw, 40px);
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__point--left {
order: initial;
grid-column: 1;
justify-self: end;
align-items: flex-end;
text-align: right;
padding-right: clamp(6px, 1.2vw, 12px);
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__point--right {
order: initial;
grid-column: 3;
justify-self: start;
align-items: flex-start;
text-align: left;
padding-left: clamp(6px, 1.2vw, 12px);
}
#shopify-section-template--31127567171914__amose_before_after_2 .amose-ba2__media {
order: initial;
grid-column: 2;
grid-row: 1 / span 2;
}
}</style><style data-shopify>#shopify-section-template--31127567171914__amose_before_after_2.amose-section-checking {
display: none !important;
}</style><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/regular/style.css">
<div class="amose-ba2__wrap">
<div class="amose-ba2__intro">
<h2 class="amose-ba2__heading">
Avant et après l'utilisation
<span class="amose-ba2__heading-highlight">stronger.</span>
</h2>
<div class="amose-ba2__subtitle rte">Transformez chaque ouverture de bouteille en un moment de plaisir sans effort.</div>
</div>
<div class="amose-ba2__grid"><div
class="amose-ba2__point amose-ba2__point--left"
style="grid-row: 1;"
>
<div class="amose-ba2__point-icon">
<i class="ph ph-drop-simple amose-ba2__phosphor-icon" aria-hidden="true"></i>
</div>
<h3 class="amose-ba2__point-title">Ouverture facile</h3>
<div class="amose-ba2__point-body rte"><p>Ouvrez vos bouteilles en un seul geste sans effort.</p></div>
</div><div
class="amose-ba2__point amose-ba2__point--left"
style="grid-row: 2;"
>
<div class="amose-ba2__point-icon">
<i class="ph ph-plus-circle amose-ba2__phosphor-icon" aria-hidden="true"></i>
</div>
<h3 class="amose-ba2__point-title">Système magnétique</h3>
<div class="amose-ba2__point-body rte"><p>Les capsules sont capturées et ne tombent plus au sol.</p></div>
</div><div class="amose-ba2__media">
<div
class="amose-ba2__compare"
data-amose-ba2-compare
data-section-id="template--31127567171914__amose_before_after_2"
data-initial="50"
>
<img
class="amose-ba2__compare-after"
src="//www.solarbiolux.eu/cdn/shop/files/Safa9e024ba344ef19825409e7068aa72n.webp?v=1784803524&width=1400"
alt="969077152-2"
width="800"
height="800"
loading="lazy"
>
<div class="amose-ba2__before-clip">
<img
class="amose-ba2__before-img"
src="//www.solarbiolux.eu/cdn/shop/files/S247385397aaa4e789510ad94e56f188fu.webp?v=1784803523&width=1400"
alt="Before"
width="800"
height="800"
loading="lazy"
>
</div>
<div class="amose-ba2__ba-labels" aria-hidden="true">
<span class="amose-ba2__ba-label amose-ba2__ba-label--before">Before</span>
<span class="amose-ba2__ba-label amose-ba2__ba-label--after">After</span>
</div>
<button
type="button"
class="amose-ba2__handle"
aria-label="Drag to compare before and after"
data-amose-ba2-handle
>
<span class="amose-ba2__handle-line" aria-hidden="true"></span>
<span class="amose-ba2__handle-knob" aria-hidden="true">
<i class="ph ph-arrows-out-line-horizontal amose-ba2__handle-icon" aria-hidden="true"></i>
</span>
</button>
</div>
</div><div
class="amose-ba2__point amose-ba2__point--right"
style="grid-row: 1;"
>
<div class="amose-ba2__point-icon">
<i class="ph ph-eyedropper-sample amose-ba2__phosphor-icon" aria-hidden="true"></i>
</div>
<h3 class="amose-ba2__point-title">Compact et léger</h3>
<div class="amose-ba2__point-body rte"><p>Facile à transporter pour toutes vos aventures.</p></div>
</div><div
class="amose-ba2__point amose-ba2__point--right"
style="grid-row: 2;"
>
<div class="amose-ba2__point-icon">
<i class="ph ph-magic-wand amose-ba2__phosphor-icon" aria-hidden="true"></i>
</div>
<h3 class="amose-ba2__point-title">Idéal pour tous</h3>
<div class="amose-ba2__point-body rte"><p>Parfait pour ceux qui cherchent une solution simple et efficace.</p></div>
</div></div>
</div>
<script>
(function () {
var sectionId = "template--31127567171914__amose_before_after_2";
var sel = '#shopify-section-' + sectionId + ' [data-amose-ba2-compare]';
function clamp(n, min, max) {
return Math.min(max, Math.max(min, n));
}
function readPct(str) {
var n = parseFloat(String(str || '').replace('%', ''));
return isNaN(n) ? 50 : n;
}
function setPos(root, pct) {
pct = clamp(pct, 0, 100);
root.style.setProperty('--amose-ba2-pos', pct + '%');
var btn = root.querySelector('[data-amose-ba2-handle]');
if (btn) btn.setAttribute('aria-valuenow', String(Math.round(pct)));
}
function initCompare(root) {
if (!root || root.getAttribute('data-amose-ba2-ready')) return;
root.setAttribute('data-amose-ba2-ready', '1');
var handle = root.querySelector('[data-amose-ba2-handle]');
if (handle) {
handle.setAttribute('role', 'slider');
handle.setAttribute('aria-valuemin', '0');
handle.setAttribute('aria-valuemax', '100');
var ini = readPct(root.getAttribute('data-initial'));
setPos(root, ini);
}
function pctFromClientX(clientX) {
var r = root.getBoundingClientRect();
if (r.width <= 0) return 50;
return ((clientX - r.left) / r.width) * 100;
}
var dragging = false;
function onPointerMove(e) {
if (!dragging) return;
e.preventDefault();
setPos(root, pctFromClientX(e.clientX));
}
function onPointerUp() {
dragging = false;
document.removeEventListener('pointermove', onPointerMove);
document.removeEventListener('pointerup', onPointerUp);
document.removeEventListener('pointercancel', onPointerUp);
}
root.addEventListener('pointerdown', function (e) {
if (e.target.closest('[data-amose-ba2-handle]')) return;
dragging = true;
root.setPointerCapture(e.pointerId);
setPos(root, pctFromClientX(e.clientX));
document.addEventListener('pointermove', onPointerMove, { passive: false });
document.addEventListener('pointerup', onPointerUp);
document.addEventListener('pointercancel', onPointerUp);
});
if (handle) {
handle.addEventListener('pointerdown', function (e) {
e.stopPropagation();
dragging = true;
handle.setPointerCapture(e.pointerId);
document.addEventListener('pointermove', onPointerMove, { passive: false });
document.addEventListener('pointerup', onPointerUp);
document.addEventListener('pointercancel', onPointerUp);
});
handle.addEventListener('keydown', function (e) {
var cur = readPct(getComputedStyle(root).getPropertyValue('--amose-ba2-pos'));
var step = e.shiftKey ? 10 : 3;
if (e.key === 'ArrowLeft' || e.key === 'ArrowDown') {
e.preventDefault();
setPos(root, cur - step);
} else if (e.key === 'ArrowRight' || e.key === 'ArrowUp') {
e.preventDefault();
setPos(root, cur + step);
} else if (e.key === 'Home') {
e.preventDefault();
setPos(root, 0);
} else if (e.key === 'End') {
e.preventDefault();
setPos(root, 100);
}
});
}
}
function run() {
var el = document.querySelector(sel);
if (el) initCompare(el);
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', run);
} else {
run();
}
document.addEventListener('shopify:section:load', function (e) {
if (e.detail && String(e.detail.sectionId) === String(sectionId)) {
var el = document.querySelector(sel);
if (el) {
el.removeAttribute('data-amose-ba2-ready');
initCompare(el);
}
}
});
})();
</script>
<script>
window.__AmoseInstallCheckPageStart = window.__AmoseInstallCheckPageStart || Date.now();
window.__AmoseInstallCheckOrigin = "https:\/\/amosesection1-production.up.railway.app";
window.AmoseSectionStatus = window.AmoseSectionStatus || [];
window.AmoseSectionStatus.push({
shop: "xkieif-vh.myshopify.com",
sectionId: "template--31127567171914__amose_before_after_2",
sectionType: "before-after-2"
});
window.AmoseStatusLoaderInserted = window.AmoseStatusLoaderInserted || false;
if (!window.AmoseStatusLoaderInserted) {
window.AmoseStatusLoaderInserted = true;
var script = document.createElement("script");
script.src = "https:\/\/amosesection1-production.up.railway.app\/amose-section-status.js";
script.defer = true;
document.head.appendChild(script);
}
</script>
</section><section id="shopify-section-template--31127567171914__amose_product_information" class="shopify-section amose-product-info-root"><style data-shopify>#shopify-section-template--31127567171914__amose_product_information.amose-product-info-root {
--amose-pi-bg: #ffffff;
--amose-pi-text: #000000;
--amose-pi-muted: #222222;
--amose-pi-border: #000000;
--amose-heading: clamp(22px, 2.5vw, 30px);
--amose-body: clamp(14px, 1.2vw, 16px);
--amose-lh-heading: 1.15;
--amose-lh-body: 1.55;
padding-top: 24px;
padding-bottom: 18px;
background: var(--amose-pi-bg);
color: var(--amose-pi-text);
}
@media screen and (min-width: 750px) {
#shopify-section-template--31127567171914__amose_product_information.amose-product-info-root {
padding-top: 32px;
padding-bottom: 24px;
}
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__wrap {
max-width: 1200px;
margin: 0 auto;
padding: 0 clamp(16px, 4vw, 40px);
box-sizing: border-box;
overflow-x: hidden;
font-size: 16px;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__layout {
display: grid;
grid-template-columns: 1fr;
gap: clamp(24px, 4vw, 40px);
}
@media screen and (max-width: 749px) {
#shopify-section-template--31127567171914__amose_product_information .amose-pi__layout {
gap: 12px;
}
}
@media screen and (min-width: 750px) and (max-width: 989px) {
#shopify-section-template--31127567171914__amose_product_information .amose-pi__layout {
grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
align-items: start;
gap: 24px;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__wrap {
padding: 0 clamp(20px, 3.2vw, 30px);
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__thumb-grid {
grid-template-columns: repeat(3, minmax(0, 1fr));
}
}
@media screen and (min-width: 990px) {
#shopify-section-template--31127567171914__amose_product_information .amose-pi__layout {
grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr);
align-items: start;
}
}
/* Let columns shrink below wide children (e.g. horizontal UGC strip) so the page does not overflow on mobile. */
#shopify-section-template--31127567171914__amose_product_information .amose-pi__layout > * {
min-width: 0;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__left {
display: grid;
gap: 12px;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__media-layout {
display: grid;
grid-template-columns: 1fr;
gap: 12px;
align-items: start;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__thumb-grid {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__thumb-item {
display: block;
position: relative;
border: 0;
border-radius: 10px;
background: transparent;
overflow: hidden;
aspect-ratio: 1 / 1;
cursor: pointer;
-webkit-tap-highlight-color: transparent;
touch-action: manipulation;
appearance: none;
padding: 0;
margin: 0;
font: inherit;
color: inherit;
text-align: left;
outline: none;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__thumb-item img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
pointer-events: none;
}
/* Selected thumbnail border: left layout always; other layouts on mobile only */
@media screen and (max-width: 749px) {
#shopify-section-template--31127567171914__amose_product_information .amose-pi__thumb-item.is-active::after {
content: "";
position: absolute;
inset: 0;
border: 2px solid #f2f1ed;
border-radius: inherit;
pointer-events: none;
box-sizing: border-box;
z-index: 2;
}
}
@media screen and (max-width: 749px) {
#shopify-section-template--31127567171914__amose_product_information .amose-pi__thumb-grid {
display: grid;
grid-auto-flow: column;
grid-auto-columns: calc((100% - (4 * 8px)) / 5);
grid-template-columns: none;
gap: 8px;
overflow-x: auto;
padding-bottom: 4px;
scroll-snap-type: x mandatory;
-ms-overflow-style: none;
scrollbar-width: none;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__thumb-grid::-webkit-scrollbar {
display: none;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__thumb-item {
scroll-snap-align: start;
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
}
}
@media screen and (min-width: 990px) {
#shopify-section-template--31127567171914__amose_product_information .amose-pi__thumb-grid {
display: grid;
grid-auto-flow: column;
grid-auto-columns: calc((100% - (4 * 8px)) / 5);
grid-template-columns: none;
gap: 8px;
overflow-x: auto;
padding-bottom: 4px;
scroll-snap-type: x mandatory;
-ms-overflow-style: none;
scrollbar-width: none;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__thumb-grid::-webkit-scrollbar {
display: none;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__thumb-item {
scroll-snap-align: start;
width: 100%;
height: auto;
aspect-ratio: 1 / 1;
}
}
@media screen and (min-width: 750px) {
#shopify-section-template--31127567171914__amose_product_information .amose-pi__thumb-item--featured {
display: none;
}
}
/* Thumbnails on left: vertical thumbs + main image (desktop & mobile) */
#shopify-section-template--31127567171914__amose_product_information .amose-pi__media {
border-radius: 14px;
overflow: hidden;
background: rgba(0, 0, 0, 0.04);
aspect-ratio: 1 / 1;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
/* Grid / slider / grid-only: carousel track (swipeable on mobile) */
#shopify-section-template--31127567171914__amose_product_information .amose-pi__media-track {
display: flex;
width: 100%;
height: 100%;
gap: 0;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__media-slide {
flex: 0 0 100%;
width: 100%;
height: 100%;
overflow: hidden;
background: rgba(0, 0, 0, 0.04);
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__media-slide img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
@media screen and (min-width: 750px) {
#shopify-section-template--31127567171914__amose_product_information .amose-pi__media-slide:not(.is-active) {
display: none;
}
}
@media screen and (max-width: 749px) {
#shopify-section-template--31127567171914__amose_product_information .amose-pi__media[data-amose-pi-media-carousel] {
display: flex;
width: calc(100% + clamp(16px, 4vw, 40px));
margin-right: calc(-1 * clamp(16px, 4vw, 40px));
overflow-x: auto;
overflow-y: hidden;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: none;
gap: 8px;
border-radius: 0;
background: transparent;
aspect-ratio: auto;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__media[data-amose-pi-media-carousel]::-webkit-scrollbar {
display: none;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__media[data-amose-pi-media-carousel] .amose-pi__media-track {
display: contents;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__media[data-amose-pi-media-carousel] .amose-pi__media-slide {
display: block;
flex: 0 0 calc(100% - 22px);
width: calc(100% - 22px);
max-width: calc(100% - 22px);
aspect-ratio: 1 / 1;
border-radius: 14px;
scroll-snap-align: start;
}
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__title {
margin: 0 0 10px;
font-size: var(--amose-heading);
line-height: var(--amose-lh-heading);
letter-spacing: -0.02em;
font-weight: 600;
color: var(--amose-pi-text);
}
#shopify-section-template--31127567171914__amose_product_information .kodu-star-badge-wrapper {
width: 100%;
}
/* Prevent first-paint flash for product star badge before section initialization. */
#shopify-section-template--31127567171914__amose_product_information .kodu-star-badge-wrapper[data-amose-pi-star] {
opacity: 0;
visibility: hidden;
}
#shopify-section-template--31127567171914__amose_product_information .kodu-star-badge-wrapper[data-amose-pi-star].is-ready {
opacity: 1;
visibility: visible;
transition: opacity 0.18s ease;
}
#shopify-section-template--31127567171914__amose_product_information .kodu-star-badge-row {
display: flex;
align-items: center;
flex-wrap: wrap;
}
#shopify-section-template--31127567171914__amose_product_information .kodu-star-badge-stars {
position: relative;
display: inline-flex;
}
#shopify-section-template--31127567171914__amose_product_information .kodu-star-badge-empty,
#shopify-section-template--31127567171914__amose_product_information .kodu-star-badge-full {
display: flex;
gap: 2px;
}
#shopify-section-template--31127567171914__amose_product_information .kodu-star-badge-full {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
height: 100%;
}
#shopify-section-template--31127567171914__amose_product_information .kodu-star-svg {
flex-shrink: 0;
}
#shopify-section-template--31127567171914__amose_product_information .kodu-star-badge-text strong {
font-weight: 600;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__price {
margin: 0 0 12px;
font-size: clamp(16px, 1.7vw, 20px);
font-weight: 600;
color: var(--amose-pi-text);
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 10px;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__price-compare {
color: var(--amose-pi-muted);
text-decoration: line-through;
font-size: 0.9em;
font-weight: 500;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__sale-badge {
display: inline-flex;
align-items: center;
justify-content: center;
line-height: 1;
white-space: nowrap;
font-weight: 700;
padding: 4px 8px;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__sale-badge[hidden] {
display: none !important;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__desc,
#shopify-section-template--31127567171914__amose_product_information .amose-pi__desc p,
#shopify-section-template--31127567171914__amose_product_information .amose-pi__accordion-content,
#shopify-section-template--31127567171914__amose_product_information .amose-pi__accordion-content p {
margin: 0;
font-size: var(--amose-body);
line-height: var(--amose-lh-body);
color: var(--amose-pi-muted);
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__desc {
margin: 0 0 16px;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi2__summary {
margin: 25px 0 16px;
font-size: 14px;
line-height: 1.35;
color: var(--amose-pi-text);
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi2__summary-highlight {
background: var(--amose-pi2-summary-hl-bg, #e9e9e9);
color: var(--amose-pi2-summary-hl-color, #000000);
padding: 0.08em 0.26em;
border-radius: 3px;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi2__tpbar {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
gap: clamp(8px, 1.7vw, 14px);
width: 100%;
margin-bottom: 10px;
color: #0a0a0a;
white-space: nowrap;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi2__tp-label {
font-size: 14px;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.2;
white-space: nowrap;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi2__tp-stars {
display: flex;
align-items: center;
line-height: 0;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi2__tp-badge {
width: min(100px, 100%);
max-width: 100%;
height: auto;
display: block;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi2__tp-count {
margin: 0;
font-size: 14px;
line-height: 1.2;
color: #0a0a0a;
white-space: nowrap;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi2__tp-count strong {
font-weight: 700;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi2__tp-count span {
font-weight: 400;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi2__ship {
margin-top: 14px;
--ship-muted: #525252;
--ship-fg: #171717;
font-size: 14px;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi2__ship-text {
margin: 0;
line-height: 1.5;
color: var(--ship-muted);
text-align: center;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi2__ship-lead,
#shopify-section-template--31127567171914__amose_product_information .amose-pi2__ship-date {
color: var(--ship-fg);
font-weight: 400;
}
#shopify-section-template--31127567171914__amose_product_information .amose-sben__list {
list-style: none;
margin: 0;
padding: 0;
display: grid;
gap: var(--sben-gap, 10px);
width: fit-content;
max-width: 100%;
}
#shopify-section-template--31127567171914__amose_product_information .amose-sben__row {
display: grid;
grid-template-columns: 1.2em minmax(0, 1fr);
column-gap: 0.55em;
align-items: start;
}
#shopify-section-template--31127567171914__amose_product_information .amose-sben__icon {
width: 1.2em;
height: 1.2em;
margin-top: 0.12em;
justify-self: start;
line-height: 0;
}
#shopify-section-template--31127567171914__amose_product_information .amose-sben__icon svg {
width: 100%;
height: 100%;
display: block;
}
#shopify-section-template--31127567171914__amose_product_information .amose-sben__text {
line-height: 1.45;
margin: 0;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__field {
margin-bottom: 14px;
display: grid;
gap: 8px;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__label {
display: block;
margin: 0;
font-size: 14px;
font-weight: 600;
color: var(--amose-pi-text);
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__select,
#shopify-section-template--31127567171914__amose_product_information .amose-pi__qty {
width: 100%;
min-height: 50px;
border: 1px solid var(--amose-pi-border);
border-radius: 12px;
padding: 0 14px;
background: #fff;
color: var(--amose-pi-text);
font-size: 16px;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__variant-picker.amose-pi__field {
gap: 8px;
margin-bottom: 12px;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__variant-options {
display: grid;
gap: 10px;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__option-group {
display: grid;
gap: 8px;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__option-values {
display: flex;
flex-wrap: wrap;
gap: 6px;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__variant-picker {
--amose-vp-btn-radius: 20px;
--amose-vp-dropdown-radius: 12px;
--amose-vp-control-size: 15px;
--amose-vp-control-weight: 500;
--amose-vp-control-line-height: 1.3;
--amose-vp-label-gap: 8px;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__variant-picker .amose-pi__label {
margin: 0;
padding: 0;
font-size: var(--amose-vp-control-size);
font-weight: var(--amose-vp-control-weight);
line-height: var(--amose-vp-control-line-height);
color: var(--amose-vp-label-color, var(--amose-pi-text));
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__variant-picker .amose-pi__option-group {
gap: var(--amose-vp-label-gap);
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__select-wrap {
position: relative;
display: block;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__variant-picker .amose-pi__select {
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
width: 100%;
min-height: 48px;
padding: 0 44px 0 16px;
border: 1px solid var(--amose-vp-border, var(--amose-pi-border));
border-radius: var(--amose-vp-dropdown-radius);
background-color: var(--amose-vp-dropdown-bg, #fff);
color: var(--amose-vp-dropdown-text, var(--amose-pi-text));
font-size: var(--amose-vp-control-size);
font-weight: var(--amose-vp-control-weight);
line-height: var(--amose-vp-control-line-height);
cursor: pointer;
box-shadow: none;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__variant-picker .amose-pi__select:hover,
#shopify-section-template--31127567171914__amose_product_information .amose-pi__variant-picker .amose-pi__select:focus,
#shopify-section-template--31127567171914__amose_product_information .amose-pi__variant-picker .amose-pi__select:focus-visible,
#shopify-section-template--31127567171914__amose_product_information .amose-pi__variant-picker .amose-pi__select:active {
outline: none;
box-shadow: none;
border-color: var(--amose-vp-border, var(--amose-pi-border));
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__variant-picker .amose-pi__select-wrap::after {
content: '';
position: absolute;
right: 18px;
top: 50%;
width: 8px;
height: 8px;
border-right: 2px solid var(--amose-vp-label-color, var(--amose-pi-muted));
border-bottom: 2px solid var(--amose-vp-label-color, var(--amose-pi-muted));
transform: translateY(-70%) rotate(45deg);
pointer-events: none;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__variant-picker .amose-pi__option-btn {
min-height: 0;
padding: 5px 12px;
border: 1px solid var(--amose-vp-border, var(--amose-pi-border));
border-radius: var(--amose-vp-btn-radius);
background: var(--amose-vp-btn-bg, #fff);
color: var(--amose-vp-btn-text, var(--amose-pi-text));
font-size: var(--amose-vp-control-size);
font-weight: var(--amose-vp-control-weight);
line-height: var(--amose-vp-control-line-height);
cursor: pointer;
transition: border-color 0.15s ease, background 0.15s ease, color 0.15s ease, box-shadow 0.15s ease;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__variant-picker .amose-pi__option-btn:hover:not(:disabled):not(.is-selected) {
border-color: color-mix(in srgb, var(--amose-vp-border, var(--amose-pi-border)) 50%, var(--amose-vp-btn-text, var(--amose-pi-text)));
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__variant-picker .amose-pi__option-btn.is-selected {
border-color: var(--amose-vp-btn-selected-bg, var(--amose-pi-text));
background: var(--amose-vp-btn-selected-bg, var(--amose-pi-text));
color: var(--amose-vp-btn-selected-text, #fff);
box-shadow: 0 2px 8px color-mix(in srgb, var(--amose-vp-btn-selected-bg, var(--amose-pi-text)) 22%, transparent);
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__variant-picker .amose-pi__option-btn.is-unavailable {
opacity: 0.45;
cursor: not-allowed;
text-decoration: line-through;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__add-row {
display: grid;
grid-template-columns: 1fr;
gap: 10px;
margin-top: 20px;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__qty-wrap {
display: grid;
grid-template-columns: 42px 1fr 42px;
min-height: 50px;
border: 1px solid var(--amose-pi-border);
border-radius: 12px;
overflow: hidden;
background: #fff;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__qty-btn {
border: 0;
background: #f8f8f8;
color: var(--amose-pi-text);
cursor: pointer;
font-size: 19px;
font-weight: 500;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__qty {
border: 0;
text-align: center;
min-height: 50px;
padding: 0;
border-radius: 0;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__cta {
width: 100%;
display: inline-flex;
align-items: center;
justify-content: center;
gap: 8px;
min-height: 55px;
border: 0;
border-radius: 15px;
font-weight: 700;
font-size: var(--amose-pi-cta-font-size, 18px);
cursor: pointer;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__cta:disabled {
opacity: 0.65;
cursor: wait;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__cta-price {
font-size: 0.95em;
font-weight: 600;
opacity: 0.95;
white-space: nowrap;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__faq-under-media {
display: none;
width: 100%;
margin-top: 8px;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__accordion {
margin: 0;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__accordion details {
border-top: 1px solid var(--pi-acc-border, var(--amose-pi-border));
background: var(--pi-acc-bg, transparent);
border-radius: var(--pi-acc-radius, 0px);
}
/* Under gallery: flush like FAQ 3. After shipping: keep the top line for separation. */
#shopify-section-template--31127567171914__amose_product_information .amose-pi__faq-under-media .amose-pi__accordion:first-child details {
border-top: 0;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__faq-main-col + .amose-pi__faq-main-col details {
border-top: 1px solid var(--pi-acc-border, var(--amose-pi-border));
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__accordion--card details {
border: 1px solid var(--pi-acc-border, var(--amose-pi-border));
margin-bottom: 8px;
overflow: hidden;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__accordion--card:last-child details,
#shopify-section-template--31127567171914__amose_product_information .amose-pi__faq-main-col.amose-pi__accordion--card:last-of-type details {
margin-bottom: 0;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__accordion--card + .amose-pi__accordion--card details,
#shopify-section-template--31127567171914__amose_product_information .amose-pi__faq-under-media .amose-pi__accordion--card:first-child details,
#shopify-section-template--31127567171914__amose_product_information .amose-track + .amose-pi__faq-main-col.amose-pi__accordion--card details {
border-top: 1px solid var(--pi-acc-border, var(--amose-pi-border));
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__accordion summary {
list-style: none;
cursor: pointer;
padding: var(--pi-acc-pad-y, 18px) var(--pi-acc-pad-x, 0px);
display: flex;
justify-content: space-between;
align-items: center;
gap: 16px;
font-weight: var(--pi-acc-title-weight, 600);
font-size: var(--pi-acc-title-size, 16px);
color: var(--pi-acc-title-color, var(--amose-pi-text));
line-height: 1.35;
-webkit-tap-highlight-color: transparent;
outline: none;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__accordion-title {
flex: 1;
min-width: 0;
text-align: left;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__accordion summary::-webkit-details-marker {
display: none;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__accordion summary:focus-visible {
outline: 2px solid var(--pi-acc-title-color, var(--amose-pi-text));
outline-offset: 2px;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__accordion-icon {
position: relative;
width: 22px;
height: 22px;
display: inline-block;
color: var(--pi-acc-icon, var(--amose-pi-text));
flex-shrink: 0;
}
/* FAQ 3–style plus icon */
#shopify-section-template--31127567171914__amose_product_information .amose-pi__accordion-icon--plus::before,
#shopify-section-template--31127567171914__amose_product_information .amose-pi__accordion-icon--plus::after {
content: "";
position: absolute;
top: 50%;
left: 50%;
background: currentColor;
border-radius: 1px;
transform: translate(-50%, -50%);
transition: transform 0.2s ease, opacity 0.2s ease;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__accordion-icon--plus::before {
width: 14px;
height: 2px;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__accordion-icon--plus::after {
width: 2px;
height: 14px;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__accordion details[open] .amose-pi__accordion-icon--plus::after {
opacity: 0;
transform: translate(-50%, -50%) rotate(90deg);
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__accordion-icon--chevron::before {
content: "";
position: absolute;
top: 6px;
left: 5px;
width: 8px;
height: 8px;
border-right: 2px solid currentColor;
border-bottom: 2px solid currentColor;
transform: rotate(45deg);
transition: transform 0.15s ease;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__accordion details[open] .amose-pi__accordion-icon--chevron::before {
top: 8px;
transform: rotate(225deg);
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__accordion-content {
padding: 0 var(--pi-acc-pad-x, 0px) var(--pi-acc-pad-y, 18px);
margin-top: -4px;
font-size: var(--pi-acc-body-size, 14px);
color: var(--pi-acc-body-color, var(--amose-pi-muted));
line-height: 1.55;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__accordion-content p {
margin: 0 0 0.75em;
color: inherit;
font-size: inherit;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__accordion-content p:last-child {
margin-bottom: 0;
}
@media screen and (max-width: 749px) {
#shopify-section-template--31127567171914__amose_product_information .amose-pi__accordion summary {
font-size: max(14px, calc(var(--pi-acc-title-size, 16px) - 1px));
padding-top: 16px;
padding-bottom: 16px;
}
#shopify-section-template--31127567171914__amose_product_information .amose-pi__accordion-content,
#shopify-section-template--31127567171914__amose_product_information .amose-pi__accordion-content p {
font-size: max(13px, calc(var(--pi-acc-body-size, 14px) - 1px));
}
}
#shopify-section-template--31127567171914__amose_product_information .amose-track {
width: 100%;
box-sizing: border-box;
margin-top: 12px;
}
#shopify-section-template--31127567171914__amose_product_information .amose-track__list {
list-style: none;
margin: 0;
padding: 0;
display: flex;
width: 100%;
align-items: flex-start;
}
#shopify-section-template--31127567171914__amose_product_information .amose-track__item {
flex: 1 1 0;
position: relative;
text-align: center;
min-width: 0;
padding: 0;
}
#shopify-section-template--31127567171914__amose_product_information .amose-track__item:not(:last-child)::after {
content: "";
position: absolute;
top: calc(var(--track-icon-size) / 2);
left: calc(50% + var(--track-icon-size) / 2);
width: calc(100% - var(--track-icon-size));
height: 2px;
background: var(--track-line);
z-index: 0;
transform: translateY(-50%);
}
#shopify-section-template--31127567171914__amose_product_information .amose-track__icon-ring {
position: relative;
z-index: 1;
width: var(--track-icon-size);
height: var(--track-icon-size);
margin: 0 auto 0.65em;
border-radius: 50%;
background: var(--track-icon-bg);
display: flex;
align-items: center;
justify-content: center;
color: var(--track-accent);
}
#shopify-section-template--31127567171914__amose_product_information .amose-track__icon-ring svg {
width: 55%;
height: 55%;
display: block;
}
#shopify-section-template--31127567171914__amose_product_information .amose-track__icon-ring .ph-duotone {
font-size: 22px;
line-height: 1;
color: var(--track-accent);
}
#shopify-section-template--31127567171914__amose_product_information .amose-track__date {
margin: 0;
font-size: 0.92em;
font-weight: 500;
color: var(--track-text, #171717);
line-height: 1.25;
}
#shopify-section-template--31127567171914__amose_product_information .amose-track__status {
margin: 0.15em 0 0;
font-size: 1.05em;
font-weight: 700;
color: var(--track-text, #171717);
line-height: 1.2;
}</style><style data-shopify>#shopify-section-template--31127567171914__amose_product_information.amose-section-checking {
display: none !important;
}</style><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/regular/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@phosphor-icons/web@2.1.1/src/duotone/style.css">
<div id="amose-product-information-top" class="amose-pi__wrap">
<div class="amose-pi__layout">
<div class="amose-pi__left">
<div class="amose-pi__media-layout">
<div class="amose-pi__media" data-amose-pi-media-carousel>
<div class="amose-pi__media-track">
<div
class="amose-pi__media-slide is-active"
data-amose-pi-slide
data-media-id="70963053068618"
data-slide-index="0"
>
<img
class="amose-pi__main-img"
src="//www.solarbiolux.eu/cdn/shop/files/S99eef0807add4d979f9cc74826c9dcaek.webp?v=1784803523&width=1400"
alt="Ouvre-bouteille magnétique créatif automatique CLICKCAP"
loading="eager"
decoding="async"
fetchpriority="high"
>
</div>
<div
class="amose-pi__media-slide"
data-amose-pi-slide
data-media-id="70963053101386"
data-slide-index="1"
>
<img
class="amose-pi__main-img"
src="//www.solarbiolux.eu/cdn/shop/files/S55f508dbe7d84ec3b336f5effa5ab8c5s.webp?v=1784803523&width=1400"
alt="Ouvre-bouteille magnétique créatif automatique CLICKCAP"
loading="eager"
decoding="async"
>
</div>
<div
class="amose-pi__media-slide"
data-amose-pi-slide
data-media-id="70963053134154"
data-slide-index="2"
>
<img
class="amose-pi__main-img"
src="//www.solarbiolux.eu/cdn/shop/files/S247385397aaa4e789510ad94e56f188fu.webp?v=1784803523&width=1400"
alt="Ouvre-bouteille magnétique créatif automatique CLICKCAP"
loading="eager"
decoding="async"
>
</div>
<div
class="amose-pi__media-slide"
data-amose-pi-slide
data-media-id="70963060769098"
data-slide-index="3"
>
<img
class="amose-pi__main-img"
src="//www.solarbiolux.eu/cdn/shop/files/Sdfd519a29dec4c9b9a48ec39dde5446eN.webp?v=1784803524&width=1400"
alt="852452301-1"
loading="eager"
decoding="async"
>
</div>
<div
class="amose-pi__media-slide"
data-amose-pi-slide
data-media-id="70963060801866"
data-slide-index="4"
>
<img
class="amose-pi__main-img"
src="//www.solarbiolux.eu/cdn/shop/files/Safa9e024ba344ef19825409e7068aa72n.webp?v=1784803524&width=1400"
alt="969077152-2"
loading="eager"
decoding="async"
>
</div>
<div
class="amose-pi__media-slide"
data-amose-pi-slide
data-media-id="70963060834634"
data-slide-index="5"
>
<img
class="amose-pi__main-img"
src="//www.solarbiolux.eu/cdn/shop/files/Sa019ca75c6474017af494630b8ed6568e.webp?v=1784803524&width=1400"
alt="837116774-3"
loading="eager"
decoding="async"
>
</div>
<div
class="amose-pi__media-slide"
data-amose-pi-slide
data-media-id="70963060867402"
data-slide-index="6"
>
<img
class="amose-pi__main-img"
src="//www.solarbiolux.eu/cdn/shop/files/Saaeee34fd2ce43fbae26bc5c752cf7d3C.webp?v=1784803524&width=1400"
alt="401969715-4"
loading="eager"
decoding="async"
>
</div>
</div>
</div>
<div class="amose-pi__thumb-grid">
<button
type="button"
class="amose-pi__thumb-item amose-pi__thumb-item--featured is-active"
data-amose-pi-thumb
data-media-id="70963053068618"
data-full-src="//www.solarbiolux.eu/cdn/shop/files/S99eef0807add4d979f9cc74826c9dcaek.webp?v=1784803523&width=1400"
data-alt="Ouvre-bouteille magnétique créatif automatique CLICKCAP"
data-slide-index="0"
aria-label="View product image 1"
>
<img src="//www.solarbiolux.eu/cdn/shop/files/S99eef0807add4d979f9cc74826c9dcaek.webp?v=1784803523&width=520" alt="" srcset="//www.solarbiolux.eu/cdn/shop/files/S99eef0807add4d979f9cc74826c9dcaek.webp?v=1784803523&width=352 352w, //www.solarbiolux.eu/cdn/shop/files/S99eef0807add4d979f9cc74826c9dcaek.webp?v=1784803523&width=520 520w" width="520" height="520" loading="eager" decoding="async">
</button>
<button
type="button"
class="amose-pi__thumb-item"
data-amose-pi-thumb
data-media-id="70963053101386"
data-full-src="//www.solarbiolux.eu/cdn/shop/files/S55f508dbe7d84ec3b336f5effa5ab8c5s.webp?v=1784803523&width=1400"
data-alt="Ouvre-bouteille magnétique créatif automatique CLICKCAP"
data-slide-index="1"
aria-label="View product image 2"
>
<img src="//www.solarbiolux.eu/cdn/shop/files/S55f508dbe7d84ec3b336f5effa5ab8c5s.webp?v=1784803523&width=520" alt="" srcset="//www.solarbiolux.eu/cdn/shop/files/S55f508dbe7d84ec3b336f5effa5ab8c5s.webp?v=1784803523&width=352 352w, //www.solarbiolux.eu/cdn/shop/files/S55f508dbe7d84ec3b336f5effa5ab8c5s.webp?v=1784803523&width=520 520w" width="520" height="520" loading="eager" decoding="async">
</button>
<button
type="button"
class="amose-pi__thumb-item"
data-amose-pi-thumb
data-media-id="70963053134154"
data-full-src="//www.solarbiolux.eu/cdn/shop/files/S247385397aaa4e789510ad94e56f188fu.webp?v=1784803523&width=1400"
data-alt="Ouvre-bouteille magnétique créatif automatique CLICKCAP"
data-slide-index="2"
aria-label="View product image 3"
>
<img src="//www.solarbiolux.eu/cdn/shop/files/S247385397aaa4e789510ad94e56f188fu.webp?v=1784803523&width=520" alt="" srcset="//www.solarbiolux.eu/cdn/shop/files/S247385397aaa4e789510ad94e56f188fu.webp?v=1784803523&width=352 352w, //www.solarbiolux.eu/cdn/shop/files/S247385397aaa4e789510ad94e56f188fu.webp?v=1784803523&width=520 520w" width="520" height="520" loading="eager" decoding="async">
</button>
<button
type="button"
class="amose-pi__thumb-item"
data-amose-pi-thumb
data-media-id="70963060769098"
data-full-src="//www.solarbiolux.eu/cdn/shop/files/Sdfd519a29dec4c9b9a48ec39dde5446eN.webp?v=1784803524&width=1400"
data-alt="852452301-1"
data-slide-index="3"
aria-label="View product image 4"
>
<img src="//www.solarbiolux.eu/cdn/shop/files/Sdfd519a29dec4c9b9a48ec39dde5446eN.webp?v=1784803524&width=520" alt="" srcset="//www.solarbiolux.eu/cdn/shop/files/Sdfd519a29dec4c9b9a48ec39dde5446eN.webp?v=1784803524&width=352 352w, //www.solarbiolux.eu/cdn/shop/files/Sdfd519a29dec4c9b9a48ec39dde5446eN.webp?v=1784803524&width=520 520w" width="520" height="520" loading="eager" decoding="async">
</button>
<button
type="button"
class="amose-pi__thumb-item"
data-amose-pi-thumb
data-media-id="70963060801866"
data-full-src="//www.solarbiolux.eu/cdn/shop/files/Safa9e024ba344ef19825409e7068aa72n.webp?v=1784803524&width=1400"
data-alt="969077152-2"
data-slide-index="4"
aria-label="View product image 5"
>
<img src="//www.solarbiolux.eu/cdn/shop/files/Safa9e024ba344ef19825409e7068aa72n.webp?v=1784803524&width=520" alt="" srcset="//www.solarbiolux.eu/cdn/shop/files/Safa9e024ba344ef19825409e7068aa72n.webp?v=1784803524&width=352 352w, //www.solarbiolux.eu/cdn/shop/files/Safa9e024ba344ef19825409e7068aa72n.webp?v=1784803524&width=520 520w" width="520" height="520" loading="eager" decoding="async">
</button>
<button
type="button"
class="amose-pi__thumb-item"
data-amose-pi-thumb
data-media-id="70963060834634"
data-full-src="//www.solarbiolux.eu/cdn/shop/files/Sa019ca75c6474017af494630b8ed6568e.webp?v=1784803524&width=1400"
data-alt="837116774-3"
data-slide-index="5"
aria-label="View product image 6"
>
<img src="//www.solarbiolux.eu/cdn/shop/files/Sa019ca75c6474017af494630b8ed6568e.webp?v=1784803524&width=520" alt="" srcset="//www.solarbiolux.eu/cdn/shop/files/Sa019ca75c6474017af494630b8ed6568e.webp?v=1784803524&width=352 352w, //www.solarbiolux.eu/cdn/shop/files/Sa019ca75c6474017af494630b8ed6568e.webp?v=1784803524&width=520 520w" width="520" height="520" loading="eager" decoding="async">
</button>
<button
type="button"
class="amose-pi__thumb-item"
data-amose-pi-thumb
data-media-id="70963060867402"
data-full-src="//www.solarbiolux.eu/cdn/shop/files/Saaeee34fd2ce43fbae26bc5c752cf7d3C.webp?v=1784803524&width=1400"
data-alt="401969715-4"
data-slide-index="6"
aria-label="View product image 7"
>
<img src="//www.solarbiolux.eu/cdn/shop/files/Saaeee34fd2ce43fbae26bc5c752cf7d3C.webp?v=1784803524&width=520" alt="" srcset="//www.solarbiolux.eu/cdn/shop/files/Saaeee34fd2ce43fbae26bc5c752cf7d3C.webp?v=1784803524&width=352 352w, //www.solarbiolux.eu/cdn/shop/files/Saaeee34fd2ce43fbae26bc5c752cf7d3C.webp?v=1784803524&width=520 520w" width="520" height="520" loading="eager" decoding="async">
</button>
</div>
</div>
</div>
<div class="amose-pi__content">
<form method="post" action="/cart/add" id="product_form_15926262530378" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" />
<input type="hidden" name="id" value="62792699478346">
<div
class="kodu-star-badge-wrapper"
data-amose-pi-star
style="margin-top: 8px; margin-bottom: 8px;"
>
<div
class="kodu-star-badge-row"
style="justify-content: flex-start; gap: 8px;"
>
<div class="kodu-star-badge-stars">
<div class="kodu-star-badge-empty">
<svg class="kodu-star-svg" style="width: 16px; height: 16px; fill: #e5e7eb;" viewbox="0 0 24 24" aria-hidden="true"><path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"/></svg>
<svg class="kodu-star-svg" style="width: 16px; height: 16px; fill: #e5e7eb;" viewbox="0 0 24 24" aria-hidden="true"><path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"/></svg>
<svg class="kodu-star-svg" style="width: 16px; height: 16px; fill: #e5e7eb;" viewbox="0 0 24 24" aria-hidden="true"><path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"/></svg>
<svg class="kodu-star-svg" style="width: 16px; height: 16px; fill: #e5e7eb;" viewbox="0 0 24 24" aria-hidden="true"><path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"/></svg>
<svg class="kodu-star-svg" style="width: 16px; height: 16px; fill: #e5e7eb;" viewbox="0 0 24 24" aria-hidden="true"><path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"/></svg>
</div>
<div class="kodu-star-badge-full" style="width: 96.0%;">
<svg class="kodu-star-svg" style="width: 16px; height: 16px; fill: #000000;" viewbox="0 0 24 24" aria-hidden="true"><path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"/></svg>
<svg class="kodu-star-svg" style="width: 16px; height: 16px; fill: #000000;" viewbox="0 0 24 24" aria-hidden="true"><path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"/></svg>
<svg class="kodu-star-svg" style="width: 16px; height: 16px; fill: #000000;" viewbox="0 0 24 24" aria-hidden="true"><path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"/></svg>
<svg class="kodu-star-svg" style="width: 16px; height: 16px; fill: #000000;" viewbox="0 0 24 24" aria-hidden="true"><path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"/></svg>
<svg class="kodu-star-svg" style="width: 16px; height: 16px; fill: #000000;" viewbox="0 0 24 24" aria-hidden="true"><path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"/></svg>
</div>
</div>
<div class="kodu-star-badge-text" style="font-size: 14px; color: #000000;">
<strong>Noté 4.8</strong>
<span style="color: #9ca3af; margin-left: 2px;">(350)</span>
</div>
</div>
</div>
<h1
class="amose-pi__title"
style="font-size: 28px; color: #000000;"
>Ouvre-bouteille magnétique créatif automatique CLICKCAP</h1>
<p
class="amose-pi__price"
style="font-size: 18px; color: #000000;"
>
<span data-amose-price-current>€12,60</span>
<span
class="amose-pi__price-compare"
data-amose-price-compare
style="color: #444444; display: none;"
></span>
</p>
<div class="amose-pi__desc rte" ></div>
<div
class="amose-sben"
style=" --sben-gap: 10px; --sben-icon: #0a0a0a; --sben-text: #000000; font-size: 14px; margin-top: 8px; margin-bottom: 8px; width: 100%; "
>
<ul class="amose-sben__list" role="list" style="margin-inline: 0;">
<li class="amose-sben__row">
<span class="amose-sben__icon" aria-hidden="true" style="color: var(--sben-icon);">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.5924 3.20027C9.34888 3.4078 9.22711 3.51158 9.09706 3.59874C8.79896 3.79854 8.46417 3.93721 8.1121 4.00672C7.95851 4.03705 7.79903 4.04977 7.48008 4.07522C6.6787 4.13918 6.278 4.17115 5.94371 4.28923C5.17051 4.56233 4.56233 5.17051 4.28923 5.94371C4.17115 6.278 4.13918 6.6787 4.07522 7.48008C4.04977 7.79903 4.03705 7.95851 4.00672 8.1121C3.93721 8.46417 3.79854 8.79896 3.59874 9.09706C3.51158 9.22711 3.40781 9.34887 3.20027 9.5924C2.67883 10.2043 2.4181 10.5102 2.26522 10.8301C1.91159 11.57 1.91159 12.43 2.26522 13.1699C2.41811 13.4898 2.67883 13.7957 3.20027 14.4076C3.40778 14.6511 3.51158 14.7729 3.59874 14.9029C3.79854 15.201 3.93721 15.5358 4.00672 15.8879C4.03705 16.0415 4.04977 16.201 4.07522 16.5199C4.13918 17.3213 4.17115 17.722 4.28923 18.0563C4.56233 18.8295 5.17051 19.4377 5.94371 19.7108C6.278 19.8288 6.6787 19.8608 7.48008 19.9248C7.79903 19.9502 7.95851 19.963 8.1121 19.9933C8.46417 20.0628 8.79896 20.2015 9.09706 20.4013C9.22711 20.4884 9.34887 20.5922 9.5924 20.7997C10.2043 21.3212 10.5102 21.5819 10.8301 21.7348C11.57 22.0884 12.43 22.0884 13.1699 21.7348C13.4898 21.5819 13.7957 21.3212 14.4076 20.7997C14.6511 20.5922 14.7729 20.4884 14.9029 20.4013C15.201 20.2015 15.5358 20.0628 15.8879 19.9933C16.0415 19.963 16.201 19.9502 16.5199 19.9248C17.3213 19.8608 17.722 19.8288 18.0563 19.7108C18.8295 19.4377 19.4377 18.8295 19.7108 18.0563C19.8288 17.722 19.8608 17.3213 19.9248 16.5199C19.9502 16.201 19.963 16.0415 19.9933 15.8879C20.0628 15.5358 20.2015 15.201 20.4013 14.9029C20.4884 14.7729 20.5922 14.6511 20.7997 14.4076C21.3212 13.7957 21.5819 13.4898 21.7348 13.1699C22.0884 12.43 22.0884 11.57 21.7348 10.8301C21.5819 10.5102 21.3212 10.2043 20.7997 9.5924C20.5922 9.34887 20.4884 9.22711 20.4013 9.09706C20.2015 8.79896 20.0628 8.46417 19.9933 8.1121C19.963 7.95851 19.9502 7.79903 19.9248 7.48008C19.8608 6.6787 19.8288 6.278 19.7108 5.94371C19.4377 5.17051 18.8295 4.56233 18.0563 4.28923C17.722 4.17115 17.3213 4.13918 16.5199 4.07522C16.201 4.04977 16.0415 4.03705 15.8879 4.00672C15.5358 3.93721 15.201 3.79854 14.9029 3.59874C14.7729 3.51158 14.6511 3.40781 14.4076 3.20027C13.7957 2.67883 13.4898 2.41811 13.1699 2.26522C12.43 1.91159 11.57 1.91159 10.8301 2.26522C10.5102 2.4181 10.2043 2.67883 9.5924 3.20027ZM16.3735 9.86314C16.6913 9.5453 16.6913 9.03 16.3735 8.71216C16.0557 8.39433 15.5403 8.39433 15.2225 8.71216L10.3723 13.5624L8.77746 11.9676C8.45963 11.6498 7.94432 11.6498 7.62649 11.9676C7.30866 12.2854 7.30866 12.8007 7.62649 13.1186L9.79678 15.2889C10.1146 15.6067 10.6299 15.6067 10.9478 15.2889L16.3735 9.86314Z" fill="currentColor"/>
</svg>
</span>
<p class="amose-sben__text" style="color: var(--sben-text);">Ouverture rapide et sans effort.</p>
</li>
<li class="amose-sben__row">
<span class="amose-sben__icon" aria-hidden="true" style="color: var(--sben-icon);">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.5924 3.20027C9.34888 3.4078 9.22711 3.51158 9.09706 3.59874C8.79896 3.79854 8.46417 3.93721 8.1121 4.00672C7.95851 4.03705 7.79903 4.04977 7.48008 4.07522C6.6787 4.13918 6.278 4.17115 5.94371 4.28923C5.17051 4.56233 4.56233 5.17051 4.28923 5.94371C4.17115 6.278 4.13918 6.6787 4.07522 7.48008C4.04977 7.79903 4.03705 7.95851 4.00672 8.1121C3.93721 8.46417 3.79854 8.79896 3.59874 9.09706C3.51158 9.22711 3.40781 9.34887 3.20027 9.5924C2.67883 10.2043 2.4181 10.5102 2.26522 10.8301C1.91159 11.57 1.91159 12.43 2.26522 13.1699C2.41811 13.4898 2.67883 13.7957 3.20027 14.4076C3.40778 14.6511 3.51158 14.7729 3.59874 14.9029C3.79854 15.201 3.93721 15.5358 4.00672 15.8879C4.03705 16.0415 4.04977 16.201 4.07522 16.5199C4.13918 17.3213 4.17115 17.722 4.28923 18.0563C4.56233 18.8295 5.17051 19.4377 5.94371 19.7108C6.278 19.8288 6.6787 19.8608 7.48008 19.9248C7.79903 19.9502 7.95851 19.963 8.1121 19.9933C8.46417 20.0628 8.79896 20.2015 9.09706 20.4013C9.22711 20.4884 9.34887 20.5922 9.5924 20.7997C10.2043 21.3212 10.5102 21.5819 10.8301 21.7348C11.57 22.0884 12.43 22.0884 13.1699 21.7348C13.4898 21.5819 13.7957 21.3212 14.4076 20.7997C14.6511 20.5922 14.7729 20.4884 14.9029 20.4013C15.201 20.2015 15.5358 20.0628 15.8879 19.9933C16.0415 19.963 16.201 19.9502 16.5199 19.9248C17.3213 19.8608 17.722 19.8288 18.0563 19.7108C18.8295 19.4377 19.4377 18.8295 19.7108 18.0563C19.8288 17.722 19.8608 17.3213 19.9248 16.5199C19.9502 16.201 19.963 16.0415 19.9933 15.8879C20.0628 15.5358 20.2015 15.201 20.4013 14.9029C20.4884 14.7729 20.5922 14.6511 20.7997 14.4076C21.3212 13.7957 21.5819 13.4898 21.7348 13.1699C22.0884 12.43 22.0884 11.57 21.7348 10.8301C21.5819 10.5102 21.3212 10.2043 20.7997 9.5924C20.5922 9.34887 20.4884 9.22711 20.4013 9.09706C20.2015 8.79896 20.0628 8.46417 19.9933 8.1121C19.963 7.95851 19.9502 7.79903 19.9248 7.48008C19.8608 6.6787 19.8288 6.278 19.7108 5.94371C19.4377 5.17051 18.8295 4.56233 18.0563 4.28923C17.722 4.17115 17.3213 4.13918 16.5199 4.07522C16.201 4.04977 16.0415 4.03705 15.8879 4.00672C15.5358 3.93721 15.201 3.79854 14.9029 3.59874C14.7729 3.51158 14.6511 3.40781 14.4076 3.20027C13.7957 2.67883 13.4898 2.41811 13.1699 2.26522C12.43 1.91159 11.57 1.91159 10.8301 2.26522C10.5102 2.4181 10.2043 2.67883 9.5924 3.20027ZM16.3735 9.86314C16.6913 9.5453 16.6913 9.03 16.3735 8.71216C16.0557 8.39433 15.5403 8.39433 15.2225 8.71216L10.3723 13.5624L8.77746 11.9676C8.45963 11.6498 7.94432 11.6498 7.62649 11.9676C7.30866 12.2854 7.30866 12.8007 7.62649 13.1186L9.79678 15.2889C10.1146 15.6067 10.6299 15.6067 10.9478 15.2889L16.3735 9.86314Z" fill="currentColor"/>
</svg>
</span>
<p class="amose-sben__text" style="color: var(--sben-text);">Design compact et portable.</p>
</li>
<li class="amose-sben__row">
<span class="amose-sben__icon" aria-hidden="true" style="color: var(--sben-icon);">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M9.5924 3.20027C9.34888 3.4078 9.22711 3.51158 9.09706 3.59874C8.79896 3.79854 8.46417 3.93721 8.1121 4.00672C7.95851 4.03705 7.79903 4.04977 7.48008 4.07522C6.6787 4.13918 6.278 4.17115 5.94371 4.28923C5.17051 4.56233 4.56233 5.17051 4.28923 5.94371C4.17115 6.278 4.13918 6.6787 4.07522 7.48008C4.04977 7.79903 4.03705 7.95851 4.00672 8.1121C3.93721 8.46417 3.79854 8.79896 3.59874 9.09706C3.51158 9.22711 3.40781 9.34887 3.20027 9.5924C2.67883 10.2043 2.4181 10.5102 2.26522 10.8301C1.91159 11.57 1.91159 12.43 2.26522 13.1699C2.41811 13.4898 2.67883 13.7957 3.20027 14.4076C3.40778 14.6511 3.51158 14.7729 3.59874 14.9029C3.79854 15.201 3.93721 15.5358 4.00672 15.8879C4.03705 16.0415 4.04977 16.201 4.07522 16.5199C4.13918 17.3213 4.17115 17.722 4.28923 18.0563C4.56233 18.8295 5.17051 19.4377 5.94371 19.7108C6.278 19.8288 6.6787 19.8608 7.48008 19.9248C7.79903 19.9502 7.95851 19.963 8.1121 19.9933C8.46417 20.0628 8.79896 20.2015 9.09706 20.4013C9.22711 20.4884 9.34887 20.5922 9.5924 20.7997C10.2043 21.3212 10.5102 21.5819 10.8301 21.7348C11.57 22.0884 12.43 22.0884 13.1699 21.7348C13.4898 21.5819 13.7957 21.3212 14.4076 20.7997C14.6511 20.5922 14.7729 20.4884 14.9029 20.4013C15.201 20.2015 15.5358 20.0628 15.8879 19.9933C16.0415 19.963 16.201 19.9502 16.5199 19.9248C17.3213 19.8608 17.722 19.8288 18.0563 19.7108C18.8295 19.4377 19.4377 18.8295 19.7108 18.0563C19.8288 17.722 19.8608 17.3213 19.9248 16.5199C19.9502 16.201 19.963 16.0415 19.9933 15.8879C20.0628 15.5358 20.2015 15.201 20.4013 14.9029C20.4884 14.7729 20.5922 14.6511 20.7997 14.4076C21.3212 13.7957 21.5819 13.4898 21.7348 13.1699C22.0884 12.43 22.0884 11.57 21.7348 10.8301C21.5819 10.5102 21.3212 10.2043 20.7997 9.5924C20.5922 9.34887 20.4884 9.22711 20.4013 9.09706C20.2015 8.79896 20.0628 8.46417 19.9933 8.1121C19.963 7.95851 19.9502 7.79903 19.9248 7.48008C19.8608 6.6787 19.8288 6.278 19.7108 5.94371C19.4377 5.17051 18.8295 4.56233 18.0563 4.28923C17.722 4.17115 17.3213 4.13918 16.5199 4.07522C16.201 4.04977 16.0415 4.03705 15.8879 4.00672C15.5358 3.93721 15.201 3.79854 14.9029 3.59874C14.7729 3.51158 14.6511 3.40781 14.4076 3.20027C13.7957 2.67883 13.4898 2.41811 13.1699 2.26522C12.43 1.91159 11.57 1.91159 10.8301 2.26522C10.5102 2.4181 10.2043 2.67883 9.5924 3.20027ZM16.3735 9.86314C16.6913 9.5453 16.6913 9.03 16.3735 8.71216C16.0557 8.39433 15.5403 8.39433 15.2225 8.71216L10.3723 13.5624L8.77746 11.9676C8.45963 11.6498 7.94432 11.6498 7.62649 11.9676C7.30866 12.2854 7.30866 12.8007 7.62649 13.1186L9.79678 15.2889C10.1146 15.6067 10.6299 15.6067 10.9478 15.2889L16.3735 9.86314Z" fill="currentColor"/>
</svg>
</span>
<p class="amose-sben__text" style="color: var(--sben-text);">Système magnétique pour capsules.</p>
</li>
</ul>
</div>
<div
class="amose-pi__add-row"
data-amose-pi-atc-wrap
data-amose-atc-redirect="cart"
style="--amose-pi-cta-font-size: 18px;"
>
<input type="hidden" name="return_to" value="/cart">
<button
type="submit"
name="add"
class="amose-pi__cta"
data-amose-pi-atc
style="background: #000000; color: #ffffff; border-radius: 10px;"
>
<span class="amose-pi__cta-label">Ajouter au panier</span>
</button>
</div>
<div
class="amose-track"
data-amose-track-root
data-locale="fr-FR"
data-format="month_long_day"
data-step1-offset="0"
data-step2-offset="3"
data-step3-offset="10"
data-dynamic-dates="true"
style=" --track-accent: #0b091a; --track-icon-bg: #f2f1ed; --track-line: #dadada; --track-text: #171717; --track-icon-size: 40px; font-size: 14px; "
>
<ol class="amose-track__list" role="list">
<li class="amose-track__item">
<div class="amose-track__icon-ring" aria-hidden="true"><i class="ph-duotone ph-calendar-check"></i></div>
<p class="amose-track__date" data-amose-track-date data-offset="0">12 avr.</p>
<p class="amose-track__status">Commande passée</p>
</li>
<li class="amose-track__item">
<div class="amose-track__icon-ring" aria-hidden="true"><i class="ph-duotone ph-package"></i></div>
<p class="amose-track__date" data-amose-track-date data-offset="3">13 avr.</p>
<p class="amose-track__status">Commande expédiée</p>
</li>
<li class="amose-track__item">
<div class="amose-track__icon-ring" aria-hidden="true"><i class="ph-duotone ph-truck"></i></div>
<p class="amose-track__date" data-amose-track-date data-offset="10">15 avr.</p>
<p class="amose-track__status">Livré !</p>
</li>
</ol>
<script>
(function () {
var root = document.currentScript && document.currentScript.closest('[data-amose-track-root]');
if (!root) return;
if (root.getAttribute('data-dynamic-dates') !== 'true') return;
var locale = root.getAttribute('data-locale') || 'en';
var format = root.getAttribute('data-format') || 'month_long_day';
var optionMap = {
month_long_day: { month: 'long', day: 'numeric' },
month_short_day: { month: 'short', day: 'numeric' }
};
var dateOptions = optionMap[format] || optionMap.month_long_day;
var today = new Date();
var current = new Date(today.getFullYear(), today.getMonth(), today.getDate());
root.querySelectorAll('[data-amose-track-date]').forEach(function(node, idx) {
var fallbackOffset = parseInt(root.getAttribute('data-step' + (idx + 1) + '-offset'), 10);
var offset = parseInt(node.getAttribute('data-offset'), 10);
if (!Number.isFinite(offset)) offset = Number.isFinite(fallbackOffset) ? fallbackOffset : idx;
var eta = new Date(current.getFullYear(), current.getMonth(), current.getDate() + offset);
try {
node.textContent = new Intl.DateTimeFormat(locale, dateOptions).format(eta);
} catch (e) {
node.textContent = eta.toLocaleDateString(undefined, dateOptions);
}
});
})();
</script>
</div>
<div
class="amose-pi__accordion amose-pi__faq-main-col"
style=" --pi-acc-title-size: 16px; --pi-acc-title-weight: 600; --pi-acc-title-color: #000000; --pi-acc-body-size: 14px; --pi-acc-body-color: #222222; --pi-acc-border: #e0ded9; --pi-acc-bg: transparent; --pi-acc-radius: 0px; --pi-acc-pad-y: 18px; --pi-acc-pad-x: 0px; --pi-acc-icon: #000000; "
>
<details>
<summary>
<span class="amose-pi__accordion-title">Comment fonctionne l'ouvre-bouteille CLICKCAP ?</span>
<span class="amose-pi__accordion-icon amose-pi__accordion-icon--plus" aria-hidden="true"></span>
</summary>
<div class="amose-pi__accordion-content rte"><p>L'ouvre-bouteille CLICKCAP utilise un mécanisme à pression pour ouvrir les bouteilles. Il suffit de le poser sur la capsule et d'appuyer pour l'ouvrir facilement.</p></div>
</details>
</div>
<div
class="amose-pi__accordion amose-pi__faq-main-col"
style=" --pi-acc-title-size: 16px; --pi-acc-title-weight: 600; --pi-acc-title-color: #000000; --pi-acc-body-size: 14px; --pi-acc-body-color: #222222; --pi-acc-border: #e0ded9; --pi-acc-bg: transparent; --pi-acc-radius: 0px; --pi-acc-pad-y: 18px; --pi-acc-pad-x: 0px; --pi-acc-icon: #000000; "
>
<details>
<summary>
<span class="amose-pi__accordion-title">Est-il compatible avec toutes les bouteilles ?</span>
<span class="amose-pi__accordion-icon amose-pi__accordion-icon--plus" aria-hidden="true"></span>
</summary>
<div class="amose-pi__accordion-content rte"><p>Oui, cet ouvre-bouteille est conçu pour s'adapter à la plupart des capsules de bouteilles de bière et de boissons.</p></div>
</details>
</div>
<div
class="amose-pi__accordion amose-pi__faq-main-col"
style=" --pi-acc-title-size: 16px; --pi-acc-title-weight: 600; --pi-acc-title-color: #000000; --pi-acc-body-size: 14px; --pi-acc-body-color: #222222; --pi-acc-border: #e0ded9; --pi-acc-bg: transparent; --pi-acc-radius: 0px; --pi-acc-pad-y: 18px; --pi-acc-pad-x: 0px; --pi-acc-icon: #000000; "
>
<details>
<summary>
<span class="amose-pi__accordion-title">Est-ce que la capsule reste intacte après ouverture ?</span>
<span class="amose-pi__accordion-icon amose-pi__accordion-icon--plus" aria-hidden="true"></span>
</summary>
<div class="amose-pi__accordion-content rte"><p>Oui, le mécanisme est conçu pour limiter les déformations de la capsule, ce qui est idéal pour les collectionneurs.</p></div>
</details>
</div>
<input type="hidden" name="product-id" value="15926262530378" /><input type="hidden" name="section-id" value="template--31127567171914__amose_product_information" /></form>
</div>
</div>
</div>
<script>
(function() {
var root = document.getElementById('shopify-section-template--31127567171914__amose_product_information');
if (!root) return;
var revealStarBadges = function () {
var badges = root.querySelectorAll('.kodu-star-badge-wrapper[data-amose-pi-star]');
badges.forEach(function (badge) {
badge.classList.add('is-ready');
});
};
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', revealStarBadges, { once: true });
} else {
revealStarBadges();
}
var preloadedGalleryUrls = {};
function preloadGalleryUrl(url) {
if (!url || preloadedGalleryUrls[url]) return;
preloadedGalleryUrls[url] = true;
var img = new Image();
img.decoding = 'async';
img.src = url;
}
function setMainImgFast(imgEl, fullUrl, alt, thumbImg) {
if (!imgEl || !fullUrl) return;
imgEl.loading = 'eager';
imgEl.removeAttribute('srcset');
imgEl.removeAttribute('sizes');
imgEl.alt = alt || imgEl.alt || '';
var thumbSrc = thumbImg && (thumbImg.currentSrc || thumbImg.src);
if (thumbSrc) {
try {
var current = new URL(imgEl.currentSrc || imgEl.src || '', window.location.href).href;
var next = new URL(fullUrl, window.location.href).href;
if (current !== next) imgEl.src = thumbSrc;
} catch (err) {
imgEl.src = thumbSrc;
}
}
var upgrade = new Image();
upgrade.onload = function() {
imgEl.src = fullUrl;
};
upgrade.onerror = function() {
imgEl.src = fullUrl;
};
upgrade.src = fullUrl;
}
var variantPicker = root.querySelector('[data-amose-variant-picker]');
if (variantPicker) {
var variantsDataEl = variantPicker.querySelector('[data-amose-variants-data]');
var variants = [];
try {
variants = JSON.parse(variantsDataEl && variantsDataEl.textContent || '[]');
} catch (err) {
variants = [];
}
var mainImg = root.querySelector('.amose-pi__main-img');
var thumbs = root.querySelectorAll('[data-amose-pi-thumb]');
var priceEl = root.querySelector('[data-amose-price-current]') || root.querySelector('.amose-pi__price > span:first-child');
var compareEl = root.querySelector('[data-amose-price-compare]') || root.querySelector('.amose-pi__price-compare');
var saleBadgeEl = root.querySelector('[data-amose-sale-badge]');
var idInput = variantPicker.querySelector('[name="id"]');
var combinedSelect = variantPicker.querySelector('[data-amose-variant-select]');
var optionSelects = variantPicker.querySelectorAll('[data-amose-option-select]');
var optionBtns = variantPicker.querySelectorAll('[data-amose-option-btn]');
function getSelectedOptions() {
if (combinedSelect) return null;
var count = optionSelects.length || (optionBtns.length ? Math.max.apply(null, Array.prototype.map.call(optionBtns, function(btn) {
return parseInt(btn.getAttribute('data-option-index'), 10) + 1;
})) : 0);
var options = new Array(count);
optionSelects.forEach(function(sel) {
var idx = parseInt(sel.getAttribute('data-option-index'), 10);
options[idx] = sel.value;
});
optionBtns.forEach(function(btn) {
if (!btn.classList.contains('is-selected')) return;
var idx = parseInt(btn.getAttribute('data-option-index'), 10);
options[idx] = btn.getAttribute('data-option-value');
});
return options;
}
function findVariant() {
if (combinedSelect) {
var id = parseInt(combinedSelect.value, 10);
return variants.find(function(v) { return v.id === id; }) || null;
}
var options = getSelectedOptions();
if (!options || !options.length) return null;
return variants.find(function(v) {
if (!v.options || v.options.length < options.length) return false;
for (var i = 0; i < options.length; i++) {
if (v.options[i] !== options[i]) return false;
}
return true;
}) || null;
}
function setMainImage(variant) {
if (!variant || !variant.featured_image_src) return;
var carouselRoot = root.querySelector('[data-amose-pi-media-carousel]');
if (carouselRoot) {
var layout = carouselRoot.closest('.amose-pi__media-layout') || root;
var slides = carouselRoot.querySelectorAll('[data-amose-pi-slide]');
var thumbsAll = layout.querySelectorAll('[data-amose-pi-thumb]');
var matchIndex = -1;
slides.forEach(function(slide, i) {
var mediaId = slide.getAttribute('data-media-id');
var isMatch = mediaId && variant.featured_media_id && String(mediaId) === String(variant.featured_media_id);
slide.classList.toggle('is-active', isMatch);
if (isMatch) matchIndex = i;
});
thumbsAll.forEach(function(thumb) {
var mediaId = thumb.getAttribute('data-media-id');
var isMatch = mediaId && variant.featured_media_id && String(mediaId) === String(variant.featured_media_id);
thumb.classList.toggle('is-active', isMatch);
thumb.classList.toggle('amose-pi__thumb-item--featured', isMatch);
});
if (matchIndex >= 0 && window.matchMedia('(max-width: 749px)').matches) {
var activeSlide = slides[matchIndex];
if (activeSlide) {
activeSlide.scrollIntoView({ behavior: 'smooth', inline: 'start', block: 'nearest' });
}
}
return;
}
if (!mainImg) return;
var matchingThumb = null;
thumbs.forEach(function(thumb) {
var mediaId = thumb.getAttribute('data-media-id');
var isMatch = mediaId && variant.featured_media_id && String(mediaId) === String(variant.featured_media_id);
thumb.classList.toggle('amose-pi__thumb-item--featured', isMatch);
thumb.classList.toggle('is-active', isMatch);
if (isMatch) matchingThumb = thumb;
});
setMainImgFast(
mainImg,
variant.featured_image_src,
variant.featured_image_alt || '',
matchingThumb && matchingThumb.querySelector('img')
);
}
function updateAvailability() {
if (combinedSelect || !variants.length) return;
var selected = getSelectedOptions();
if (!selected) return;
optionBtns.forEach(function(btn) {
var idx = parseInt(btn.getAttribute('data-option-index'), 10);
var value = btn.getAttribute('data-option-value');
var testOptions = selected.slice();
testOptions[idx] = value;
var match = variants.find(function(v) {
if (!v.options) return false;
for (var i = 0; i < testOptions.length; i++) {
if (v.options[i] !== testOptions[i]) return false;
}
return true;
});
btn.classList.toggle('is-unavailable', !match || !match.available);
btn.disabled = !match || !match.available;
});
}
function applyVariant(variant) {
if (!variant) return;
if (idInput) idInput.value = variant.id;
if (combinedSelect) combinedSelect.value = String(variant.id);
if (priceEl) priceEl.textContent = variant.price_formatted || priceEl.textContent;
var onSale = !!(variant.compare_at_price && variant.price && variant.compare_at_price > variant.price);
if (compareEl) {
if (onSale) {
compareEl.textContent = variant.compare_at_price_formatted;
compareEl.style.display = '';
} else {
compareEl.style.display = 'none';
}
}
if (saleBadgeEl) {
if (onSale) {
var tpl = saleBadgeEl.getAttribute('data-badge-template') || 'Sale';
if (tpl.indexOf('{percent}') !== -1) {
var pct = Math.round((1 - (variant.price / variant.compare_at_price)) * 100);
saleBadgeEl.textContent = tpl.split('{percent}').join(String(pct));
}
saleBadgeEl.hidden = false;
} else {
saleBadgeEl.hidden = true;
}
}
setMainImage(variant);
updateAvailability();
}
function onVariantChange() {
var variant = findVariant();
if (variant) applyVariant(variant);
}
if (combinedSelect) {
combinedSelect.addEventListener('change', onVariantChange);
}
optionSelects.forEach(function(sel) {
sel.addEventListener('change', onVariantChange);
});
optionBtns.forEach(function(btn) {
btn.addEventListener('click', function() {
if (btn.disabled) return;
var idx = btn.getAttribute('data-option-index');
variantPicker.querySelectorAll('[data-amose-option-btn][data-option-index="' + idx + '"]').forEach(function(other) {
other.classList.remove('is-selected');
});
btn.classList.add('is-selected');
onVariantChange();
});
});
updateAvailability();
}
var mediaCarousel = root.querySelector('[data-amose-pi-media-carousel]');
var mainImg = root.querySelector('.amose-pi__main-img');
var thumbs = root.querySelectorAll('[data-amose-pi-thumb]');
thumbs.forEach(function(thumb) {
var fullSrc = thumb.getAttribute('data-full-src');
preloadGalleryUrl(fullSrc);
thumb.addEventListener('pointerenter', function() {
preloadGalleryUrl(thumb.getAttribute('data-full-src'));
}, { passive: true });
});
if (mediaCarousel && thumbs.length) {
var slides = mediaCarousel.querySelectorAll('[data-amose-pi-slide]');
var syncingFromScroll = false;
slides.forEach(function(slide) {
var slideImg = slide.querySelector('.amose-pi__main-img');
if (slideImg && slideImg.src) preloadGalleryUrl(slideImg.src);
});
function setActiveSlide(index) {
if (!slides.length) return;
var nextIndex = Math.max(0, Math.min(slides.length - 1, index));
var activeSlide = slides[nextIndex];
var slideImg = activeSlide && activeSlide.querySelector('.amose-pi__main-img');
var thumb = thumbs[nextIndex];
var thumbImg = thumb && thumb.querySelector('img');
if (slideImg && !slideImg.complete) {
var fullSrc = (thumb && thumb.getAttribute('data-full-src')) || slideImg.src;
setMainImgFast(slideImg, fullSrc, (thumb && thumb.getAttribute('data-alt')) || '', thumbImg);
}
slides.forEach(function(slide, i) {
slide.classList.toggle('is-active', i === nextIndex);
});
thumbs.forEach(function(t, i) {
t.classList.toggle('is-active', i === nextIndex);
t.classList.toggle('amose-pi__thumb-item--featured', i === nextIndex);
});
if (!activeSlide) return;
var isMobile = window.matchMedia('(max-width: 749px)').matches;
if (isMobile) {
syncingFromScroll = true;
activeSlide.scrollIntoView({ behavior: 'smooth', inline: 'start', block: 'nearest' });
window.setTimeout(function() {
syncingFromScroll = false;
}, 350);
}
}
thumbs.forEach(function(thumb) {
thumb.addEventListener('click', function(e) {
e.preventDefault();
var idx = parseInt(thumb.getAttribute('data-slide-index'), 10);
if (Number.isNaN(idx)) return;
setActiveSlide(idx);
});
});
mediaCarousel.addEventListener('scroll', function() {
if (syncingFromScroll) return;
if (!window.matchMedia('(max-width: 749px)').matches) return;
var carouselRect = mediaCarousel.getBoundingClientRect();
var bestIndex = 0;
var bestDist = Infinity;
slides.forEach(function(slide, i) {
var rect = slide.getBoundingClientRect();
var dist = Math.abs(rect.left - carouselRect.left);
if (dist < bestDist) {
bestDist = dist;
bestIndex = i;
}
});
slides.forEach(function(slide, i) {
slide.classList.toggle('is-active', i === bestIndex);
});
thumbs.forEach(function(thumb, i) {
thumb.classList.toggle('is-active', i === bestIndex);
thumb.classList.toggle('amose-pi__thumb-item--featured', i === bestIndex);
});
}, { passive: true });
} else if (mainImg && thumbs.length) {
function sameImageUrl(a, b) {
if (!a || !b) return false;
try {
return new URL(a, window.location.href).href === new URL(b, window.location.href).href;
} catch (err) {
return String(a) === String(b);
}
}
thumbs.forEach(function(thumb) {
thumb.addEventListener('click', function(e) {
e.preventDefault();
var thumbNextMainUrl = thumb.getAttribute('data-full-src');
var thumbNextMainAlt = thumb.getAttribute('data-alt') || '';
if (!thumbNextMainUrl) return;
var currentMainUrl = mainImg.currentSrc || mainImg.src || '';
var currentMainAlt = mainImg.getAttribute('alt') || '';
if (sameImageUrl(currentMainUrl, thumbNextMainUrl)) return;
var thumbImg = thumb.querySelector('img');
var isMobile = window.matchMedia('(max-width: 749px)').matches;
if (isMobile) {
setMainImgFast(mainImg, thumbNextMainUrl, thumbNextMainAlt, thumbImg);
thumbs.forEach(function(other) {
other.classList.toggle('is-active', other === thumb);
});
return;
}
if (thumbImg) {
thumbImg.removeAttribute('srcset');
thumbImg.removeAttribute('sizes');
thumbImg.src = currentMainUrl;
}
thumb.setAttribute('data-full-src', currentMainUrl);
thumb.setAttribute('data-alt', currentMainAlt);
setMainImgFast(mainImg, thumbNextMainUrl, thumbNextMainAlt, thumbImg);
thumbs.forEach(function(other) {
other.classList.toggle('is-active', other === thumb);
});
});
});
}
var qtyInput = root.querySelector('.amose-pi__qty');
var minus = root.querySelector('[data-amose-pi-qty-minus]');
var plus = root.querySelector('[data-amose-pi-qty-plus]');
if (qtyInput && minus && plus) {
minus.addEventListener('click', function() {
var next = Math.max(1, (parseInt(qtyInput.value || '1', 10) || 1) - 1);
qtyInput.value = next;
});
plus.addEventListener('click', function() {
var next = (parseInt(qtyInput.value || '1', 10) || 1) + 1;
qtyInput.value = next;
});
}
var atcWrap = root.querySelector('[data-amose-pi-atc-wrap]');
var productForm = root.querySelector('form[action*="/cart/add"]') || root.querySelector('form');
if (atcWrap && productForm) {
var redirectMode = String(atcWrap.getAttribute('data-amose-atc-redirect') || 'cart').toLowerCase();
if (redirectMode === 'theme') redirectMode = 'cart';
var shopRoot =
(window.Shopify && window.Shopify.routes && window.Shopify.routes.root) || '/';
if (shopRoot.slice(-1) !== '/') shopRoot += '/';
var cartAddUrl = shopRoot + 'cart/add.js';
var cartPageUrl = shopRoot + 'cart';
function amoseFindThemeCartUi() {
var selectors = [
'cart-drawer',
'cart-notification',
'cart-drawer-component',
'#CartDrawer',
'#cart-drawer',
'#CartNotification',
'#cart-notification',
'[data-cart-drawer]',
'[data-cart-notification]',
'aside#CartDrawer',
'.cart-drawer',
'.cart-notification',
];
for (var i = 0; i < selectors.length; i++) {
var el = document.querySelector(selectors[i]);
if (el) return el;
}
return null;
}
function amoseCollectCartSectionIds() {
var ids = [];
var seen = {};
function addId(id) {
if (!id || seen[id]) return;
seen[id] = true;
ids.push(String(id));
}
// Prefer live section IDs from the DOM (Dawn / OS 2.0 themes).
document.querySelectorAll(
'#shopify-section-cart-drawer, #shopify-section-cart-notification, #shopify-section-cart-icon-bubble, [id^="shopify-section-"][id*="cart"]'
).forEach(function(sectionEl) {
var raw = sectionEl.id || '';
var match = raw.match(/^shopify-section-(.+)$/);
if (match) addId(match[1]);
if (sectionEl.dataset && sectionEl.dataset.sectionId) addId(sectionEl.dataset.sectionId);
});
[
'cart-drawer',
'cart-notification',
'cart-icon-bubble',
'header',
'cart-drawer-component',
].forEach(addId);
return ids;
}
function amoseGetSectionInnerHTML(html, selector) {
try {
var doc = new DOMParser().parseFromString(html, 'text/html');
var el = selector ? doc.querySelector(selector) : doc.body;
return el ? el.innerHTML : '';
} catch (err) {
return '';
}
}
function amoseReplaceSectionHtml(sectionId, html) {
if (!sectionId || !html) return false;
var current =
document.getElementById('shopify-section-' + sectionId) ||
document.getElementById(sectionId) ||
document.querySelector('[id$="' + sectionId + '"]');
if (!current) return false;
try {
var doc = new DOMParser().parseFromString(html, 'text/html');
var next =
doc.getElementById('shopify-section-' + sectionId) ||
doc.getElementById(sectionId) ||
doc.querySelector('[id$="' + sectionId + '"]') ||
doc.body.firstElementChild;
if (!next) {
current.innerHTML = html;
return true;
}
current.replaceWith(next);
return true;
} catch (err) {
try {
current.innerHTML = html;
return true;
} catch (err2) {
return false;
}
}
}
function amoseApplyCartSections(response) {
if (!response || !response.sections) return false;
var applied = false;
var drawer = amoseFindThemeCartUi();
// Dawn / Horizon: let the theme component re-render itself.
if (drawer && typeof drawer.renderContents === 'function') {
try {
drawer.renderContents(response);
return true;
} catch (err) {}
}
Object.keys(response.sections).forEach(function(sectionId) {
var html = response.sections[sectionId];
if (!html) return;
// Dawn cart-drawer partial updates when full replace isn't needed.
if (sectionId.indexOf('cart-drawer') !== -1 || sectionId === 'cart-drawer') {
var partialSelectors = ['cart-drawer-items', '.cart-drawer__footer', '.drawer__inner'];
var doc = null;
try {
doc = new DOMParser().parseFromString(html, 'text/html');
} catch (err) {
doc = null;
}
if (doc) {
partialSelectors.forEach(function(selector) {
var target = document.querySelector(selector);
var source = doc.querySelector(selector);
if (target && source) {
target.replaceWith(source);
applied = true;
}
});
}
}
if (amoseReplaceSectionHtml(sectionId, html)) applied = true;
// Cart icon bubble is often only an inner fragment.
if (sectionId.indexOf('cart-icon-bubble') !== -1) {
var bubble =
document.getElementById('cart-icon-bubble') ||
document.querySelector('.cart-count-bubble') ||
document.querySelector('[data-cart-icon-bubble]');
var bubbleHtml = amoseGetSectionInnerHTML(html, '.shopify-section') || html;
if (bubble && bubbleHtml) {
try {
var bubbleDoc = new DOMParser().parseFromString(bubbleHtml, 'text/html');
var nextBubble =
bubbleDoc.getElementById('cart-icon-bubble') ||
bubbleDoc.querySelector('.cart-count-bubble') ||
bubbleDoc.body.firstElementChild;
if (nextBubble) {
bubble.replaceWith(nextBubble);
applied = true;
} else {
bubble.innerHTML = bubbleHtml;
applied = true;
}
} catch (err3) {}
}
}
});
return applied;
}
function amoseFetchAndApplyCartSections() {
var sectionIds = amoseCollectCartSectionIds();
if (!sectionIds.length) return Promise.resolve(false);
var url = shopRoot + '?sections=' + encodeURIComponent(sectionIds.join(','));
return fetch(url, {
headers: { Accept: 'application/json' },
credentials: 'same-origin',
})
.then(function(res) {
return res.ok ? res.json() : null;
})
.then(function(sections) {
if (!sections) return false;
return amoseApplyCartSections({ sections: sections });
})
.catch(function() {
return false;
});
}
function amoseOpenThemeCartUi(drawer) {
if (!drawer) return false;
// Re-query after section replace (custom elements may be new nodes).
drawer = amoseFindThemeCartUi() || drawer;
if (typeof drawer.open === 'function') {
try {
drawer.open();
return true;
} catch (e3) {}
}
if (typeof drawer.show === 'function') {
try {
drawer.show();
return true;
} catch (e4) {}
}
try {
drawer.classList.add('is-open', 'active', 'open');
drawer.setAttribute('open', '');
drawer.removeAttribute('hidden');
if (drawer.tagName && drawer.tagName.toLowerCase() === 'details') {
drawer.open = true;
}
return true;
} catch (e5) {
return false;
}
}
function amoseNotifyThemeCart(response) {
var item = response || {};
var refreshed = amoseApplyCartSections(item);
try {
document.dispatchEvent(new CustomEvent('cart:refresh', { bubbles: true, detail: item }));
document.dispatchEvent(new CustomEvent('ajaxProduct:added', { bubbles: true, detail: item }));
document.dispatchEvent(new CustomEvent('product:added', { bubbles: true, detail: item }));
window.dispatchEvent(new CustomEvent('cart:updated', { detail: item }));
} catch (e) {}
var afterRefresh = function() {
fetch(shopRoot + 'cart.js', {
headers: { Accept: 'application/json' },
credentials: 'same-origin',
})
.then(function(res) {
return res.ok ? res.json() : null;
})
.then(function(cart) {
if (!cart) return;
try {
document.dispatchEvent(new CustomEvent('cart:updated', { bubbles: true, detail: cart }));
document.documentElement.dispatchEvent(
new CustomEvent('cart:change', { bubbles: true, detail: { cart: cart } })
);
document.dispatchEvent(
new CustomEvent('theme:cart:change', { bubbles: true, detail: { cart: cart } })
);
if (typeof publish === 'function' && window.PUB_SUB_EVENTS && window.PUB_SUB_EVENTS.cartUpdate) {
publish(window.PUB_SUB_EVENTS.cartUpdate, { source: 'amose-product-information', cartData: cart });
}
} catch (e2) {}
})
.catch(function() {});
var drawer = amoseFindThemeCartUi();
var opened = amoseOpenThemeCartUi(drawer);
// If no theme cart UI is found (or could not be opened), fall back to the cart page.
if (!drawer || !opened) {
window.setTimeout(function() {
var again = amoseFindThemeCartUi();
var looksOpen =
again &&
(again.hasAttribute('open') ||
again.classList.contains('is-open') ||
again.classList.contains('active') ||
again.classList.contains('open') ||
again.getAttribute('aria-hidden') === 'false');
if (!again || !looksOpen) {
window.location.href = cartPageUrl;
}
}, 450);
}
};
if (refreshed) {
afterRefresh();
return;
}
// Add response had no usable sections — fetch them and then open.
amoseFetchAndApplyCartSections().then(function() {
afterRefresh();
});
}
productForm.addEventListener('submit', function(event) {
if (redirectMode === 'cart') {
// Native submit with return_to=/cart
return;
}
event.preventDefault();
var submitBtn = productForm.querySelector('[data-amose-pi-atc]');
if (submitBtn) {
submitBtn.disabled = true;
submitBtn.setAttribute('aria-busy', 'true');
}
var formData = new FormData(productForm);
formData.delete('return_to');
// Ask Shopify to return refreshed cart section HTML with the add response.
if (redirectMode === 'theme') {
var sectionIds = amoseCollectCartSectionIds();
if (sectionIds.length) {
formData.set('sections', sectionIds.join(','));
formData.set('sections_url', window.location.pathname);
}
}
fetch(cartAddUrl, {
method: 'POST',
headers: { Accept: 'application/json' },
body: formData,
credentials: 'same-origin',
})
.then(function(res) {
return res.json().then(function(data) {
if (!res.ok) {
var message =
(data && (data.description || data.message)) ||
'Could not add product to cart.';
throw new Error(message);
}
return data;
});
})
.then(function(item) {
if (redirectMode === 'checkout') {
window.location.href = '/checkout';
return;
}
// theme: refresh drawer/notification HTML, then open it
amoseNotifyThemeCart(item);
})
.catch(function(err) {
window.alert(err && err.message ? err.message : 'Could not add product to cart.');
})
.finally(function() {
if (submitBtn) {
submitBtn.disabled = false;
submitBtn.removeAttribute('aria-busy');
}
});
});
var buyNowBtn = atcWrap.querySelector('[data-amose-pi-buy-now]');
if (buyNowBtn) {
buyNowBtn.addEventListener('click', function() {
buyNowBtn.disabled = true;
buyNowBtn.setAttribute('aria-busy', 'true');
var formData = new FormData(productForm);
formData.delete('return_to');
fetch(cartAddUrl, {
method: 'POST',
headers: { Accept: 'application/json' },
body: formData,
credentials: 'same-origin',
})
.then(function(res) {
return res.json().then(function(data) {
if (!res.ok) {
var message =
(data && (data.description || data.message)) ||
'Could not add product to cart.';
throw new Error(message);
}
return data;
});
})
.then(function() {
window.location.href = '/checkout';
})
.catch(function(err) {
window.alert(err && err.message ? err.message : 'Could not add product to cart.');
buyNowBtn.disabled = false;
buyNowBtn.removeAttribute('aria-busy');
});
});
}
}
var atcPriceTargets = root.querySelectorAll('[data-amose-atc-price]');
if (atcPriceTargets.length) {
var priceTextNode = root.querySelector('[data-amose-price-current]') || root.querySelector('.amose-pi__price > span:first-child');
var syncAtcPrice = function() {
if (!priceTextNode) return;
var text = (priceTextNode.textContent || '').trim();
if (!text) return;
atcPriceTargets.forEach(function(node) {
node.textContent = text;
});
};
syncAtcPrice();
if (priceTextNode && window.MutationObserver) {
var obs = new MutationObserver(syncAtcPrice);
obs.observe(priceTextNode, { characterData: true, childList: true, subtree: true });
}
}
function amosePiUgcIsDesktop() {
return window.matchMedia('(min-width: 750px)').matches;
}
/** Decode a non-black still (many MP4s show black at t=0 on mobile). */
function amosePrimeUgcVideoFrame(video) {
if (!video || video.dataset.amoseUgcPrimed === '1') return;
var go = function() {
if (video.dataset.amoseUgcPrimed === '1') return;
var wasMuted = video.muted;
video.muted = true;
var t = 0.06;
try {
if (video.duration && !isNaN(video.duration) && video.duration > 0) {
t = Math.min(0.15, Math.max(0.04, video.duration * 0.02));
}
video.currentTime = t;
} catch (e) {
video.muted = wasMuted;
video.dataset.amoseUgcPrimed = '1';
return;
}
var cleanup = function() {
try {
video.pause();
video.muted = wasMuted;
} catch (e2) {}
video.dataset.amoseUgcPrimed = '1';
};
video.addEventListener('seeked', cleanup, { once: true });
setTimeout(function() {
if (video.dataset.amoseUgcPrimed !== '1') cleanup();
}, 750);
};
if (video.readyState >= 2) {
go();
} else {
video.addEventListener('loadeddata', go, { once: true });
}
}
root.querySelectorAll('[data-amose-pi-ugc]').forEach(function(wrap) {
var track = wrap.querySelector('.amose-pi-ugc__track');
var ugcScrollLock = false;
var ugcScrollTimer;
if (track) {
track.addEventListener('scroll', function() {
ugcScrollLock = true;
clearTimeout(ugcScrollTimer);
ugcScrollTimer = setTimeout(function() {
ugcScrollLock = false;
}, 260);
}, { passive: true });
}
wrap.querySelectorAll('[data-amose-pi-ugc-item]').forEach(function(item) {
var video = item.querySelector('video');
if (!video) return;
amosePrimeUgcVideoFrame(video);
var touchStartX;
var touchStartY;
var touchMoved = false;
item.addEventListener('touchstart', function(e) {
touchMoved = false;
if (e.touches && e.touches[0]) {
touchStartX = e.touches[0].clientX;
touchStartY = e.touches[0].clientY;
}
}, { passive: true });
item.addEventListener('touchmove', function(e) {
if (!e.touches || !e.touches[0] || touchStartX === undefined) return;
if (
Math.abs(e.touches[0].clientX - touchStartX) > 12 ||
Math.abs(e.touches[0].clientY - touchStartY) > 12
) {
touchMoved = true;
}
}, { passive: true });
function ugcApplyToggle() {
if (video.paused) {
try {
video.currentTime = 0;
} catch (e) {}
video.muted = false;
video.play().catch(function() {});
item.classList.add('is-playing');
return;
}
if (video.muted) {
video.muted = false;
video.play().catch(function() {});
item.classList.add('is-playing');
return;
}
video.pause();
video.muted = true;
try {
video.currentTime = 0.06;
} catch (e) {}
item.classList.remove('is-playing');
}
item.addEventListener('click', function() {
var skip = ugcScrollLock || touchMoved;
touchMoved = false;
if (skip) return;
ugcApplyToggle();
});
item.addEventListener('mouseenter', function() {
if (!amosePiUgcIsDesktop()) return;
if (!video.paused) return;
video.muted = true;
video.play().catch(function() {});
item.classList.add('is-playing');
});
item.addEventListener('mouseleave', function() {
if (!amosePiUgcIsDesktop()) return;
video.pause();
video.muted = true;
try {
video.currentTime = 0.06;
} catch (e) {}
item.classList.remove('is-playing');
});
item.addEventListener('keydown', function(ev) {
if (ev.key === 'Enter' || ev.key === ' ') {
ev.preventDefault();
if (ugcScrollLock) return;
ugcApplyToggle();
}
});
});
});
})();
</script><script>
window.__AmoseInstallCheckPageStart = window.__AmoseInstallCheckPageStart || Date.now();
window.__AmoseInstallCheckOrigin = "https:\/\/amosesection1-production.up.railway.app";
window.AmoseSectionStatus = window.AmoseSectionStatus || [];
window.AmoseSectionStatus.push({
shop: "xkieif-vh.myshopify.com",
sectionId: "template--31127567171914__amose_product_information",
sectionType: "product-information"
});
window.AmoseStatusLoaderInserted = window.AmoseStatusLoaderInserted || false;
if (!window.AmoseStatusLoaderInserted) {
window.AmoseStatusLoaderInserted = true;
var script = document.createElement("script");
script.src = "https:\/\/amosesection1-production.up.railway.app\/amose-section-status.js";
script.defer = true;
document.head.appendChild(script);
}
</script>
</section><section id="shopify-section-template--31127567171914__amose_shape_divider_before_image_description" class="shopify-section amose-shape-divider-root"><style data-shopify>#shopify-section-template--31127567171914__amose_shape_divider_before_image_description[class*="amose-"] {
font-size: 16px;
}
#shopify-section-template--31127567171914__amose_shape_divider_before_image_description.amose-shape-divider-root {
margin: 0 !important;
padding: 0 !important;
line-height: 0;
background: transparent;
}
#shopify-section-template--31127567171914__amose_shape_divider_before_image_description .amose-shape-divider {
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
height: 64px;
}
#shopify-section-template--31127567171914__amose_shape_divider_before_image_description .amose-shape-divider__svg {
width: 100%;
height: 100%;
display: block;
color: #f2f1ed;
transform: scaleX(1) scaleY(1);
transform-origin: center;
}</style><style data-shopify>#shopify-section-template--31127567171914__amose_shape_divider_before_image_description.amose-section-checking {
display: none !important;
}</style><div class="amose-shape-divider">
<svg class="amose-shape-divider__svg" viewbox="0 0 1200 120" preserveaspectratio="none" aria-hidden="true" focusable="false">
<path d="M0,36 C120,108 240,-12 360,60 C480,120 600,0 720,60 C840,120 960,0 1080,60 C1140,78 1170,84 1200,84 L1200,120 L0,120 Z" fill="currentColor"></path>
</svg>
</div>
<script>
(function() {
var root = document.getElementById("shopify-section-template--31127567171914__amose_shape_divider_before_image_description");
if (!root) return;
var svg = root.querySelector(".amose-shape-divider__svg");
if (!svg) return;
if (!false) return;
function pickBackgroundColor(el) {
if (!el) return "";
var bg = window.getComputedStyle(el).backgroundColor;
if (!bg || bg === "rgba(0, 0, 0, 0)" || bg === "transparent") return "";
return bg;
}
var source = "auto";
var picked = "";
if (source === "previous") {
picked = pickBackgroundColor(root.previousElementSibling);
} else if (source === "next") {
picked = pickBackgroundColor(root.nextElementSibling);
} else {
picked =
pickBackgroundColor(root.previousElementSibling) ||
pickBackgroundColor(root.nextElementSibling);
}
if (picked) svg.style.color = picked;
})();
</script><script>
window.__AmoseInstallCheckPageStart = window.__AmoseInstallCheckPageStart || Date.now();
window.__AmoseInstallCheckOrigin = "https:\/\/amosesection1-production.up.railway.app";
window.AmoseSectionStatus = window.AmoseSectionStatus || [];
window.AmoseSectionStatus.push({
shop: "xkieif-vh.myshopify.com",
sectionId: "template--31127567171914__amose_shape_divider_before_image_description",
sectionType: "shape-divider"
});
window.AmoseStatusLoaderInserted = window.AmoseStatusLoaderInserted || false;
if (!window.AmoseStatusLoaderInserted) {
window.AmoseStatusLoaderInserted = true;
var script = document.createElement("script");
script.src = "https:\/\/amosesection1-production.up.railway.app\/amose-section-status.js";
script.defer = true;
document.head.appendChild(script);
}
</script>
</section><section id="shopify-section-template--31127567171914__amose_image_description" class="shopify-section amose-iwd-root"><style data-shopify>#shopify-section-template--31127567171914__amose_image_description[class*="amose-"] {
font-size: 16px;
}
#shopify-section-template--31127567171914__amose_image_description.amose-iwd-root {
--amose-iwd-bg: #f2f1ed;
--amose-iwd-text: #000000;
--amose-iwd-muted: #444444;
--amose-iwd-radius: 20px;
--amose-heading: clamp(22px, 2.5vw, 30px);
--amose-body: clamp(14px, 1.2vw, 16px);
--amose-lh-heading: 1.15;
--amose-lh-body: 1.55;
padding-top: 42px;
padding-bottom: 42px;
background: var(--amose-iwd-bg);
color: var(--amose-iwd-text);
margin: 0 !important;
}
@media screen and (min-width: 750px) {
#shopify-section-template--31127567171914__amose_image_description.amose-iwd-root {
padding-top: 56px;
padding-bottom: 56px;
}
}
#shopify-section-template--31127567171914__amose_image_description .amose-iwd__wrap {
max-width: 1200px;
margin: 0 auto;
padding: 0 clamp(16px, 4vw, 40px);
box-sizing: border-box;
}
#shopify-section-template--31127567171914__amose_image_description .amose-iwd__grid {
display: grid;
grid-template-columns: 1fr;
gap: clamp(28px, 5vw, 60px);
align-items: center;
}
@media screen and (min-width: 750px) and (max-width: 989px) {
#shopify-section-template--31127567171914__amose_image_description .amose-iwd__wrap {
padding: 0 clamp(20px, 3.2vw, 30px);
}
#shopify-section-template--31127567171914__amose_image_description .amose-iwd__grid {
grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
gap: 24px;
align-items: start;
}
#shopify-section-template--31127567171914__amose_image_description .amose-iwd__media {
max-width: 100%;
justify-self: center;
}
}
@media screen and (min-width: 990px) {
#shopify-section-template--31127567171914__amose_image_description .amose-iwd__grid {
grid-template-columns: minmax(0, 0.85fr) minmax(0, 1.15fr);
gap: clamp(36px, 5vw, 72px);
}
}
#shopify-section-template--31127567171914__amose_image_description .amose-iwd__media {
position: relative;
border-radius: var(--amose-iwd-radius);
overflow: hidden;
aspect-ratio: 1 / 1;
background: rgba(255, 255, 255, 0.06);
width: 100%;
max-width: 380px;
justify-self: start;
}
#shopify-section-template--31127567171914__amose_image_description .amose-iwd__media img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
vertical-align: middle;
}
#shopify-section-template--31127567171914__amose_image_description .amose-iwd__eyebrow {
margin: 0 0 12px;
font-size: var(--amose-body);
line-height: var(--amose-lh-body);
font-weight: 600;
letter-spacing: 0.06em;
text-transform: uppercase;
color: var(--amose-iwd-muted);
}
#shopify-section-template--31127567171914__amose_image_description .amose-iwd__heading {
margin: 0 0 18px;
font-size: var(--amose-heading);
line-height: var(--amose-lh-heading);
letter-spacing: -0.02em;
font-weight: 700;
color: var(--amose-iwd-text);
}
#shopify-section-template--31127567171914__amose_image_description .amose-iwd__description,
#shopify-section-template--31127567171914__amose_image_description .amose-iwd__description p {
margin: 0;
font-size: var(--amose-body);
line-height: var(--amose-lh-body);
color: var(--amose-iwd-muted);
}
#shopify-section-template--31127567171914__amose_image_description .amose-iwd__description p + p {
margin-top: 0.9em;
}
#shopify-section-template--31127567171914__amose_image_description .amose-iwd__tpbar {
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: flex-start;
gap: clamp(6px, 1.5vw, 14px);
width: 100%;
max-width: 100%;
margin-top: 20px;
color: var(--amose-iwd-text);
white-space: nowrap;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
}
#shopify-section-template--31127567171914__amose_image_description .amose-iwd__tpbar::-webkit-scrollbar {
display: none;
}
#shopify-section-template--31127567171914__amose_image_description .amose-iwd__tp-label {
flex-shrink: 0;
font-size: 14px;
font-weight: 600;
letter-spacing: -0.02em;
line-height: 1.2;
white-space: nowrap;
}
#shopify-section-template--31127567171914__amose_image_description .amose-iwd__tp-stars {
display: flex;
align-items: center;
gap: 2px;
line-height: 0;
flex-shrink: 0;
}
#shopify-section-template--31127567171914__amose_image_description .amose-iwd__tp-stars .amose-iwd__tp-star-svg {
display: block;
flex-shrink: 0;
}
#shopify-section-template--31127567171914__amose_image_description .amose-iwd__tp-badge {
width: min(100px, 26vw);
max-width: 100px;
height: auto;
display: block;
}
#shopify-section-template--31127567171914__amose_image_description .amose-iwd__tp-count {
flex-shrink: 0;
margin: 0;
font-size: clamp(12px, 3.4vw, 14px);
line-height: 1.2;
color: var(--amose-iwd-text);
white-space: nowrap;
}
#shopify-section-template--31127567171914__amose_image_description .amose-iwd__tp-count strong {
font-weight: 700;
}
#shopify-section-template--31127567171914__amose_image_description .amose-iwd__tp-count span {
font-weight: 400;
}</style><style data-shopify>#shopify-section-template--31127567171914__amose_image_description.amose-section-checking {
display: none !important;
}</style><div class="amose-iwd__wrap">
<div class="amose-iwd__grid">
<div class="amose-iwd__media">
<img
src="//www.solarbiolux.eu/cdn/shop/files/Sdfd519a29dec4c9b9a48ec39dde5446eN.webp?v=1784803524&width=1600"
alt="852452301-1"
width="800"
height="800"
loading="lazy"
>
</div>
<div class="amose-iwd__text">
<p class="amose-iwd__eyebrow">Un design innovant et pratique.</p>
<h2 class="amose-iwd__heading">Un accessoire qui change la donne.</h2>
<div class="amose-iwd__description rte"><p>L'ouvre-bouteille magnétique créatif automatique CLICKCAP permet d'ouvrir vos bouteilles en un geste simple. Son mécanisme automatique et sa conception compacte en font un accessoire indispensable pour vos apéritifs.</p></div>
<div class="amose-iwd__tpbar">
<span
class="amose-iwd__tp-label"
style="font-size: 14px; font-weight: 600;"
>Noté</span>
<div
class="amose-iwd__tp-stars"
role="img"
aria-label="4.8 out of 5 stars"
>
<svg
class="amose-iwd__tp-star-svg"
width="16"
height="16"
viewbox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<path
fill="#000000"
d="M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26Z"
/>
</svg>
<svg
class="amose-iwd__tp-star-svg"
width="16"
height="16"
viewbox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<path
fill="#000000"
d="M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26Z"
/>
</svg>
<svg
class="amose-iwd__tp-star-svg"
width="16"
height="16"
viewbox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<path
fill="#000000"
d="M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26Z"
/>
</svg>
<svg
class="amose-iwd__tp-star-svg"
width="16"
height="16"
viewbox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<path
fill="#000000"
d="M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26Z"
/>
</svg>
<svg
class="amose-iwd__tp-star-svg"
width="16"
height="16"
viewbox="0 0 24 24"
xmlns="http://www.w3.org/2000/svg"
aria-hidden="true"
>
<path
fill="#000000"
d="M12.0006 18.26L4.94715 22.2082L6.52248 14.2799L0.587891 8.7918L8.61493 7.84006L12.0006 0.5L15.3862 7.84006L23.4132 8.7918L17.4787 14.2799L19.054 22.2082L12.0006 18.26Z"
/>
</svg>
</div>
<p class="amose-iwd__tp-count">
<strong>4.8</strong>
<span> (350)</span>
<span> avis</span>
</p>
</div>
</div>
</div>
</div><script>
window.__AmoseInstallCheckPageStart = window.__AmoseInstallCheckPageStart || Date.now();
window.__AmoseInstallCheckOrigin = "https:\/\/amosesection1-production.up.railway.app";
window.AmoseSectionStatus = window.AmoseSectionStatus || [];
window.AmoseSectionStatus.push({
shop: "xkieif-vh.myshopify.com",
sectionId: "template--31127567171914__amose_image_description",
sectionType: "image-with-description"
});
window.AmoseStatusLoaderInserted = window.AmoseStatusLoaderInserted || false;
if (!window.AmoseStatusLoaderInserted) {
window.AmoseStatusLoaderInserted = true;
var script = document.createElement("script");
script.src = "https:\/\/amosesection1-production.up.railway.app\/amose-section-status.js";
script.defer = true;
document.head.appendChild(script);
}
</script>
</section><section id="shopify-section-template--31127567171914__amose_shape_divider_after_image_description" class="shopify-section amose-shape-divider-root"><style data-shopify>#shopify-section-template--31127567171914__amose_shape_divider_after_image_description[class*="amose-"] {
font-size: 16px;
}
#shopify-section-template--31127567171914__amose_shape_divider_after_image_description.amose-shape-divider-root {
margin: 0 !important;
padding: 0 !important;
line-height: 0;
background: transparent;
}
#shopify-section-template--31127567171914__amose_shape_divider_after_image_description .amose-shape-divider {
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
height: 64px;
}
#shopify-section-template--31127567171914__amose_shape_divider_after_image_description .amose-shape-divider__svg {
width: 100%;
height: 100%;
display: block;
color: #f2f1ed;
transform: scaleX(1) scaleY(-1);
transform-origin: center;
}</style><style data-shopify>#shopify-section-template--31127567171914__amose_shape_divider_after_image_description.amose-section-checking {
display: none !important;
}</style><div class="amose-shape-divider">
<svg class="amose-shape-divider__svg" viewbox="0 0 1200 120" preserveaspectratio="none" aria-hidden="true" focusable="false">
<path d="M0,36 C120,108 240,-12 360,60 C480,120 600,0 720,60 C840,120 960,0 1080,60 C1140,78 1170,84 1200,84 L1200,120 L0,120 Z" fill="currentColor"></path>
</svg>
</div>
<script>
(function() {
var root = document.getElementById("shopify-section-template--31127567171914__amose_shape_divider_after_image_description");
if (!root) return;
var svg = root.querySelector(".amose-shape-divider__svg");
if (!svg) return;
if (!false) return;
function pickBackgroundColor(el) {
if (!el) return "";
var bg = window.getComputedStyle(el).backgroundColor;
if (!bg || bg === "rgba(0, 0, 0, 0)" || bg === "transparent") return "";
return bg;
}
var source = "auto";
var picked = "";
if (source === "previous") {
picked = pickBackgroundColor(root.previousElementSibling);
} else if (source === "next") {
picked = pickBackgroundColor(root.nextElementSibling);
} else {
picked =
pickBackgroundColor(root.previousElementSibling) ||
pickBackgroundColor(root.nextElementSibling);
}
if (picked) svg.style.color = picked;
})();
</script><script>
window.__AmoseInstallCheckPageStart = window.__AmoseInstallCheckPageStart || Date.now();
window.__AmoseInstallCheckOrigin = "https:\/\/amosesection1-production.up.railway.app";
window.AmoseSectionStatus = window.AmoseSectionStatus || [];
window.AmoseSectionStatus.push({
shop: "xkieif-vh.myshopify.com",
sectionId: "template--31127567171914__amose_shape_divider_after_image_description",
sectionType: "shape-divider"
});
window.AmoseStatusLoaderInserted = window.AmoseStatusLoaderInserted || false;
if (!window.AmoseStatusLoaderInserted) {
window.AmoseStatusLoaderInserted = true;
var script = document.createElement("script");
script.src = "https:\/\/amosesection1-production.up.railway.app\/amose-section-status.js";
script.defer = true;
document.head.appendChild(script);
}
</script>
</section><section id="shopify-section-template--31127567171914__amose_comparison_table" class="shopify-section amose-comparison-root"><style data-shopify>#shopify-section-template--31127567171914__amose_comparison_table.amose-comparison-root {
--amose-comp-bg: #ffffff;
--amose-comp-text: #000000;
--amose-comp-muted: #000000;
--amose-comp-line: #000000;
--amose-comp-highlight: #f2f1ed;
--amose-comp-check-bg: #000000;
--amose-comp-check-icon: #ffffff;
--amose-comp-cross-bg: #00000080;
--amose-comp-cross-icon: #f2f1ed;
--amose-comp-btn-bg: #000000;
--amose-comp-btn-text: #ffffff;
--amose-heading: clamp(22px, 2.5vw, 30px);
--amose-body: clamp(14px, 1.2vw, 16px);
padding-top: 39px;
padding-bottom: 39px;
background: var(--amose-comp-bg);
color: var(--amose-comp-text);
}
@media screen and (min-width: 750px) {
#shopify-section-template--31127567171914__amose_comparison_table.amose-comparison-root {
padding-top: 52px;
padding-bottom: 52px;
}
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp {
max-width: 1200px;
margin: 0 auto;
padding: 0 clamp(16px, 4vw, 40px);
box-sizing: border-box;
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__title {
margin: 0;
text-align: center;
font-size: var(--amose-heading);
line-height: 1.1;
letter-spacing: -0.02em;
font-weight: 700;
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__sub {
margin: 14px auto 0;
text-align: center;
max-width: 56ch;
color: var(--amose-comp-muted);
font-size: var(--amose-body);
line-height: 1.55;
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__sub p {
margin: 0;
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__table-wrap {
margin-top: clamp(24px, 4vw, 34px);
overflow-x: auto;
}
@media screen and (min-width: 750px) and (max-width: 989px) {
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp {
padding: 0 clamp(20px, 3.2vw, 30px);
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__table thead th {
font-size: clamp(15px, 1.9vw, 18px);
padding: 12px 10px;
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__table tbody td {
padding: 11px 10px;
}
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__table thead th {
font-size: clamp(16px, 1.4vw, 24px);
line-height: 1.2;
font-weight: 700;
padding: 16px 12px;
text-align: center;
white-space: normal;
overflow-wrap: anywhere;
word-break: break-word;
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__table thead th:first-child {
text-align: left;
width: 34%;
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__table thead th:nth-child(2),
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__table thead th:nth-child(3) {
width: 33%;
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__table thead th:nth-child(2),
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__table tbody td:nth-child(2) {
background: var(--amose-comp-highlight);
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__table thead th:nth-child(2) {
border-top-left-radius: 12px;
border-top-right-radius: 12px;
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__table tbody td {
border-top: 1px solid var(--amose-comp-line);
padding: 12px 12px;
vertical-align: middle;
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__feature {
font-size: var(--amose-body);
line-height: 1.4;
font-weight: 500;
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__icon-cell {
text-align: center;
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__icon {
display: inline-flex;
width: 28px;
height: 28px;
border-radius: 999px;
align-items: center;
justify-content: center;
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__icon svg {
width: 16px;
height: 16px;
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__icon--check {
background: var(--amose-comp-check-bg);
color: var(--amose-comp-check-icon);
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__icon--cross {
background: var(--amose-comp-cross-bg);
color: var(--amose-comp-cross-icon);
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__cta-wrap {
margin-top: 20px;
text-align: center;
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__cta {
display: inline-flex;
align-items: center;
justify-content: center;
text-decoration: none;
background: var(--amose-comp-btn-bg);
color: var(--amose-comp-btn-text);
border-radius: 10px;
min-height: 48px;
padding: 0 24px;
font-size: 14px;
font-weight: 600;
letter-spacing: 0.02em;
text-transform: uppercase;
}
@media screen and (max-width: 749px) {
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__table-wrap {
overflow-x: visible;
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__table thead th {
font-size: 15px;
line-height: 1.3;
padding: 10px 6px;
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__table thead th:first-child {
width: 50%;
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__table thead th:nth-child(2),
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__table thead th:nth-child(3) {
width: 25%;
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__table thead th:nth-child(2) {
border-top-left-radius: 8px;
border-top-right-radius: 8px;
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__table tbody td {
padding: 10px 8px;
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__feature {
font-size: 14px;
line-height: 1.35;
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__icon {
width: 24px;
height: 24px;
}
#shopify-section-template--31127567171914__amose_comparison_table .amose-comp__icon svg {
width: 14px;
height: 14px;
}
}</style><style data-shopify>#shopify-section-template--31127567171914__amose_comparison_table.amose-section-checking {
display: none !important;
}</style><div class="amose-comp">
<h2 class="amose-comp__title">Ce qui distingue l'ouvre-bouteille CLICKCAP...</h2>
<div class="amose-comp__sub rte"><p>Avec l'ouvre-bouteille automatique CLICKCAP, ouvrez vos bouteilles en une seule pression. Son design élégant et sa fonctionnalité innovante font de chaque moment un plaisir partagé.</p></div>
<div class="amose-comp__table-wrap">
<table class="amose-comp__table" role="table">
<thead>
<tr>
<th scope="col"></th>
<th scope="col">Ouvre-bouteille magnétique créatif automatique CLICKCAP</th>
<th scope="col">Autres</th>
</tr>
</thead>
<tbody>
<tr >
<td class="amose-comp__feature">Mécanisme à pression</td>
<td class="amose-comp__icon-cell">
<span class="amose-comp__icon amose-comp__icon--check">
<svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="M5 13l4 4L19 7"></path>
</svg>
</span>
</td>
<td class="amose-comp__icon-cell">
<span class="amose-comp__icon amose-comp__icon--cross">
<svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" aria-hidden="true">
<path d="M7 7l10 10M17 7L7 17"></path>
</svg>
</span>
</td>
</tr>
<tr >
<td class="amose-comp__feature">Design compact</td>
<td class="amose-comp__icon-cell">
<span class="amose-comp__icon amose-comp__icon--check">
<svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="M5 13l4 4L19 7"></path>
</svg>
</span>
</td>
<td class="amose-comp__icon-cell">
<span class="amose-comp__icon amose-comp__icon--cross">
<svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" aria-hidden="true">
<path d="M7 7l10 10M17 7L7 17"></path>
</svg>
</span>
</td>
</tr>
<tr >
<td class="amose-comp__feature">Système de capture des capsules</td>
<td class="amose-comp__icon-cell">
<span class="amose-comp__icon amose-comp__icon--check">
<svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="M5 13l4 4L19 7"></path>
</svg>
</span>
</td>
<td class="amose-comp__icon-cell">
<span class="amose-comp__icon amose-comp__icon--cross">
<svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" aria-hidden="true">
<path d="M7 7l10 10M17 7L7 17"></path>
</svg>
</span>
</td>
</tr>
<tr >
<td class="amose-comp__feature">Utilisation d'une seule main</td>
<td class="amose-comp__icon-cell">
<span class="amose-comp__icon amose-comp__icon--check">
<svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="M5 13l4 4L19 7"></path>
</svg>
</span>
</td>
<td class="amose-comp__icon-cell">
<span class="amose-comp__icon amose-comp__icon--cross">
<svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" aria-hidden="true">
<path d="M7 7l10 10M17 7L7 17"></path>
</svg>
</span>
</td>
</tr>
<tr >
<td class="amose-comp__feature">Compatible avec diverses bouteilles</td>
<td class="amose-comp__icon-cell">
<span class="amose-comp__icon amose-comp__icon--check">
<svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="M5 13l4 4L19 7"></path>
</svg>
</span>
</td>
<td class="amose-comp__icon-cell">
<span class="amose-comp__icon amose-comp__icon--cross">
<svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" aria-hidden="true">
<path d="M7 7l10 10M17 7L7 17"></path>
</svg>
</span>
</td>
</tr>
<tr >
<td class="amose-comp__feature">Idéal pour les apéritifs</td>
<td class="amose-comp__icon-cell">
<span class="amose-comp__icon amose-comp__icon--check">
<svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
<path d="M5 13l4 4L19 7"></path>
</svg>
</span>
</td>
<td class="amose-comp__icon-cell">
<span class="amose-comp__icon amose-comp__icon--cross">
<svg viewbox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.3" stroke-linecap="round" aria-hidden="true">
<path d="M7 7l10 10M17 7L7 17"></path>
</svg>
</span>
</td>
</tr>
</tbody>
</table>
</div>
<div class="amose-comp__cta-wrap">
<a
class="amose-comp__cta"
data-amose-comp-cta
href="#amose-product-information-top"
data-scroll-to-product-info="true"
>
Essayez l'ouvre-bouteille CLICKCAP
</a>
</div>
</div>
<script>
(function () {
var root = document.getElementById('shopify-section-template--31127567171914__amose_comparison_table');
if (!root) return;
var cta = root.querySelector('[data-amose-comp-cta]');
if (!cta || cta.getAttribute('data-scroll-to-product-info') !== 'true') return;
cta.addEventListener('click', function (event) {
event.preventDefault();
var target = document.getElementById('amose-product-information-top');
if (target) {
target.scrollIntoView({ behavior: 'smooth', block: 'start' });
return;
}
window.scrollTo({ top: 0, behavior: 'smooth' });
});
})();
</script><script>
window.__AmoseInstallCheckPageStart = window.__AmoseInstallCheckPageStart || Date.now();
window.__AmoseInstallCheckOrigin = "https:\/\/amosesection1-production.up.railway.app";
window.AmoseSectionStatus = window.AmoseSectionStatus || [];
window.AmoseSectionStatus.push({
shop: "xkieif-vh.myshopify.com",
sectionId: "template--31127567171914__amose_comparison_table",
sectionType: "comparison-table"
});
window.AmoseStatusLoaderInserted = window.AmoseStatusLoaderInserted || false;
if (!window.AmoseStatusLoaderInserted) {
window.AmoseStatusLoaderInserted = true;
var script = document.createElement("script");
script.src = "https:\/\/amosesection1-production.up.railway.app\/amose-section-status.js";
script.defer = true;
document.head.appendChild(script);
}
</script>
</section><section id="shopify-section-template--31127567171914__amose_shape_divider_before_reviews_with_image" class="shopify-section amose-shape-divider-root"><style data-shopify>#shopify-section-template--31127567171914__amose_shape_divider_before_reviews_with_image[class*="amose-"] {
font-size: 16px;
}
#shopify-section-template--31127567171914__amose_shape_divider_before_reviews_with_image.amose-shape-divider-root {
margin: 0 !important;
padding: 0 !important;
line-height: 0;
background: transparent;
}
#shopify-section-template--31127567171914__amose_shape_divider_before_reviews_with_image .amose-shape-divider {
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
height: 64px;
}
#shopify-section-template--31127567171914__amose_shape_divider_before_reviews_with_image .amose-shape-divider__svg {
width: 100%;
height: 100%;
display: block;
color: #f2f1ed;
transform: scaleX(1) scaleY(1);
transform-origin: center;
}</style><style data-shopify>#shopify-section-template--31127567171914__amose_shape_divider_before_reviews_with_image.amose-section-checking {
display: none !important;
}</style><div class="amose-shape-divider">
<svg class="amose-shape-divider__svg" viewbox="0 0 1200 120" preserveaspectratio="none" aria-hidden="true" focusable="false">
<path d="M0,36 C120,108 240,-12 360,60 C480,120 600,0 720,60 C840,120 960,0 1080,60 C1140,78 1170,84 1200,84 L1200,120 L0,120 Z" fill="currentColor"></path>
</svg>
</div>
<script>
(function() {
var root = document.getElementById("shopify-section-template--31127567171914__amose_shape_divider_before_reviews_with_image");
if (!root) return;
var svg = root.querySelector(".amose-shape-divider__svg");
if (!svg) return;
if (!false) return;
function pickBackgroundColor(el) {
if (!el) return "";
var bg = window.getComputedStyle(el).backgroundColor;
if (!bg || bg === "rgba(0, 0, 0, 0)" || bg === "transparent") return "";
return bg;
}
var source = "auto";
var picked = "";
if (source === "previous") {
picked = pickBackgroundColor(root.previousElementSibling);
} else if (source === "next") {
picked = pickBackgroundColor(root.nextElementSibling);
} else {
picked =
pickBackgroundColor(root.previousElementSibling) ||
pickBackgroundColor(root.nextElementSibling);
}
if (picked) svg.style.color = picked;
})();
</script><script>
window.__AmoseInstallCheckPageStart = window.__AmoseInstallCheckPageStart || Date.now();
window.__AmoseInstallCheckOrigin = "https:\/\/amosesection1-production.up.railway.app";
window.AmoseSectionStatus = window.AmoseSectionStatus || [];
window.AmoseSectionStatus.push({
shop: "xkieif-vh.myshopify.com",
sectionId: "template--31127567171914__amose_shape_divider_before_reviews_with_image",
sectionType: "shape-divider"
});
window.AmoseStatusLoaderInserted = window.AmoseStatusLoaderInserted || false;
if (!window.AmoseStatusLoaderInserted) {
window.AmoseStatusLoaderInserted = true;
var script = document.createElement("script");
script.src = "https:\/\/amosesection1-production.up.railway.app\/amose-section-status.js";
script.defer = true;
document.head.appendChild(script);
}
</script>
</section><section id="shopify-section-template--31127567171914__amose_reviews_with_image" class="shopify-section amose-reviews-image-root"><style data-shopify>#shopify-section-template--31127567171914__amose_reviews_with_image.amose-reviews-image-root {
--ari-bg: #f2f1ed;
--ari-text: #151515;
--ari-muted: #56595c;
--ari-star: #000000;
--ari-card-bg: #ffffff;
--ari-card-radius: 12px;
--ari-gap: 16px;
--ari-heading: clamp(22px, 2.5vw, 30px);
--ari-body: clamp(14px, 1.2vw, 16px);
--ari-aspect: 1 / 1;
background: var(--ari-bg);
color: var(--ari-text);
padding-top: 42px;
padding-bottom: 42px;
}
@media screen and (min-width: 750px) {
#shopify-section-template--31127567171914__amose_reviews_with_image.amose-reviews-image-root {
padding-top: 56px;
padding-bottom: 56px;
}
}
#shopify-section-template--31127567171914__amose_reviews_with_image .amose-ari__wrap {
max-width: 1320px;
margin: 0 auto;
padding-left: clamp(16px, 4vw, 40px);
padding-right: 0;
}
@media (min-width: 750px) {
#shopify-section-template--31127567171914__amose_reviews_with_image .amose-ari__wrap {
padding-right: clamp(16px, 4vw, 40px);
}
}
#shopify-section-template--31127567171914__amose_reviews_with_image .amose-ari__header {
display: grid;
gap: 10px;
margin-bottom: clamp(16px, 2.4vw, 26px);
}
@media (min-width: 990px) {
#shopify-section-template--31127567171914__amose_reviews_with_image .amose-ari__header {
grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
align-items: end;
gap: 18px;
}
}
#shopify-section-template--31127567171914__amose_reviews_with_image .amose-ari__heading {
margin: 0;
font-size: var(--ari-heading);
line-height: 1.1;
letter-spacing: -0.02em;
font-weight: 700;
text-transform: lowercase;
}
#shopify-section-template--31127567171914__amose_reviews_with_image .amose-ari__heading::first-letter {
text-transform: uppercase;
}
#shopify-section-template--31127567171914__amose_reviews_with_image .amose-ari__sub {
margin: 0;
color: var(--ari-muted);
font-size: var(--ari-body);
line-height: 1.55;
}
@media (min-width: 990px) {
#shopify-section-template--31127567171914__amose_reviews_with_image .amose-ari__sub {
text-align: right;
justify-self: end;
max-width: 40ch;
}
}
#shopify-section-template--31127567171914__amose_reviews_with_image .amose-ari__rail {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(220px, 1fr);
gap: var(--ari-gap);
overflow-x: auto;
scroll-snap-type: x mandatory;
-webkit-overflow-scrolling: touch;
scrollbar-width: none;
-ms-overflow-style: none;
}
#shopify-section-template--31127567171914__amose_reviews_with_image .amose-ari__rail::-webkit-scrollbar {
display: none;
}
#shopify-section-template--31127567171914__amose_reviews_with_image .amose-ari__card {
scroll-snap-align: start;
min-width: 0;
display: flex;
flex-direction: column;
}
#shopify-section-template--31127567171914__amose_reviews_with_image .amose-ari__image-wrap {
border-radius: var(--ari-card-radius);
overflow: hidden;
aspect-ratio: var(--ari-aspect);
background: #e5e7eb;
}
#shopify-section-template--31127567171914__amose_reviews_with_image .amose-ari__card--with-body .amose-ari__image-wrap {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
#shopify-section-template--31127567171914__amose_reviews_with_image .amose-ari__image-wrap img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
#shopify-section-template--31127567171914__amose_reviews_with_image .amose-ari__body {
background: var(--ari-card-bg);
border-radius: var(--ari-card-radius);
padding: 14px 14px 16px;
box-sizing: border-box;
flex: 1;
}
#shopify-section-template--31127567171914__amose_reviews_with_image .amose-ari__card--with-image .amose-ari__body {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
#shopify-section-template--31127567171914__amose_reviews_with_image .amose-ari__stars {
margin-top: 0;
display: inline-flex;
gap: 2px;
color: var(--ari-star);
line-height: 1;
}
#shopify-section-template--31127567171914__amose_reviews_with_image .amose-ari__stars svg {
width: 15px;
height: 15px;
fill: currentColor;
display: block;
}
#shopify-section-template--31127567171914__amose_reviews_with_image .amose-ari__stars--trustpilot img {
width: min(100px, 100%);
max-width: 100%;
height: auto;
display: block;
}
#shopify-section-template--31127567171914__amose_reviews_with_image .amose-ari__quote {
margin: 8px 0 0;
color: var(--ari-muted);
font-size: clamp(14px, 1.15vw, 18px);
line-height: 1.45;
}
#shopify-section-template--31127567171914__amose_reviews_with_image .amose-ari__author {
margin: 8px 0 0;
font-size: 15px;
line-height: 1.35;
font-weight: 700;
letter-spacing: 0.01em;
text-transform: uppercase;
}</style><style data-shopify>#shopify-section-template--31127567171914__amose_reviews_with_image.amose-section-checking {
display: none !important;
}</style><section class="amose-ari__wrap">
<header class="amose-ari__header">
<h2 class="amose-ari__heading">Ce qu'ils disent de Ouvre-bouteille magnétique créatif automatique ...</h2>
<p class="amose-ari__sub">Transformez chaque ouverture de bouteille en un moment de plaisir sans effort.</p>
</header>
<div class="amose-ari__rail">
<article
class="amose-ari__card amose-ari__card--with-image amose-ari__card--with-body"
>
<div class="amose-ari__image-wrap">
<img
src="//www.solarbiolux.eu/cdn/shop/files/Sa019ca75c6474017af494630b8ed6568e.webp?v=1784803524&width=1000"
alt="Julien"
loading="lazy"
width="800"
height="800"
>
</div>
<div class="amose-ari__body">
<div class="amose-ari__stars" aria-label="5 out of 5 stars">
<svg
viewbox="0 0 24 24"
role="presentation"
focusable="false"
style=""
>
<path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"></path>
</svg>
<svg
viewbox="0 0 24 24"
role="presentation"
focusable="false"
style=""
>
<path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"></path>
</svg>
<svg
viewbox="0 0 24 24"
role="presentation"
focusable="false"
style=""
>
<path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"></path>
</svg>
<svg
viewbox="0 0 24 24"
role="presentation"
focusable="false"
style=""
>
<path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"></path>
</svg>
<svg
viewbox="0 0 24 24"
role="presentation"
focusable="false"
style=""
>
<path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"></path>
</svg>
</div>
<p class="amose-ari__quote">C'est le meilleur ouvre-bouteille que j'ai jamais utilisé, simple et efficace !</p>
<p class="amose-ari__author">- Julien</p>
</div>
</article>
<article
class="amose-ari__card amose-ari__card--with-image amose-ari__card--with-body"
>
<div class="amose-ari__image-wrap">
<img
src="//www.solarbiolux.eu/cdn/shop/files/Saaeee34fd2ce43fbae26bc5c752cf7d3C.webp?v=1784803524&width=1000"
alt="Sophie"
loading="lazy"
width="800"
height="800"
>
</div>
<div class="amose-ari__body">
<div class="amose-ari__stars" aria-label="4 out of 5 stars">
<svg
viewbox="0 0 24 24"
role="presentation"
focusable="false"
style=""
>
<path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"></path>
</svg>
<svg
viewbox="0 0 24 24"
role="presentation"
focusable="false"
style=""
>
<path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"></path>
</svg>
<svg
viewbox="0 0 24 24"
role="presentation"
focusable="false"
style=""
>
<path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"></path>
</svg>
<svg
viewbox="0 0 24 24"
role="presentation"
focusable="false"
style=""
>
<path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"></path>
</svg>
<svg
viewbox="0 0 24 24"
role="presentation"
focusable="false"
style="opacity:.25;"
>
<path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"></path>
</svg>
</div>
<p class="amose-ari__quote">Mes amis sont toujours impressionnés quand je l'utilise. Un vrai sujet de conversation !</p>
<p class="amose-ari__author">- Sophie</p>
</div>
</article>
<article
class="amose-ari__card amose-ari__card--with-image amose-ari__card--with-body"
>
<div class="amose-ari__image-wrap">
<img
src="//www.solarbiolux.eu/cdn/shop/files/S247385397aaa4e789510ad94e56f188fu.webp?v=1784803523&width=1000"
alt="Marc"
loading="lazy"
width="800"
height="800"
>
</div>
<div class="amose-ari__body">
<div class="amose-ari__stars" aria-label="5 out of 5 stars">
<svg
viewbox="0 0 24 24"
role="presentation"
focusable="false"
style=""
>
<path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"></path>
</svg>
<svg
viewbox="0 0 24 24"
role="presentation"
focusable="false"
style=""
>
<path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"></path>
</svg>
<svg
viewbox="0 0 24 24"
role="presentation"
focusable="false"
style=""
>
<path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"></path>
</svg>
<svg
viewbox="0 0 24 24"
role="presentation"
focusable="false"
style=""
>
<path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"></path>
</svg>
<svg
viewbox="0 0 24 24"
role="presentation"
focusable="false"
style=""
>
<path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"></path>
</svg>
</div>
<p class="amose-ari__quote">J'adore son design compact, je peux l'emporter partout.</p>
<p class="amose-ari__author">- Marc</p>
</div>
</article>
<article
class="amose-ari__card amose-ari__card--with-image amose-ari__card--with-body"
>
<div class="amose-ari__image-wrap">
<img
src="//www.solarbiolux.eu/cdn/shop/files/Sdfd519a29dec4c9b9a48ec39dde5446eN.webp?v=1784803524&width=1000"
alt="Claire"
loading="lazy"
width="800"
height="800"
>
</div>
<div class="amose-ari__body">
<div class="amose-ari__stars" aria-label="5 out of 5 stars">
<svg
viewbox="0 0 24 24"
role="presentation"
focusable="false"
style=""
>
<path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"></path>
</svg>
<svg
viewbox="0 0 24 24"
role="presentation"
focusable="false"
style=""
>
<path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"></path>
</svg>
<svg
viewbox="0 0 24 24"
role="presentation"
focusable="false"
style=""
>
<path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"></path>
</svg>
<svg
viewbox="0 0 24 24"
role="presentation"
focusable="false"
style=""
>
<path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"></path>
</svg>
<svg
viewbox="0 0 24 24"
role="presentation"
focusable="false"
style=""
>
<path d="M12 2l2.9 6.6L22 9.2l-5 4.9 1.2 7L12 17.8 5.8 21l1.2-7-5-4.9 7.1-0.6z"></path>
</svg>
</div>
<p class="amose-ari__quote">Un cadeau parfait pour mon mari, il l'utilise tout le temps !</p>
<p class="amose-ari__author">- Claire</p>
</div>
</article>
</div>
</section><script>
window.__AmoseInstallCheckPageStart = window.__AmoseInstallCheckPageStart || Date.now();
window.__AmoseInstallCheckOrigin = "https:\/\/amosesection1-production.up.railway.app";
window.AmoseSectionStatus = window.AmoseSectionStatus || [];
window.AmoseSectionStatus.push({
shop: "xkieif-vh.myshopify.com",
sectionId: "template--31127567171914__amose_reviews_with_image",
sectionType: "reviews-with-image"
});
window.AmoseStatusLoaderInserted = window.AmoseStatusLoaderInserted || false;
if (!window.AmoseStatusLoaderInserted) {
window.AmoseStatusLoaderInserted = true;
var script = document.createElement("script");
script.src = "https:\/\/amosesection1-production.up.railway.app\/amose-section-status.js";
script.defer = true;
document.head.appendChild(script);
}
</script>
</section><section id="shopify-section-template--31127567171914__amose_shape_divider_after_reviews_with_image" class="shopify-section amose-shape-divider-root"><style data-shopify>#shopify-section-template--31127567171914__amose_shape_divider_after_reviews_with_image[class*="amose-"] {
font-size: 16px;
}
#shopify-section-template--31127567171914__amose_shape_divider_after_reviews_with_image.amose-shape-divider-root {
margin: 0 !important;
padding: 0 !important;
line-height: 0;
background: transparent;
}
#shopify-section-template--31127567171914__amose_shape_divider_after_reviews_with_image .amose-shape-divider {
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
height: 64px;
}
#shopify-section-template--31127567171914__amose_shape_divider_after_reviews_with_image .amose-shape-divider__svg {
width: 100%;
height: 100%;
display: block;
color: #f2f1ed;
transform: scaleX(1) scaleY(-1);
transform-origin: center;
}</style><style data-shopify>#shopify-section-template--31127567171914__amose_shape_divider_after_reviews_with_image.amose-section-checking {
display: none !important;
}</style><div class="amose-shape-divider">
<svg class="amose-shape-divider__svg" viewbox="0 0 1200 120" preserveaspectratio="none" aria-hidden="true" focusable="false">
<path d="M0,36 C120,108 240,-12 360,60 C480,120 600,0 720,60 C840,120 960,0 1080,60 C1140,78 1170,84 1200,84 L1200,120 L0,120 Z" fill="currentColor"></path>
</svg>
</div>
<script>
(function() {
var root = document.getElementById("shopify-section-template--31127567171914__amose_shape_divider_after_reviews_with_image");
if (!root) return;
var svg = root.querySelector(".amose-shape-divider__svg");
if (!svg) return;
if (!false) return;
function pickBackgroundColor(el) {
if (!el) return "";
var bg = window.getComputedStyle(el).backgroundColor;
if (!bg || bg === "rgba(0, 0, 0, 0)" || bg === "transparent") return "";
return bg;
}
var source = "auto";
var picked = "";
if (source === "previous") {
picked = pickBackgroundColor(root.previousElementSibling);
} else if (source === "next") {
picked = pickBackgroundColor(root.nextElementSibling);
} else {
picked =
pickBackgroundColor(root.previousElementSibling) ||
pickBackgroundColor(root.nextElementSibling);
}
if (picked) svg.style.color = picked;
})();
</script><script>
window.__AmoseInstallCheckPageStart = window.__AmoseInstallCheckPageStart || Date.now();
window.__AmoseInstallCheckOrigin = "https:\/\/amosesection1-production.up.railway.app";
window.AmoseSectionStatus = window.AmoseSectionStatus || [];
window.AmoseSectionStatus.push({
shop: "xkieif-vh.myshopify.com",
sectionId: "template--31127567171914__amose_shape_divider_after_reviews_with_image",
sectionType: "shape-divider"
});
window.AmoseStatusLoaderInserted = window.AmoseStatusLoaderInserted || false;
if (!window.AmoseStatusLoaderInserted) {
window.AmoseStatusLoaderInserted = true;
var script = document.createElement("script");
script.src = "https:\/\/amosesection1-production.up.railway.app\/amose-section-status.js";
script.defer = true;
document.head.appendChild(script);
}
</script>
</section><section id="shopify-section-template--31127567171914__amose_faq" class="shopify-section amose-faq-root"><style data-shopify>#shopify-section-template--31127567171914__amose_faq[class*="amose-"] {
font-size: 16px;
}
#shopify-section-template--31127567171914__amose_faq.amose-faq-root {
--amose-heading: clamp(22px, 2.5vw, 30px);
--amose-body: clamp(14px, 1.2vw, 16px);
--amose-lh-heading: 1.15;
--amose-lh-body: 1.55;
--amose-faq-bg: #ffffff;
--amose-faq-text: #000000;
--amose-faq-muted: #444444;
--amose-faq-divider: #cccccc;
--amose-faq-badge-bg: #f2f1ed;
--amose-faq-badge-text: #000000;
padding-top: 42px;
padding-bottom: 42px;
background: var(--amose-faq-bg);
color: var(--amose-faq-text);
}
@media screen and (min-width: 750px) {
#shopify-section-template--31127567171914__amose_faq.amose-faq-root {
padding-top: 56px;
padding-bottom: 56px;
}
}
#shopify-section-template--31127567171914__amose_faq .amose-faq__wrap {
max-width: 1400px;
margin: 0 auto;
padding: 0 clamp(16px, 4vw, 40px);
box-sizing: border-box;
}
#shopify-section-template--31127567171914__amose_faq .amose-faq__grid {
display: grid;
grid-template-columns: 1fr;
gap: clamp(28px, 5vw, 48px);
align-items: start;
}
@media screen and (min-width: 750px) and (max-width: 989px) {
#shopify-section-template--31127567171914__amose_faq .amose-faq__wrap {
padding: 0 clamp(20px, 3.2vw, 30px);
}
#shopify-section-template--31127567171914__amose_faq .amose-faq__grid {
grid-template-columns: minmax(0, 0.45fr) minmax(0, 1fr);
gap: clamp(24px, 4vw, 36px);
}
}
@media screen and (min-width: 900px) {
#shopify-section-template--31127567171914__amose_faq .amose-faq__grid {
grid-template-columns: minmax(0, 0.42fr) minmax(0, 1fr);
gap: clamp(40px, 6vw, 80px);
}
}
#shopify-section-template--31127567171914__amose_faq .amose-faq__badge {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 6px 14px 6px 10px;
border-radius: 999px;
background: var(--amose-faq-badge-bg);
color: var(--amose-faq-badge-text);
font-size: var(--amose-body);
line-height: 1.3;
font-weight: 500;
margin: 0 0 16px;
}
#shopify-section-template--31127567171914__amose_faq .amose-faq__badge-icon {
flex-shrink: 0;
width: 18px;
height: 18px;
display: flex;
align-items: center;
justify-content: center;
color: var(--amose-faq-badge-text);
opacity: 0.85;
}
#shopify-section-template--31127567171914__amose_faq .amose-faq__badge-icon svg {
width: 14px;
height: 14px;
display: block;
}
#shopify-section-template--31127567171914__amose_faq .amose-faq__heading {
margin: 0;
font-size: var(--amose-heading);
font-weight: 700;
line-height: var(--amose-lh-heading);
letter-spacing: -0.02em;
color: var(--amose-faq-text);
max-width: min(100%, 36ch);
}
#shopify-section-template--31127567171914__amose_faq .amose-faq__list {
margin: 0;
padding: 0;
border-top: 1px solid var(--amose-faq-divider);
}
#shopify-section-template--31127567171914__amose_faq .amose-faq__item {
margin: 0;
padding: 0;
border-bottom: 1px solid var(--amose-faq-divider);
}
#shopify-section-template--31127567171914__amose_faq .amose-faq__item summary {
list-style: none;
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
padding: clamp(16px, 2vw, 20px) 0;
cursor: pointer;
font-size: var(--amose-body);
line-height: var(--amose-lh-body);
font-weight: 500;
color: var(--amose-faq-text);
-webkit-tap-highlight-color: transparent;
outline: none;
}
#shopify-section-template--31127567171914__amose_faq .amose-faq__item summary:focus-visible {
outline: 2px solid var(--amose-faq-text);
outline-offset: 4px;
border-radius: 2px;
}
#shopify-section-template--31127567171914__amose_faq .amose-faq__item summary::-webkit-details-marker {
display: none;
}
#shopify-section-template--31127567171914__amose_faq .amose-faq__question {
flex: 1;
text-align: left;
padding-right: 8px;
}
#shopify-section-template--31127567171914__amose_faq .amose-faq__toggle {
flex-shrink: 0;
width: 22px;
height: 22px;
position: relative;
color: var(--amose-faq-text);
opacity: 0.75;
}
#shopify-section-template--31127567171914__amose_faq .amose-faq__toggle::before,
#shopify-section-template--31127567171914__amose_faq .amose-faq__toggle::after {
content: "";
position: absolute;
background: currentColor;
border-radius: 1px;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: transform 0.2s ease, opacity 0.2s ease;
}
#shopify-section-template--31127567171914__amose_faq .amose-faq__toggle::before {
width: 12px;
height: 2px;
}
#shopify-section-template--31127567171914__amose_faq .amose-faq__toggle::after {
width: 2px;
height: 12px;
}
#shopify-section-template--31127567171914__amose_faq .amose-faq__item[open] .amose-faq__toggle::after {
transform: translate(-50%, -50%) scaleY(0);
opacity: 0;
}
#shopify-section-template--31127567171914__amose_faq .amose-faq__answer {
padding: 0 32px clamp(16px, 2vw, 20px) 0;
margin-top: -4px;
font-size: var(--amose-body);
line-height: var(--amose-lh-body);
color: var(--amose-faq-muted);
}
#shopify-section-template--31127567171914__amose_faq .amose-faq__answer p {
margin: 0 0 0.75em;
}
#shopify-section-template--31127567171914__amose_faq .amose-faq__answer p:last-child {
margin-bottom: 0;
}</style><style data-shopify>#shopify-section-template--31127567171914__amose_faq.amose-section-checking {
display: none !important;
}</style><div class="amose-faq-visible-shell" data-amose-faq-visible>
<div class="amose-faq__wrap">
<div class="amose-faq__grid">
<div class="amose-faq__intro">
<div class="amose-faq__badge">
<span class="amose-faq__badge-icon" aria-hidden="true">
<svg viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" stroke="currentColor" stroke-width="1.5" stroke-linejoin="round">
<path d="M12 2l8 4.5v9L12 20l-8-4.5v-9L12 2z"></path>
<path d="M12 12l8-4.5M12 12v9M12 12L4 7.5"></path>
</svg>
</span>
<span>FAQs</span>
</div>
<h2 class="amose-faq__heading">Questions fréquentes sur le produit</h2>
</div>
<div class="amose-faq__list">
<details class="amose-faq__item" >
<summary>
<span class="amose-faq__question">Comment fonctionne l'ouvre-bouteille CLICKCAP ?</span>
<span class="amose-faq__toggle" aria-hidden="true"></span>
</summary>
<div class="amose-faq__answer rte"><p>L'ouvre-bouteille CLICKCAP utilise un mécanisme à pression pour ouvrir les bouteilles. Il suffit de le poser sur la capsule et d'appuyer pour l'ouvrir facilement.</p></div>
</details>
<details class="amose-faq__item" >
<summary>
<span class="amose-faq__question">Est-il compatible avec toutes les bouteilles ?</span>
<span class="amose-faq__toggle" aria-hidden="true"></span>
</summary>
<div class="amose-faq__answer rte"><p>Oui, cet ouvre-bouteille est conçu pour s'adapter à la plupart des capsules de bouteilles de bière et de boissons.</p></div>
</details>
<details class="amose-faq__item" >
<summary>
<span class="amose-faq__question">Est-ce que la capsule reste intacte après ouverture ?</span>
<span class="amose-faq__toggle" aria-hidden="true"></span>
</summary>
<div class="amose-faq__answer rte"><p>Oui, le mécanisme est conçu pour limiter les déformations de la capsule, ce qui est idéal pour les collectionneurs.</p></div>
</details>
<details class="amose-faq__item" >
<summary>
<span class="amose-faq__question">Peut-on l'utiliser d'une seule main ?</span>
<span class="amose-faq__toggle" aria-hidden="true"></span>
</summary>
<div class="amose-faq__answer rte"><p>Absolument, l'ouvre-bouteille CLICKCAP est conçu pour être utilisé d'une seule main, ce qui le rend très pratique.</p></div>
</details>
<details class="amose-faq__item" >
<summary>
<span class="amose-faq__question">Quelle est la taille de l'ouvre-bouteille ?</span>
<span class="amose-faq__toggle" aria-hidden="true"></span>
</summary>
<div class="amose-faq__answer rte"><p>L'ouvre-bouteille mesure 7.5 cm de long et 5.3 cm de large, ce qui le rend facile à ranger dans un tiroir ou un sac.</p></div>
</details>
<details class="amose-faq__item" >
<summary>
<span class="amose-faq__question">Est-ce un bon cadeau pour les amateurs de bière ?</span>
<span class="amose-faq__toggle" aria-hidden="true"></span>
</summary>
<div class="amose-faq__answer rte"><p>Oui, cet ouvre-bouteille est une excellente idée cadeau pour les amateurs de bière et les passionnés de barbecue.</p></div>
</details>
</div>
</div>
</div>
</div><script>
window.__AmoseInstallCheckPageStart = window.__AmoseInstallCheckPageStart || Date.now();
window.__AmoseInstallCheckOrigin = "https:\/\/amosesection1-production.up.railway.app";
window.AmoseSectionStatus = window.AmoseSectionStatus || [];
window.AmoseSectionStatus.push({
shop: "xkieif-vh.myshopify.com",
sectionId: "template--31127567171914__amose_faq",
sectionType: "faq"
});
window.AmoseStatusLoaderInserted = window.AmoseStatusLoaderInserted || false;
if (!window.AmoseStatusLoaderInserted) {
window.AmoseStatusLoaderInserted = true;
var script = document.createElement("script");
script.src = "https:\/\/amosesection1-production.up.railway.app\/amose-section-status.js";
script.defer = true;
document.head.appendChild(script);
}
</script>
</section>
</main>
<footer>
<!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--31127567532362__section_4JcQpY" class="shopify-section shopify-section-group-footer-group section-wrapper">
<div class="section-background color-custom-sections--31127567532362__section_4JcQpY"></div>
<div
class="section section--page-width color-custom-sections--31127567532362__section_4JcQpY"
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) * 40px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 40px)); "
data-testid="section-content"
>
<rte-formatter class="spacing-style text-block text-block--AR3pndTJFSWRWRW1RT__text_c7YMwy rte text-block--align-center rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; ">
<h3><strong>Inscrivez-vous à notre newsletter</strong></h3>
</rte-formatter>
<rte-formatter class="spacing-style text-block text-block--AVFRyTkVMZlUzQjlxM__text_YAchfn paragraph text-block--align-center rte" style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: center; ">
<p>Profitez d'offres exclusives et d'un accès en avant-première aux nouveaux produits.</p>
</rte-formatter>
<div
class="email-signup-block size-style spacing-style"
style=" --size-style-width:50%;--size-style-height: ; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; "
>
<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
<div
class="email-signup__input-group email-signup__input-group--integrated email-signup__input-group--arrow"
style=" --border-width: var(--style-border-width-inputs); --border-radius: var(--style-border-radius-inputs); "
>
<label
for="EmailInput-AUzJaYmRmcXBFcjhzc__email_signup_NHQGft"
class="visually-hidden"
>
E-mail
</label>
<input
id="EmailInput-AUzJaYmRmcXBFcjhzc__email_signup_NHQGft"
class="email-signup__input email-signup__input--all paragraph"
type="email"
name="contact[email]"
autocorrect="off"
autocapitalize="off"
autocomplete="email"
placeholder="Adresse e-mail"
required
>
<button
class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--AUzJaYmRmcXBFcjhzc__email_signup_NHQGft"
aria-label="S’inscrire"
>
<svg
viewbox="0 0 20 20"
xmlns="http://www.w3.org/2000/svg"
focusable="false"
aria-hidden="true"
class="email-signup__button-icon"
>
<path
clip-rule="evenodd"
d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z"
fill="currentColor"
fill-rule="evenodd"
/>
</svg>
</button>
</div></form>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-sections--31127567532362__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities">
<style data-shopify>
.color-custom-sections--31127567532362__footer_utilities_jLGE8U,
.color-custom-sections--31127567532362__footer_utilities_jLGE8U .text-block {
/* Background */
--color-background: #ffffff;
--color-background-rgb: 255 255 255;
/* Opacity values adjusted for background brightness */
--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; --opacity-60: 0.6;
/* Foreground / text — explicit or smart-contrasted */
--color: #000000;
--color-rgb: 0 0 0;
--color-foreground: #000000;
--color-foreground-rgb: 0 0 0;
--color-foreground-muted: rgb(0 0 0 / var(--opacity-muted-text));
--color-foreground-subdued: rgb(0 0 0 / var(--opacity-subdued-text));
--color-border: var(--palette-darkest);
--color-border-rgb: var(--palette-darkest-rgb);
}
.color-custom-sections--31127567532362__footer_utilities_jLGE8U {
/* Form-related tokens stay on .color-custom only — .text-block is a prose
container (text/announcement/inline-text/blog-post-description/
collection-link/price/sku) and never holds form inputs. */
--input-disabled-background-color: rgb(0 0 0 / var(--opacity-10));
--input-disabled-border-color: rgb(0 0 0 / var(--opacity-5));
--input-disabled-text-color: rgb(0 0 0 / var(--opacity-50));
--checkbox-border: 1px solid rgb(0 0 0 / var(--opacity-35-55));
}
.color-custom-sections--31127567532362__footer_utilities_jLGE8U {
color: var(--color, var(--color-foreground));
background-color: var(--color-background);
}
</style>
<div
class="section-background color-custom-sections--31127567532362__footer_utilities_jLGE8U"
></div>
<div
class="section section--page-width color-custom-sections--31127567532362__footer_utilities_jLGE8U"
>
<div
class="utilities utilities--blocks-3 spacing-style"
style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 1px; --divider-color: #DFDFDF; --gap: 24px;"
data-testid="footer-utilities"
>
<div
class="footer-utilities__group-copyright custom-typography custom-font-size"
style=" --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="">solar bio lux sasu</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=" --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-); "
>
Conditions générales et politiques
</button>
<div
class="terms-policies-popover color-custom-popover"
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/refund-policy"
class="footer-utilities__text"
>Politique de remboursement</a>
</li><li>
<a
href="/policies/terms-of-sale"
class="footer-utilities__text"
>Conditions générales de vente</a>
</li><li>
<a
href="/policies/legal-notice"
class="footer-utilities__text"
>Mentions légales</a>
</li><li>
<a
href="/policies/contact-information"
class="footer-utilities__text"
>Coordonnées</a>
</li><li>
<a
href="/policies/terms-of-service"
class="footer-utilities__text"
>Conditions d’utilisation</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
class="social-icons__wrapper social-icons__wrapper--ARzY1N1BGT3p1Y0hme__social_links_Ew63Kq"
>
</div>
</div>
</div>
</div>
<!-- END sections: footer-group -->
</footer>
</div>
<div
id="shopify-section-cart-drawer-section"
class="shopify-section"
>
<script
type="module"
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/cart-drawer.js?v=101430053943909765251784755280"
fetchpriority="low"
></script>
<theme-drawer
id="cart-drawer"
data-skip-node-update
>
<dialog
ref="panel"
class="theme-drawer__dialog color-custom-drawer"
aria-labelledby="cart-drawer-heading"
cart-summary-sticky="true"
>
<cart-drawer-component
>
<template id="empty-cart-template">
<div
class="cart-drawer__content"
aria-label="Panier"
>
<h2
class="theme-drawer__title h4"
id="cart-drawer-heading"
>
Votre panier est vide
</h2>
<div class="cart-drawer__items">
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/component-cart-items.js?v=14476580701730542761784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/component-cart-quantity-selector.js?v=168493463479860323171784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/volume-pricing-info.js?v=94479640769665442661784755280"
type="module"
fetchpriority="low"
></script>
<div
class="cart-items__wrapper cart-items__wrapper--drawer-empty"
data-cart-drawer-empty
style=""
>
<p>
Vous possédez un compte ? <a href="https://www.solarbiolux.eu/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 vos achats
</span>
</a></div>
</div>
</div>
</template>
<div
class="cart-drawer__inner cart-drawer--empty"
data-hydration-key="cart-drawer-inner"
><div class="theme-drawer__header">
<button
on:click="#cart-drawer/close"
class="theme-drawer__close-button cart-drawer__close-button--empty"
type="button"
aria-label="Fermer"
>
<span class="svg-wrapper"><svg aria-hidden="true" width="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>
</span>
</button>
</div>
<cart-items-component
class="cart-items-component"
data-drawer
view-event-trigger="dialog"
data-section-id="cart-drawer-section"
view-event-payload="{"context":null,"cart":null}"
>
<div
class="cart-drawer__content"
aria-label="Panier"
>
<h2
class="theme-drawer__title h4"
id="cart-drawer-heading"
>
Votre panier est vide
</h2>
<div class="cart-drawer__items">
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/component-cart-items.js?v=14476580701730542761784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/component-cart-quantity-selector.js?v=168493463479860323171784755280"
type="module"
fetchpriority="low"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/volume-pricing-info.js?v=94479640769665442661784755280"
type="module"
fetchpriority="low"
></script>
<div
class="cart-items__wrapper cart-items__wrapper--drawer-empty"
data-cart-drawer-empty
style=""
>
<p>
Vous possédez un compte ? <a href="https://www.solarbiolux.eu/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 vos achats
</span>
</a></div>
</div>
</div>
</cart-items-component>
</div>
</cart-drawer-component>
</dialog>
</theme-drawer>
</div>
<script
type="module"
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/theme-drawer.js?v=155110645205299884131784755280"
fetchpriority="low"
></script>
<script>
/* Runs synchronously during HTML parsing — opens the correct drawer on first
paint if navigation state was saved, so it renders with the rest of the page. */
(function () {
var drawerIds = (sessionStorage.getItem('theme-drawer-open') || '').split(',').filter(Boolean);
if (!drawerIds.length) return;
// Only restore on wide viewports (squeeze mode). On narrow viewports the
// drawer is a modal overlay — let it start closed after navigation rather
// than re-opening a fullscreen dialog the user may have left behind.
if (!window.matchMedia('(min-width: 990px)').matches) return;
var dialogs = [];
for (var i = 0; i < drawerIds.length; i++) {
var drawer = document.getElementById(drawerIds[i]);
if (!drawer) continue;
drawer.setAttribute('open', '');
// Set [open] directly so the CSS slide-in applies without triggering
// the browser's dialog focusing steps — on wide viewports the drawer is
// a sidebar, not a modal, so focus should stay where it is.
// The instant class suppresses the slide-in transition for the initial restore.
// Set --drawer-stack-order so z-index layering matches the original order.
drawer.style.setProperty('--drawer-stack-order', String(i + 1));
var dialog = drawer.querySelector('dialog');
if (dialog) {
dialog.setAttribute('open', '');
dialog.classList.add('theme-drawer__dialog-instant');
dialogs.push(dialog);
}
// Let each drawer type handle its own restore (e.g. shopify-chat mode).
// Synchronous dispatch — listeners attached during earlier parsing run immediately.
drawer.dispatchEvent(new CustomEvent('theme-drawer:restoring'));
}
// Apply squeeze immediately, bypassing the margin transition.
// Only squeeze if at least one drawer was actually restored — saved
// drawer IDs may not exist on every page (e.g. cart-drawer on /cart).
var pageWrapper = document.querySelector('.page-wrapper');
if (pageWrapper && dialogs.length > 0) {
pageWrapper.style.transition = 'none';
pageWrapper.classList.add('page-wrapper--drawer-open');
}
// Re-enable transitions after one paint so the instant state is rendered first.
requestAnimationFrame(function () {
requestAnimationFrame(function () {
if (pageWrapper) pageWrapper.style.transition = '';
for (var j = 0; j < dialogs.length; j++) {
dialogs[j].classList.remove('theme-drawer__dialog-instant');
}
});
});
})();
</script>
<script
type="module"
>
const pageWrapper = document.querySelector('.page-wrapper');
const squeezeQuery = window.matchMedia('(min-width: 990px)');
// ── Squeeze coordination ──
// Listens to all drawers. Only squeezes on wide viewports.
document.addEventListener('theme-drawer:open', () => {
if (squeezeQuery.matches) {
pageWrapper?.classList.add('page-wrapper--drawer-open');
}
});
document.addEventListener('theme-drawer:close', () => {
const openDrawer = document.querySelector('theme-drawer[open]');
if (!openDrawer) {
pageWrapper?.classList.remove('page-wrapper--drawer-open');
}
});
squeezeQuery.addEventListener('change', () => {
const openDrawer = document.querySelector('theme-drawer[open]');
pageWrapper?.classList.toggle('page-wrapper--drawer-open', Boolean(openDrawer) && squeezeQuery.matches);
});
// ── State persistence ──
// Store open drawer IDs sorted by their visual stack order so
// the restore script can recreate the same z-index layering.
function persistDrawerState() {
const openDrawers = Array.from(document.querySelectorAll('theme-drawer[open]:not([no-persist])'));
if (!openDrawers.length) {
sessionStorage.removeItem('theme-drawer-open');
return;
}
openDrawers.sort((a, b) => {
const orderA = Number(a.style.getPropertyValue('--drawer-stack-order') || 0);
const orderB = Number(b.style.getPropertyValue('--drawer-stack-order') || 0);
return orderA - orderB;
});
sessionStorage.setItem('theme-drawer-open', openDrawers.map((d) => d.id).join(','));
}
document.addEventListener('theme-drawer:open', persistDrawerState);
document.addEventListener('theme-drawer:close', persistDrawerState);
</script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/dialog.js?v=144816527575655702281784755280"
type="module"
></script>
<script
src="//www.solarbiolux.eu/cdn/shop/t/2/assets/predictive-search.js?v=162722252387887966571784755280"
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-custom-popover"
style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
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="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</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-component
class="resource-card__wrapper"
view-event-payload="{"product":{"id":15926262530378,"title":"Ouvre-bouteille magnétique créatif automatique CLICKCAP","handle":"ouvre-bouteille-magnetique-creatif-automatique-clickcap","selectedVariant":null},"context":"search","selectedOptions":[]}"
><div
class="resource-card"
data-resource-type="product"
>
<a
class="resource-card__link"
href="/products/ouvre-bouteille-magnetique-creatif-automatique-clickcap"
>
<span class="visually-hidden">
Ouvre-bouteille magnétique créatif automatique CLICKCAP
</span>
</a>
<div
class="resource-card__media"
style="--resource-card-aspect-ratio: 4 / 5;"
>
<img src="//www.solarbiolux.eu/cdn/shop/files/S99eef0807add4d979f9cc74826c9dcaek.webp?v=1784803523&width=500" alt="" srcset="//www.solarbiolux.eu/cdn/shop/files/S99eef0807add4d979f9cc74826c9dcaek.webp?v=1784803523&width=240 240w, //www.solarbiolux.eu/cdn/shop/files/S99eef0807add4d979f9cc74826c9dcaek.webp?v=1784803523&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image" sizes="auto" ref="" style="object-position: 50.0% 50.0%;">
<img src="//www.solarbiolux.eu/cdn/shop/files/S55f508dbe7d84ec3b336f5effa5ab8c5s.webp?v=1784803523&width=500" alt="Ouvre-bouteille magnétique créatif automatique CLICKCAP" srcset="//www.solarbiolux.eu/cdn/shop/files/S55f508dbe7d84ec3b336f5effa5ab8c5s.webp?v=1784803523&width=240 240w, //www.solarbiolux.eu/cdn/shop/files/S55f508dbe7d84ec3b336f5effa5ab8c5s.webp?v=1784803523&width=352 352w" width="500" height="500" loading="lazy" class="resource-card__image resource-card__image--secondary" sizes="auto" ref="" data-media-id="70963053101386" style="object-position: 50.0% 50.0%;">
</div>
<div class="resource-card__content">
<p class="resource-card__title paragraph">Ouvre-bouteille magnétique créatif automatique CLICKCAP</p>
<div ref="priceContainer">
<span class="price">€12,60</span>
</div>
</div>
</div></product-component>
</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.solarbiolux.eu/cdn/shop/t/2/assets/gift-card-recipient-form.js?v=170482155849799299241784755280"
type="module"
fetchpriority="low"
></script>
<quick-add-dialog id="quick-add-dialog">
<dialog
class="quick-add-modal dialog-modal color-custom-popover"
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="16" height="16" viewbox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M11.1765 12.025C11.4108 12.2594 11.7907 12.2594 12.025 12.025C12.2594 11.7907 12.2594 11.4108 12.025 11.1765L8.84931 8.00078L12.025 4.82505C12.2594 4.59073 12.2594 4.21083 12.025 3.97652C11.7907 3.7422 11.4108 3.7422 11.1765 3.97652L8.00078 7.15225L4.82505 3.97652C4.59073 3.7422 4.21083 3.7422 3.97652 3.97652C3.7422 4.21083 3.7422 4.59073 3.97652 4.82505L7.15225 8.00078L3.97652 11.1765C3.7422 11.4108 3.7422 11.7907 3.97652 12.025C4.21083 12.2594 4.59073 12.2594 4.82505 12.025L8.00078 8.84931L11.1765 12.025Z" fill="currentColor"/>
</svg>
</button>
<product-component
id="quick-add-modal-content"
class="quick-add-modal__content"
view-event-trigger="dialog"
></product-component>
</dialog>
</quick-add-dialog>
<div id="shopify-block-ASHNKVGtVemZCN0Vid__9589668175390395553" class="shopify-block shopify-app-block"><!-- BEGIN app snippet: amose --><!-- END app snippet --></div><script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
</body>
</html>
