<!doctype html>
<html
class="no-js"
lang="en"
>
<head><link
rel="icon"
type="image/png"
href="//extrem-motorsport.com/cdn/shop/files/Logo-Extrem-Motorsport-Damier.svg?crop=center&height=32&v=1762348039&width=32"
>
<link
rel="expect"
href="#MainContent"
blocking="render"
id="view-transition-render-blocker"
><meta charset="utf-8">
<meta
http-equiv="X-UA-Compatible"
content="IE=edge"
>
<meta
name="viewport"
content="width=device-width,initial-scale=1"
>
<meta
name="view-transition"
content="same-origin"
>
<meta
name="theme-color"
content=""
>
<meta
property="og:site_name"
content="Extrem Motorsport"
>
<meta
property="og:url"
content="https://extrem-motorsport.com/en/products/kit-complet-drink-sans-pompe-course-dsc-200"
>
<meta
property="og:title"
content="COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200"
>
<meta
property="og:type"
content="product"
>
<meta
property="og:description"
content="Pilot hydration kit, ready to be mounted in the car, without the need for power supply, 100% reliable. The support is positioned vertically in the vehicle and the water bottle can be quickly disconnected during driver changes, without risk of leakage! A flexible connection and the accessorisation of the helmet brings water to the pilot’s mouth. A radio and drink interface allows very fast disconnection of the driver during the relay. The water bottle is dishwasher-safe for perfect hygiene."
><meta
property="og:image"
content="http://extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683"
>
<meta
property="og:image:secure_url"
content="https://extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683"
>
<meta
property="og:image:width"
content="600"
>
<meta
property="og:image:height"
content="600"
><meta
property="og:price:amount"
content="699,90"
>
<meta
property="og:price:currency"
content="EUR"
><meta
name="twitter:card"
content="summary_large_image"
>
<meta
name="twitter:title"
content="COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200"
>
<meta
name="twitter:description"
content="Pilot hydration kit, ready to be mounted in the car, without the need for power supply, 100% reliable. The support is positioned vertically in the vehicle and the water bottle can be quickly disconnected during driver changes, without risk of leakage! A flexible connection and the accessorisation of the helmet brings water to the pilot’s mouth. A radio and drink interface allows very fast disconnection of the driver during the relay. The water bottle is dishwasher-safe for perfect hygiene."
>
<title>
COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200
</title>
<link
rel="canonical"
href="https://extrem-motorsport.com/en/products/kit-complet-drink-sans-pompe-course-dsc-200"
>
<meta
name="description"
content="Pilot hydration kit, ready to be mounted in the car, without the need for power supply, 100% reliable. The support is positioned vertically in the vehicle and the water bottle can be quickly disconnected during driver changes, without risk of leakage! A flexible connection and the accessorisation of the helmet brings water to the pilot’s mouth. A radio and drink interface allows very fast disconnection of the driver during the relay. The water bottle is dishwasher-safe for perfect hygiene."
>
<link href="//extrem-motorsport.com/cdn/shop/t/8/assets/overflow-list.css?v=168694168152117541881763722006" as="style" rel="preload">
<link href="//extrem-motorsport.com/cdn/shop/t/8/assets/base.css?v=171898184025899546381763721966" rel="stylesheet" type="text/css" media="all" />
<link
rel="preload"
as="font"
href="//extrem-motorsport.com/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//extrem-motorsport.com/cdn/fonts/prompt/prompt_n4.55d12409b69157fbb5a35f8e7fe8e1c49ef883c4.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//extrem-motorsport.com/cdn/fonts/prompt/prompt_n4.55d12409b69157fbb5a35f8e7fe8e1c49ef883c4.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
><link
rel="preload"
as="font"
href="//extrem-motorsport.com/cdn/fonts/prompt/prompt_n4.55d12409b69157fbb5a35f8e7fe8e1c49ef883c4.woff2"
type="font/woff2"
crossorigin
fetchpriority="low"
>
<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script type="importmap">
{
"imports": {
"@theme/critical": "//extrem-motorsport.com/cdn/shop/t/8/assets/critical.js?v=169402557219780209121763721973",
"@theme/product-title": "//extrem-motorsport.com/cdn/shop/t/8/assets/product-title-truncation.js?v=81744426891537421781763722014",
"@theme/component": "//extrem-motorsport.com/cdn/shop/t/8/assets/component.js?v=74239122572524296041763721972",
"@theme/dialog": "//extrem-motorsport.com/cdn/shop/t/8/assets/dialog.js?v=122984339961420548111763721974",
"@theme/events": "//extrem-motorsport.com/cdn/shop/t/8/assets/events.js?v=59172389608566392641763721976",
"@theme/focus": "//extrem-motorsport.com/cdn/shop/t/8/assets/focus.js?v=60436577539430446401763721978",
"@theme/morph": "//extrem-motorsport.com/cdn/shop/t/8/assets/morph.js?v=92630016404903954311763722005",
"@theme/paginated-list": "//extrem-motorsport.com/cdn/shop/t/8/assets/paginated-list.js?v=95298315036233333871763722007",
"@theme/performance": "//extrem-motorsport.com/cdn/shop/t/8/assets/performance.js?v=171015751390534793081763722007",
"@theme/product-form": "//extrem-motorsport.com/cdn/shop/t/8/assets/product-form.js?v=83283661069322333421763722012",
"@theme/recently-viewed-products": "//extrem-motorsport.com/cdn/shop/t/8/assets/recently-viewed-products.js?v=94729125001750262651763722017",
"@theme/scrolling": "//extrem-motorsport.com/cdn/shop/t/8/assets/scrolling.js?v=10957690925586738441763722019",
"@theme/section-renderer": "//extrem-motorsport.com/cdn/shop/t/8/assets/section-renderer.js?v=117273408521114569061763722020",
"@theme/section-hydration": "//extrem-motorsport.com/cdn/shop/t/8/assets/section-hydration.js?v=177651605160027701221763722020",
"@theme/utilities": "//extrem-motorsport.com/cdn/shop/t/8/assets/utilities.js?v=171919950116664653001763722024",
"@theme/variant-picker": "//extrem-motorsport.com/cdn/shop/t/8/assets/variant-picker.js?v=95439354777694360091763722024",
"@theme/media-gallery": "//extrem-motorsport.com/cdn/shop/t/8/assets/media-gallery.js?v=111441960308641931071763722004",
"@theme/quick-add": "//extrem-motorsport.com/cdn/shop/t/8/assets/quick-add.js?v=102040698639320169661763722016",
"@theme/paginated-list-aspect-ratio": "//extrem-motorsport.com/cdn/shop/t/8/assets/paginated-list-aspect-ratio.js?v=25254270272143792451763722006",
"@theme/popover-polyfill": "//extrem-motorsport.com/cdn/shop/t/8/assets/popover-polyfill.js?v=119029313658895111201763722008",
"@theme/component-quantity-selector": "//extrem-motorsport.com/cdn/shop/t/8/assets/component-quantity-selector.js?v=7782950339315554041763721971"
}
}
</script>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/view-transitions.js?v=84877080446900032951763722026"
async
blocking="render"
></script>
<link
rel="modulepreload"
href="//extrem-motorsport.com/cdn/shop/t/8/assets/critical.js?v=169402557219780209121763721973"
>
<link
rel="modulepreload"
href="//extrem-motorsport.com/cdn/shop/t/8/assets/utilities.js?v=171919950116664653001763722024"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//extrem-motorsport.com/cdn/shop/t/8/assets/component.js?v=74239122572524296041763721972"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//extrem-motorsport.com/cdn/shop/t/8/assets/section-renderer.js?v=117273408521114569061763722020"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//extrem-motorsport.com/cdn/shop/t/8/assets/section-hydration.js?v=177651605160027701221763722020"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//extrem-motorsport.com/cdn/shop/t/8/assets/morph.js?v=92630016404903954311763722005"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//extrem-motorsport.com/cdn/shop/t/8/assets/focus.js?v=60436577539430446401763721978"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//extrem-motorsport.com/cdn/shop/t/8/assets/recently-viewed-products.js?v=94729125001750262651763722017"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//extrem-motorsport.com/cdn/shop/t/8/assets/scrolling.js?v=10957690925586738441763722019"
fetchpriority="low"
>
<link
rel="modulepreload"
href="//extrem-motorsport.com/cdn/shop/t/8/assets/events.js?v=59172389608566392641763721976"
fetchpriority="low"
>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/popover-polyfill.js?v=119029313658895111201763722008"
type="module"
fetchpriority="low"
></script>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/quick-add.js?v=102040698639320169661763722016"
type="module"
fetchpriority="low"
></script>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/cart-discount.js?v=107077853990124422021763721967"
type="module"
fetchpriority="low"
></script>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/dialog.js?v=122984339961420548111763721974"
type="module"
fetchpriority="low"
></script>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/variant-picker.js?v=95439354777694360091763722024"
type="module"
fetchpriority="low"
></script>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/product-card.js?v=84089801565227384841763722010"
type="module"
fetchpriority="low"
></script>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/product-form.js?v=83283661069322333421763722012"
type="module"
fetchpriority="low"
></script>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/accordion-custom.js?v=99000499017714805851763721962"
type="module"
fetchpriority="low"
></script>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/disclosure-custom.js?v=168050880623268140331763721974"
type="module"
fetchpriority="low"
></script>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/media.js?v=37825095869491791421763722004"
type="module"
fetchpriority="low"
></script>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/product-price.js?v=30079423257668675401763722013"
type="module"
fetchpriority="low"
></script>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/product-title-truncation.js?v=81744426891537421781763722014"
type="module"
fetchpriority="low"
></script>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/product-inventory.js?v=16343734458933704981763722012"
type="module"
fetchpriority="low"
></script>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/show-more.js?v=94563802205717136101763722021"
type="module"
fetchpriority="low"
></script>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/slideshow.js?v=154015486816472108841763722022"
type="module"
fetchpriority="low"
></script>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/anchored-popover.js?v=95953304814728754461763721963"
type="module"
fetchpriority="low"
></script>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/floating-panel.js?v=128677600744947036551763721977"
type="module"
fetchpriority="low"
></script>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/video-background.js?v=25237992823806706551763722025"
type="module"
fetchpriority="low"
></script>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/component-quantity-selector.js?v=7782950339315554041763721971"
type="module"
fetchpriority="low"
></script>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/media-gallery.js?v=111441960308641931071763722004"
type="module"
fetchpriority="low"
></script>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/rte-formatter.js?v=101420294193111439321763722018"
type="module"
fetchpriority="low"
></script>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/gift-card-recipient-form.js?v=129634859299628245901763721979"
type="module"
fetchpriority="low"
></script>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/localization.js?v=87759161307859666401763722003"
type="module"
fetchpriority="low"
></script>
<script type="module">
import { RecentlyViewed } from '@theme/recently-viewed-products';
RecentlyViewed.addProduct('15347625230661');
</script>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/product-card-link.js?v=97122579314620396511763722010"
type="module"
fetchpriority="low"
></script>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/auto-close-details.js?v=58350291535404441581763721965"
defer="defer"
></script>
<script>
const basePath = 'https://cdn.shopify.com/static/themes/horizon/placeholders';
const Theme = {
placeholders: {
general: [
`${basePath}/general-1.png`,
`${basePath}/general-2.png`,
`${basePath}/general-3.png`,
`${basePath}/general-4.png`,
`${basePath}/general-5.png`,
`${basePath}/general-6.png`,
`${basePath}/general-7.png`,
],
product: [`${basePath}/product-ball.png`, `${basePath}/product-cone.png`, `${basePath}/product-cube.png`],
},
translations: {
placeholder_image: `Placeholder image`,
added: `Added`,
recipient_form_fields_visible: `Recipient form fields are now visible`,
recipient_form_fields_hidden: `Recipient form fields are now hidden`,
recipient_form_error: `There was an error with the form submission`,
},
routes: {
cart_add_url: '/en/cart/add.js',
cart_change_url: '/en/cart/change',
cart_update_url: '/en/cart/update',
cart_url: '/en/cart',
predictive_search_url: '/en/search/suggest',
search_url: '/en/search',
},
template: {
name: 'product',
},
};
</script>
<style data-shopify>
@font-face {
font-family: "DM Sans";
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//extrem-motorsport.com/cdn/fonts/dm_sans/dmsans_n4.ec80bd4dd7e1a334c969c265873491ae56018d72.woff2") format("woff2"),
url("//extrem-motorsport.com/cdn/fonts/dm_sans/dmsans_n4.87bdd914d8a61247b911147ae68e754d695c58a6.woff") format("woff");
}
@font-face {
font-family: "DM Sans";
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//extrem-motorsport.com/cdn/fonts/dm_sans/dmsans_n7.97e21d81502002291ea1de8aefb79170c6946ce5.woff2") format("woff2"),
url("//extrem-motorsport.com/cdn/fonts/dm_sans/dmsans_n7.af5c214f5116410ca1d53a2090665620e78e2e1b.woff") format("woff");
}
@font-face {
font-family: "DM Sans";
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//extrem-motorsport.com/cdn/fonts/dm_sans/dmsans_i4.b8fe05e69ee95d5a53155c346957d8cbf5081c1a.woff2") format("woff2"),
url("//extrem-motorsport.com/cdn/fonts/dm_sans/dmsans_i4.403fe28ee2ea63e142575c0aa47684d65f8c23a0.woff") format("woff");
}
@font-face {
font-family: "DM Sans";
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//extrem-motorsport.com/cdn/fonts/dm_sans/dmsans_i7.52b57f7d7342eb7255084623d98ab83fd96e7f9b.woff2") format("woff2"),
url("//extrem-motorsport.com/cdn/fonts/dm_sans/dmsans_i7.d5e14ef18a1d4a8ce78a4187580b4eb1759c2eda.woff") format("woff");
}
@font-face {
font-family: Prompt;
font-weight: 400;
font-style: normal;
font-display: swap;
src: url("//extrem-motorsport.com/cdn/fonts/prompt/prompt_n4.55d12409b69157fbb5a35f8e7fe8e1c49ef883c4.woff2") format("woff2"),
url("//extrem-motorsport.com/cdn/fonts/prompt/prompt_n4.cb4fce1008c76d3a576d0fc88e84462b52c62ea8.woff") format("woff");
}
@font-face {
font-family: Prompt;
font-weight: 700;
font-style: normal;
font-display: swap;
src: url("//extrem-motorsport.com/cdn/fonts/prompt/prompt_n7.b02601183b05e61fa7be166e9ccbe02488df9d4e.woff2") format("woff2"),
url("//extrem-motorsport.com/cdn/fonts/prompt/prompt_n7.0d3eedf3dbfa531020ce942da8ca46feac5ed856.woff") format("woff");
}
@font-face {
font-family: Prompt;
font-weight: 400;
font-style: italic;
font-display: swap;
src: url("//extrem-motorsport.com/cdn/fonts/prompt/prompt_i4.362b631cc9d785c4bf92e3f9f332c42d636294ca.woff2") format("woff2"),
url("//extrem-motorsport.com/cdn/fonts/prompt/prompt_i4.45744fe70b84b111fe3d48873ef5b24443cf63bf.woff") format("woff");
}
@font-face {
font-family: Prompt;
font-weight: 700;
font-style: italic;
font-display: swap;
src: url("//extrem-motorsport.com/cdn/fonts/prompt/prompt_i7.c0196827e2d7ad4d23aa059bfa7dea9b375ef0a1.woff2") format("woff2"),
url("//extrem-motorsport.com/cdn/fonts/prompt/prompt_i7.8cb478a58ee5103386ff964f66617c3a56e70296.woff") format("woff");
}
:root {
/* Page Layout */
--sidebar-width: 25rem;
--narrow-content-width: 36rem;
--normal-content-width: 42rem;
--wide-content-width: 46rem;
--narrow-page-width: 90rem;
--normal-page-width: 120rem;
--wide-page-width: 150rem;
/* Section Heights */
--section-height-small: 15rem;
--section-height-medium: 25rem;
--section-height-large: 35rem;
@media screen and (min-width: 40em) {
--section-height-small: 40svh;
--section-height-medium: 55svh;
--section-height-large: 70svh;
}
@media screen and (min-width: 60em) {
--section-height-small: 50svh;
--section-height-medium: 65svh;
--section-height-large: 80svh;
}
/* Letter spacing */
--letter-spacing-sm: 0.06em;
--letter-spacing-md: 0.13em;
/* Font families */
--font-body--family: "DM Sans", sans-serif;
--font-body--style: normal;
--font-body--weight: 400;
--font-subheading--family: Prompt, sans-serif;
--font-subheading--style: normal;
--font-subheading--weight: 400;
--font-heading--family: Prompt, sans-serif;
--font-heading--style: normal;
--font-heading--weight: 400;
--font-accent--family: Prompt, sans-serif;
--font-accent--style: normal;
--font-accent--weight: 400;
/* Margin sizes */
--font-h1--spacing: 0.25em;
--font-h2--spacing: 0.25em;
--font-h3--spacing: 0.25em;
--font-h4--spacing: 0.25em;
--font-h5--spacing: 0.25em;
--font-h6--spacing: 0.25em;
--font-paragraph--spacing: 0.5em;
/* Heading colors */
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/** Z-Index / Layering */
--layer-section-background: -2;
--layer-lowest: -1;
--layer-base: 0;
--layer-flat: 1;
--layer-raised: 2;
--layer-heightened: 4;
--layer-sticky: 8;
--layer-window-overlay: 10;
--layer-header-menu: 12;
--layer-overlay: 16;
--layer-menu-drawer: 18;
--layer-temporary: 20;
/* Max-width / Measure */
--max-width--body-normal: 50ch;
--max-width--body-narrow: 35ch;
--max-width--heading-normal: 50ch;
--max-width--heading-narrow: 30ch;
--max-width--display-normal: 20ch;
--max-width--display-narrow: 15ch;
--max-width--display-tight: 5ch;
/* 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: 2.5rem;--font-size--h2: 2.0rem;--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 1.125rem;--font-size--h6: 1.0rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-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: uppercase;--font-h1--line-height: var(--line-height--display-normal);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: uppercase;--font-h2--line-height: var(--line-height--display-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: uppercase;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-subheading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-subheading--family);--font-h4--style: var(--font-subheading--style);--font-h4--case: uppercase;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-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: uppercase;--font-h5--line-height: var(--line-height--display-normal);--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: uppercase;--font-h6--line-height: var(--line-height--display-normal);
/* Hardcoded font sizes */
--font-size--2xs: 0.625rem;
--font-size--xs: 0.8125rem;
--font-size--sm: 0.875rem;
--font-size--md: 1rem;
--font-size--lg: 1.125rem;
--font-size--xl: 1.25rem;
--font-size--2xl: 1.5rem;
--font-size--3xl: 2rem;
--font-size--4xl: 2.5rem;
--font-size--5xl: 3rem;
--font-size--6xl: 3.5rem;
/* Menu font sizes */
--menu-font-sm--size: 0.875rem;
--menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
--menu-font-md--size: 1rem;
--menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
--menu-font-lg--size: 1.125rem;
--menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
--menu-font-xl--size: 1.25rem;
--menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
--menu-font-2xl--size: 1.75rem;
--menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
/* Colors */
--color-error: #8B0000;
--color-success: #006400;
--color-white: #FFFFFF;
--color-white-rgb: 255 255 255;
--color-black: #000000;
--color-instock: #3ED660;
--color-lowstock: #EE9441;
--color-outofstock: #C8C8C8;
/* Opacity */
--opacity-5: 0.05;
--opacity-8: 0.08;
--opacity-10: 0.1;
--opacity-15: 0.15;
--opacity-20: 0.2;
--opacity-25: 0.25;
--opacity-30: 0.3;
--opacity-40: 0.4;
--opacity-50: 0.5;
--opacity-60: 0.6;
--opacity-70: 0.7;
--opacity-80: 0.8;
--opacity-85: 0.85;
--opacity-90: 0.9;
--opacity-subdued-text: var(--opacity-70);
--shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
--gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
/* Spacing */
--margin-3xs: 0.125rem;
--margin-2xs: 0.3rem;
--margin-xs: 0.5rem;
--margin-sm: 0.7rem;
--margin-md: 0.8rem;
--margin-lg: 1rem;
--margin-xl: 1.25rem;
--margin-2xl: 1.5rem;
--margin-3xl: 1.75rem;
--margin-4xl: 2rem;
--margin-5xl: 3rem;
--margin-6xl: 5rem;
--scroll-margin: 50px;
--padding-3xs: 0.125rem;
--padding-2xs: 0.25rem;
--padding-xs: 0.5rem;
--padding-sm: 0.7rem;
--padding-md: 0.8rem;
--padding-lg: 1rem;
--padding-xl: 1.25rem;
--padding-2xl: 1.5rem;
--padding-3xl: 1.75rem;
--padding-4xl: 2rem;
--padding-5xl: 3rem;
--padding-6xl: 4rem;
--gap-3xs: 0.125rem;
--gap-2xs: 0.3rem;
--gap-xs: 0.5rem;
--gap-sm: 0.7rem;
--gap-md: 0.9rem;
--gap-lg: 1rem;
--gap-xl: 1.25rem;
--gap-2xl: 2rem;
--gap-3xl: 3rem;
--spacing-scale-sm: 0.6;
--spacing-scale-md: 0.7;
--spacing-scale-default: 1.0;
/* Checkout buttons gap */
--checkout-button-gap: 10px;
/* Borders */
--style-border-width: 1px;
--style-border-radius-xs: 0.2rem;
--style-border-radius-sm: 0.6rem;
--style-border-radius-md: 0.8rem;
--style-border-radius-50: 50%;
--style-border-radius-lg: 1rem;
--style-border-radius-pills: 40px;
--style-border-radius-inputs: 0px;
--style-border-radius-buttons-primary: 0px;
--style-border-radius-buttons-secondary: 0px;
--style-border-width-primary: 0px;
--style-border-width-secondary: 0px;
--style-border-width-inputs: 1px;
--style-border-radius-popover: 0px;
--style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
--style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
--style-border-swatch-opacity: 10%;
--style-border-swatch-width: 1px;
--style-border-swatch-style: solid;
/* Animation */
--ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
--ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
--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);
/* 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;
/* 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-accent--family);
--button-font-family-secondary: var(--font-body--family);
/* Button text case */
--button-text-case: ;
--button-text-case-primary: uppercase;
--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;
/* 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: 30;
--variant-picker-swatch-height-unitless: 30;
--variant-picker-swatch-width: 30px;
--variant-picker-swatch-height: 30px;
--variant-picker-swatch-radius: 0px;
--variant-picker-border-width: 1px;
--variant-picker-border-style: solid;
--variant-picker-border-opacity: 10%;
/* Variant Picker Buttons */
--variant-picker-button-radius: 0px;
--variant-picker-button-border-width: 1px;
/* 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;
/* 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>
:root,
.color-scheme-1 {
--color-background: rgb(255 233 77 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 233 77;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(0 0 0 / 1.0);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(255 233 77 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
--color-input-background: rgb(241 241 241 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 0.51);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(255 255 255 / 1.0);
--color-variant-text-rgb: 255 255 255;
--color-variant-hover-background: rgb(0 0 0 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(255 255 255 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-2 {
--color-background: rgb(241 241 241 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 241 241 241;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(241 241 241 / 1.0);
--color-border-rgb: 241 241 241;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(242 242 242 / 1.0);
--color-primary-button-background: rgb(164 35 37 / 1.0);
--color-primary-button-border: rgb(164 35 37 / 1.0);
--color-primary-button-hover-text: rgb(242 242 242 / 1.0);
--color-primary-button-hover-background: rgb(164 35 37 / 1.0);
--color-primary-button-hover-border: rgb(164 35 37 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(255 255 255 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(164 35 37 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(164 35 37 / 1.0);
--color-input-background: rgb(241 241 241 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(241 241 241 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(164 35 37 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-3 {
--color-background: rgb(232 213 199 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 232 213 199;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(120 4 6 / 0.91);
--color-primary-rgb: 120 4 6;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(208 208 208 / 1.0);
--color-border-rgb: 208 208 208;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(120 4 6 / 0.91);
--color-primary-button-border: rgb(120 4 6 / 0.91);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(232 213 199 / 1.0);
--color-secondary-button-border: rgb(51 50 50 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(241 227 217 / 0.77);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
--color-input-background: rgb(232 213 199 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(241 227 217 / 0.77);
--color-variant-background: rgb(232 213 199 / 1.0);
--color-variant-border: rgb(88 88 88 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(241 227 217 / 0.77);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(0 0 0 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-4 {
--color-background: rgb(164 35 37 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 164 35 37;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(164 35 37 / 1.0);
--color-primary-rgb: 164 35 37;
--color-primary-hover: rgb(164 35 37 / 1.0);
--color-primary-hover-rgb: 164 35 37;
--color-border: rgb(0 0 0 / 1.0);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(164 35 37 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(215 102 104 / 1.0);
--color-primary-button-hover-border: rgb(215 102 104 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(164 35 37 / 1.0);
--color-secondary-button-border: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-background: rgb(215 102 104 / 1.0);
--color-secondary-button-hover-border: rgb(215 102 104 / 1.0);
--color-input-background: rgb(164 35 37 / 1.0);
--color-input-text: rgb(255 255 255 / 1.0);
--color-input-text-rgb: 255 255 255;
--color-input-border: rgb(255 255 255 / 0.89);
--color-input-hover-background: rgb(120 4 6 / 0.91);
--color-variant-background: rgb(164 35 37 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(255 255 255 / 1.0);
--color-variant-text-rgb: 255 255 255;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-5 {
--color-background: rgb(0 0 0 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(255 255 255 / 1.0);
--color-primary-hover-rgb: 255 255 255;
--color-border: rgb(255 255 255 / 1.0);
--color-border-rgb: 255 255 255;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(255 233 77 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(0 0 0 / 1.0);
--color-primary-button-hover-background: rgb(255 255 255 / 1.0);
--color-primary-button-hover-border: rgb(222 222 222 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 1.0);
--color-secondary-button-border: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
--color-input-background: rgb(0 0 0 / 1.0);
--color-input-text: rgb(255 255 255 / 1.0);
--color-input-text-rgb: 255 255 255;
--color-input-border: rgb(255 255 255 / 1.0);
--color-input-hover-background: rgb(51 50 50 / 1.0);
--color-variant-background: rgb(0 0 0 / 1.0);
--color-variant-border: rgb(255 255 255 / 1.0);
--color-variant-text: rgb(255 255 255 / 1.0);
--color-variant-text-rgb: 255 255 255;
--color-variant-hover-background: rgb(255 255 255 / 1.0);
--color-variant-hover-text: rgb(255 255 255 / 1.0);
--color-variant-hover-border: rgb(0 0 0 / 1.0);
--color-selected-variant-background: rgb(255 255 255 / 1.0);
--color-selected-variant-border: rgb(255 255 255 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(222 222 222 / 1.0);
--color-selected-variant-hover-text: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-border: rgb(0 0 0 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-6 {
--color-background: rgb(0 0 0 / 0.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(255 255 255 / 1.0);
--color-primary-hover-rgb: 255 255 255;
--color-border: rgb(0 0 0 / 0.0);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 0.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(0 0 0 / 1.0);
--color-primary-button-hover-background: rgb(222 222 222 / 1.0);
--color-primary-button-hover-border: rgb(222 222 222 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
--color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-7 {
--color-background: rgb(0 0 0 / 0.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(164 35 37 / 1.0);
--color-foreground-heading-rgb: 164 35 37;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 0.53);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(51 51 51 / 1.0);
--color-primary-button-hover-border: rgb(51 51 51 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.06);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 0.53);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 0.13);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-dd5f51c0-f709-487f-a247-6b514fc9938b {
--color-background: rgb(0 0 0 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(255 233 77 / 1.0);
--color-primary-rgb: 255 233 77;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(230 230 230 / 1.0);
--color-border-rgb: 230 230 230;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(255 233 77 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(255 233 77 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(255 255 255 / 1.0);
--color-input-text-rgb: 255 255 255;
--color-input-border: rgb(230 230 230 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 0.51);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(255 255 255 / 1.0);
--color-variant-text-rgb: 255 255 255;
--color-variant-hover-background: rgb(0 0 0 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(255 255 255 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-fca7f3e9-14fc-4d3f-923d-8b611a128ae4 {
--color-background: rgb(255 233 77 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 255 233 77;
--opacity-5-15: 0.05;
--opacity-10-25: 0.1;
--opacity-35-55: 0.35;
--opacity-40-60: 0.4;
--opacity-30-60: 0.3;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(0 0 0 / 1.0);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(222 222 222 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(26 26 26 / 1.0);
--color-secondary-button-background: rgb(241 241 241 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
--color-input-background: rgb(241 241 241 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(255 255 255 / 1.0);
--color-input-hover-background: rgb(255 255 255 / 0.51);
--color-variant-background: rgb(255 255 255 / 0.51);
--color-variant-border: rgb(0 0 0 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(230 230 230 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(0 0 0 / 1.0);
--color-selected-variant-background: rgb(230 230 230 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-c3065a40-cc88-416b-9d29-8a2d8ca0b98e {
--color-background: rgb(0 0 0 / 1.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(255 233 77 / 1.0);
--color-border-rgb: 255 233 77;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 0.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.15);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
--color-input-background: rgb(241 241 241 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(0 0 0 / 0.15);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(0 0 0 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(255 255 255 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(0 0 0 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-8e69bd35-52a2-4da9-8379-d7c214df9681 {
--color-background: rgb(0 0 0 / 0.0);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(0 0 0 / 1.0);
--color-foreground-rgb: 0 0 0;
--color-foreground-heading: rgb(0 0 0 / 1.0);
--color-foreground-heading-rgb: 0 0 0;
--color-primary: rgb(255 255 255 / 1.0);
--color-primary-rgb: 255 255 255;
--color-primary-hover: rgb(255 255 255 / 1.0);
--color-primary-hover-rgb: 255 255 255;
--color-border: rgb(0 0 0 / 0.0);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 0.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(0 0 0 / 1.0);
--color-primary-button-background: rgb(255 255 255 / 1.0);
--color-primary-button-border: rgb(255 255 255 / 1.0);
--color-primary-button-hover-text: rgb(0 0 0 / 1.0);
--color-primary-button-hover-background: rgb(222 222 222 / 1.0);
--color-primary-button-hover-border: rgb(222 222 222 / 1.0);
--color-secondary-button-text: rgb(0 0 0 / 1.0);
--color-secondary-button-background: rgb(0 0 0 / 0.0);
--color-secondary-button-border: rgb(255 255 255 / 1.0);
--color-secondary-button-hover-text: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
--color-secondary-button-hover-border: rgb(222 222 222 / 1.0);
--color-input-background: rgb(255 255 255 / 1.0);
--color-input-text: rgb(0 0 0 / 1.0);
--color-input-text-rgb: 0 0 0;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 1.0);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(0 0 0 / 1.0);
--color-variant-text-rgb: 0 0 0;
--color-variant-hover-background: rgb(245 245 245 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(0 0 0 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 233 77 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
.color-scheme-eefbbc77-4748-45e8-8b91-5f86e13dc651 {
--color-background: rgb(0 0 0 / 0.18);
/* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
--color-background-rgb: 0 0 0;
--opacity-5-15: 0.15;
--opacity-10-25: 0.25;
--opacity-35-55: 0.55;
--opacity-40-60: 0.6;
--opacity-30-60: 0.6;
--color-foreground: rgb(255 255 255 / 1.0);
--color-foreground-rgb: 255 255 255;
--color-foreground-heading: rgb(255 255 255 / 1.0);
--color-foreground-heading-rgb: 255 255 255;
--color-primary: rgb(0 0 0 / 1.0);
--color-primary-rgb: 0 0 0;
--color-primary-hover: rgb(0 0 0 / 1.0);
--color-primary-hover-rgb: 0 0 0;
--color-border: rgb(0 0 0 / 1.0);
--color-border-rgb: 0 0 0;
--color-shadow: rgb(0 0 0 / 1.0);
--color-shadow-rgb: 0 0 0;
--color-primary-button-text: rgb(255 255 255 / 1.0);
--color-primary-button-background: rgb(0 0 0 / 1.0);
--color-primary-button-border: rgb(0 0 0 / 1.0);
--color-primary-button-hover-text: rgb(255 255 255 / 1.0);
--color-primary-button-hover-background: rgb(0 0 0 / 1.0);
--color-primary-button-hover-border: rgb(0 0 0 / 1.0);
--color-secondary-button-text: rgb(255 255 255 / 1.0);
--color-secondary-button-background: rgb(255 233 77 / 1.0);
--color-secondary-button-border: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
--color-secondary-button-hover-background: rgb(222 222 222 / 1.0);
--color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
--color-input-background: rgb(241 241 241 / 1.0);
--color-input-text: rgb(255 255 255 / 1.0);
--color-input-text-rgb: 255 255 255;
--color-input-border: rgb(0 0 0 / 1.0);
--color-input-hover-background: rgb(245 245 245 / 1.0);
--color-variant-background: rgb(255 255 255 / 0.51);
--color-variant-border: rgb(230 230 230 / 1.0);
--color-variant-text: rgb(255 255 255 / 1.0);
--color-variant-text-rgb: 255 255 255;
--color-variant-hover-background: rgb(0 0 0 / 1.0);
--color-variant-hover-text: rgb(0 0 0 / 1.0);
--color-variant-hover-border: rgb(230 230 230 / 1.0);
--color-selected-variant-background: rgb(255 255 255 / 1.0);
--color-selected-variant-border: rgb(0 0 0 / 1.0);
--color-selected-variant-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
--color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
--color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
--input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
--input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
--input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
--color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
--font-h1--color: var(--color-foreground-heading);
--font-h2--color: var(--color-foreground-heading);
--font-h3--color: var(--color-foreground-heading);
--font-h4--color: var(--color-foreground-heading);
--font-h5--color: var(--color-foreground-heading);
--font-h6--color: var(--color-foreground-heading);
/* Shadows */
--shadow-blur: 20px;
--shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
}
body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-7, .color-scheme-dd5f51c0-f709-487f-a247-6b514fc9938b, .color-scheme-fca7f3e9-14fc-4d3f-923d-8b611a128ae4, .color-scheme-c3065a40-cc88-416b-9d29-8a2d8ca0b98e, .color-scheme-8e69bd35-52a2-4da9-8379-d7c214df9681, .color-scheme-eefbbc77-4748-45e8-8b91-5f86e13dc651 {
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="/95327322437/digital_wallets/dialog">
<link rel="alternate" hreflang="x-default" href="https://extrem-motorsport.com/products/kit-complet-drink-sans-pompe-course-dsc-200">
<link rel="alternate" hreflang="fr" href="https://extrem-motorsport.com/products/kit-complet-drink-sans-pompe-course-dsc-200">
<link rel="alternate" hreflang="en" href="https://extrem-motorsport.com/en/products/kit-complet-drink-sans-pompe-course-dsc-200">
<link rel="alternate" type="application/json+oembed" href="https://extrem-motorsport.com/en/products/kit-complet-drink-sans-pompe-course-dsc-200.oembed">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-FR"></script>
<script id="shopify-features" type="application/json">{"accessToken":"66885f60b8dbab74725f2ee3cb021779","betas":["rich-media-storefront-analytics"],"domain":"extrem-motorsport.com","predictiveSearch":true,"shopId":95327322437,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "kiknjz-5z.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"EUR","rate":"1.0"};
Shopify.country = "FR";
Shopify.theme = {"name":"SITE EXTREM MOTORSPORT","id":190128292165,"schema_name":"Savor","schema_version":"3.1.0","theme_store_id":3626,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "extrem-motorsport.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/en/";</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 id="shop-js-analytics" type="application/json">{"pageType":"product"}</script>
<script defer="defer" async type="module" src="//extrem-motorsport.com/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_CG-L-Qzi.en.esm.js"></script>
<script defer="defer" async type="module" src="//extrem-motorsport.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_B8yXDTDb.esm.js"></script>
<script type="module">
await import("//extrem-motorsport.com/cdn/shopifycloud/shop-js/modules/v2/client.init-shop-cart-sync_CG-L-Qzi.en.esm.js");
await import("//extrem-motorsport.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_B8yXDTDb.esm.js");
window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
</script>
<script id="__st">var __st={"a":95327322437,"offset":3600,"reqid":"6afa6b65-518a-4a95-9c23-e4fb399f5a58-1768085614","pageurl":"extrem-motorsport.com\/en\/products\/kit-complet-drink-sans-pompe-course-dsc-200?variant=55855393800517","u":"364e15732943","p":"product","rtyp":"product","rid":15347625230661};</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:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(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-4kQ18oKyAcykRKYeNunJcIwy7WH5gtpwJnB7kiuLZ1E=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//extrem-motorsport.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-a0a9edcb.js" crossorigin="anonymous"></script>
<script id='scb4127' type='text/javascript' async='' src='https://extrem-motorsport.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><script async crossorigin src="/cdn/shopifycloud/autosizes-uploader/autosizes.1.0.0.js"></script>
<link rel="stylesheet" media="screen" href="//extrem-motorsport.com/cdn/shop/t/8/compiled_assets/styles.css?1891">
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
<!-- BEGIN app block: shopify://apps/exemptify/blocks/ExemptifyApp/53648040-92ea-472b-92a5-eb781e92b01b --><!-- Begin Exemptify messages -->
<script>
var m4u_invalid_id = "This VAT ID seems to be invalid, please contact us directly. ";
var m4u_vies_down = "The EU validation service is unavailable. Please contact us.";
var m4u_validated = "Your VAT ID has been successfully validated.";
var m4u_deleted = "The VAT ID has been deleted.";
var m4u_no_country = "Please enter a valid country code (eg, DK, FR, DE,...)";
var m4u_same_country = "We are not allowed to issue VAT exempt invoices for businesses in the same country.";
var m4u_format_error = "Please enter a valid EU VAT ID.";
var m4u_ptxt = "VAT included";
var m4u_ex_vat_postfix_txt = "HT";
var m4u_no_email = "Please enter a valid Email address.";
</script>
<!-- End Exemptify messages -->
<script src="https://cdn.shopify.com/extensions/0199946b-5a78-7e3e-855c-f375a81ed80b/exemptify-422/assets/exemptify-jquery-3.6.0.min.js"></script>
<!-- Begin Exemptify price display -->
<script async src="//www.modules4u.biz/shopify/exemptify/js/fix_prices_v1.js.php?shop=kiknjz-5z.myshopify.com&country=FR&vat=20&eu_aware&show_original_price&style=Y29sb3I6IzAwMDAwMDtmb250LXNpemU6IDFlbTtmb250LXdlaWdodDogYm9sZDs=&i nc_style=Y29sb3I6O2ZvbnQtc2l6ZTogMWVtO2ZvbnQtd2VpZ2h0OiBub3JtYWw7&two_lines&eu_oss&vat_included_setting=true&no_local_id&tax_included=true&shop_currency=EUR&actual_currency=EUR&num_currencies=13&customer_exempt=¤t_country=FR&"></script>
<!-- End Exemptify price display -->
<!-- END app block --><script src="https://cdn.shopify.com/extensions/019b90e9-3859-7e7d-9ef3-45139d01c9c0/terms-relentless-128/assets/terms.js" type="text/javascript" defer="defer"></script>
<link href="https://cdn.shopify.com/extensions/019b90e9-3859-7e7d-9ef3-45139d01c9c0/terms-relentless-128/assets/style.min.css" rel="stylesheet" type="text/css" media="all">
<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: 95327322437,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "product"};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 id="web-pixels-manager-setup">(function e(e,d,r,n,o){if(void 0===o&&(o={}),!Boolean(null===(a=null===(i=window.Shopify)||void 0===i?void 0:i.analytics)||void 0===a?void 0:a.replayQueue)){var i,a;window.Shopify=window.Shopify||{};var t=window.Shopify;t.analytics=t.analytics||{};var s=t.analytics;s.replayQueue=[],s.publish=function(e,d,r){return s.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var l=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[5-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[3-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),u="modern"===l?"modern":"legacy",c=(null!=n?n:{modern:"",legacy:""})[u],f=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:d,hashVersion:r,buildTarget:u}),m=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:r,bundleTarget:l,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{o.browserTarget=l,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:f,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var d=window.webPixelsManager.init(e)||void 0;if(d){var r=window.Shopify.analytics;r.replayQueue.forEach((function(e){var r=e[0],n=e[1],o=e[2];d.publishCustomEvent(r,n,o)})),r.replayQueue=[],r.publish=d.publishCustomEvent,r.visitor=d.visitor,r.initialized=!0}}},onerror:function(){return m.emit({status:"failed",errorMsg:"".concat(f," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(c)?c:"",scriptDataAttributes:o}),m.emit({status:"loading"})}catch(e){m.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 95327322437,storefrontBaseUrl: "https://extrem-motorsport.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["2dca8a86","a0d5f9d2"],webPixelsConfigList: [{"id":"3536912709","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-FX71CBYYGZ\\\"],\\\"target_country\\\":\\\"ZZ\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-FX71CBYYGZ\\\"},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-FX71CBYYGZ\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":\\\"G-FX71CBYYGZ\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":\\\"G-FX71CBYYGZ\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":\\\"G-FX71CBYYGZ\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-FX71CBYYGZ\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-FX71CBYYGZ\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"b2a88bafab3e21179ed38636efcd8a93","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"]}},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0450","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Extrem Motorsport","paymentSettings":{"currencyCode":"EUR"},"myshopifyDomain":"kiknjz-5z.myshopify.com","countryCode":"FR","storefrontUrl":"https:\/\/extrem-motorsport.com\/en"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":699.9,"currencyCode":"EUR"},"product":{"title":"COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200","vendor":"Extrem Motorsport","id":"15347625230661","untranslatedTitle":"COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200","url":"\/en\/products\/kit-complet-drink-sans-pompe-course-dsc-200","type":""},"id":"55855393800517","image":{"src":"\/\/extrem-motorsport.com\/cdn\/shop\/files\/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683"},"sku":"DSC-200","title":"Default Title","untranslatedTitle":"Default Title"}],"purchasingCompany":null},},"https://extrem-motorsport.com/cdn","7cecd0b6w90c54c6cpe92089d5m57a67346",{"modern":"","legacy":""},{"shopId":"95327322437","storefrontBaseUrl":"https:\/\/extrem-motorsport.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"2dca8a86\", \"a0d5f9d2\"]","isMerchantRequest":"false","hashVersion":"7cecd0b6w90c54c6cpe92089d5m57a67346","publish":"custom","events":"[[\"page_viewed\",{}],[\"product_viewed\",{\"productVariant\":{\"price\":{\"amount\":699.9,\"currencyCode\":\"EUR\"},\"product\":{\"title\":\"COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200\",\"vendor\":\"Extrem Motorsport\",\"id\":\"15347625230661\",\"untranslatedTitle\":\"COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200\",\"url\":\"\/en\/products\/kit-complet-drink-sans-pompe-course-dsc-200\",\"type\":\"\"},\"id\":\"55855393800517\",\"image\":{\"src\":\"\/\/extrem-motorsport.com\/cdn\/shop\/files\/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683\"},\"sku\":\"DSC-200\",\"title\":\"Default Title\",\"untranslatedTitle\":\"Default Title\"}}]]"});</script><script>
window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'EUR';
var meta = {"product":{"id":15347625230661,"gid":"gid:\/\/shopify\/Product\/15347625230661","vendor":"Extrem Motorsport","type":"","handle":"kit-complet-drink-sans-pompe-course-dsc-200","variants":[{"id":55855393800517,"price":69990,"name":"COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200","public_title":null,"sku":"DSC-200"}],"remote":false},"page":{"pageType":"product","resourceType":"product","resourceId":15347625230661,"requestId":"6afa6b65-518a-4a95-9c23-e4fb399f5a58-1768085614"}};
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 || [];
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);
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: 95327322437,
theme_id: 190128292165,
app_name: "storefront",
context_url: window.location.href,
source_url: "//extrem-motorsport.com/cdn/s/trekkie.storefront.05c509f133afcfb9f2a8aef7ef881fd109f9b92e.min.js"});
};
scriptFallback.async = true;
scriptFallback.src = '//extrem-motorsport.com/cdn/s/trekkie.storefront.05c509f133afcfb9f2a8aef7ef881fd109f9b92e.min.js';
first.parentNode.insertBefore(scriptFallback, first);
};
script.async = true;
script.src = '//extrem-motorsport.com/cdn/s/trekkie.storefront.05c509f133afcfb9f2a8aef7ef881fd109f9b92e.min.js';
first.parentNode.insertBefore(script, first);
};
trekkie.load(
{"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":95327322437,"isMerchantRequest":null,"themeId":190128292165,"themeCityHash":"14734208257145854830","contentLanguage":"en","currency":"EUR","eventMetadataId":"566be5db-11e1-464c-955f-36199c266196"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["65f19447"]},"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;
window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":15347625230661,"requestId":"6afa6b65-518a-4a95-9c23-e4fb399f5a58-1768085614","shopifyEmitted":true});
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.track("Viewed Product",{"currency":"EUR","variantId":55855393800517,"productId":15347625230661,"productGid":"gid:\/\/shopify\/Product\/15347625230661","name":"COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200","price":"699.90","sku":"DSC-200","brand":"Extrem Motorsport","variant":null,"category":"","nonInteraction":true,"remote":false},undefined,undefined,{"shopifyEmitted":true});
window.ShopifyAnalytics.lib.track("monorail:\/\/trekkie_storefront_viewed_product\/1.1",{"currency":"EUR","variantId":55855393800517,"productId":15347625230661,"productGid":"gid:\/\/shopify\/Product\/15347625230661","name":"COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200","price":"699.90","sku":"DSC-200","brand":"Extrem Motorsport","variant":null,"category":"","nonInteraction":true,"remote":false,"referer":"https:\/\/extrem-motorsport.com\/en\/products\/kit-complet-drink-sans-pompe-course-dsc-200?variant=55855393800517"});
}
});
var eventsListenerScript = document.createElement('script');
eventsListenerScript.async = true;
eventsListenerScript.src = "//extrem-motorsport.com/cdn/shopifycloud/storefront/assets/shop_events_listener-3da45d37.js";
document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
})();</script>
<script
defer
src="https://extrem-motorsport.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.0.3.min.js"
data-application="storefront-renderer"
data-shop-id="95327322437"
data-render-region="gcp-europe-west1"
data-page-type="product"
data-theme-instance-id="190128292165"
data-theme-name="Savor"
data-theme-version="3.1.0"
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://extrem-motorsport.com/api/collect"
></script>
<script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {const LONG_FRAME_THRESHOLD = 50;const longAnimationFrames = [];let activeRafId = null;function collectLongFrames() {let previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}const delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!PerformanceObserver.supportedEntryTypes.includes('long-animation-frame')) {collectLongFrames();const timeoutId = setTimeout(() => {cancelAnimationFrame(activeRafId);}, 10_000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function(stopCollection = false) {if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();</script></head>
<body class="page-width-normal card-hover-effect-subtle-zoom">
<a
class="skip-to-content-link button-secondary"
href="#MainContent"
>
Skip to content
</a>
<div id="header-group">
<!-- BEGIN sections: header-group -->
<header id="shopify-section-sections--27295447384389__header_section" class="shopify-section shopify-section-group-header-group header-section">
<script type="application/ld+json">
{
"@context": "http://schema.org",
"@type": "Organization",
"name": "Extrem Motorsport",
"logo": "https:\/\/extrem-motorsport.com\/cdn\/shop\/files\/Logo-Extrem-Motorsport-Damier.svg?v=1762348039\u0026width=500",
"url": "https:\/\/extrem-motorsport.com"
}
</script>
<header-component
id="header-component"
class="header"
sticky="always"
data-skip-node-update
data-scroll-direction="none"
>
<div
class="header__row header__row--top color-scheme-5 section section--full-width-margin section--page-width"
ref="headerRowTop">
<div class="header__columns spacing-style">
<div
class="header__column header__column--left"
data-testid="header-top-left"
>
<div
class="header__drawer desktop:hidden"
ref="headerDrawerContainer"
>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/header-drawer.js?v=160607022407653843031763721980"
type="module"
fetchpriority="low"
></script>
<header-drawer
class="header-drawer header__drawer--mobile"
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 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 width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</summary>
<div
data-header-drawer
class="menu-drawer motion-reduce color-scheme-5"
>
<button
class="button button-unstyled close-button menu-drawer__close-button"
type="button"
aria-label="Close"
on:click="/close"
>
<span class="svg-wrapper header-drawer-icon header-drawer-icon--close"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<nav
class="menu-drawer__navigation"
style="--menu-top-level-font-family: var(--font-subheading--family);--menu-top-level-font-size-desktop: 1.125rem; --menu-top-level-font-style: var(--font-subheading--style); --menu-top-level-font-weight: var(--font-subheading--weight); --menu-top-level-font-case:uppercase; --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height: var(--menu-font-2xl--line-height);--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);--menu-parent-font-family: var(--font-subheading--family); --menu-parent-font-style:var(--font-subheading--style); --menu-parent-font-weight: var(--font-subheading--weight); --menu-parent-font-case:uppercase; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);--menu-child-font-family: var(--font-subheading--family); --menu-child-font-style:var(--font-subheading--style); --menu-child-font-weight: var(--font-subheading--weight); --menu-child-font-case:uppercase; --menu-child-font-size: var(--menu-font-xl--size); --menu-child-font-line-height: var(--menu-font-xl--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); "
>
<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-produits"
href="/en/collections/all"
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">PRODUCTS</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
href="/en/collections/extrem-drink"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">EXTREM DRINK</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
href="/en/collections/extrem-car"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">EXTREM CAR</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
href="/en/collections/extrem-kart"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">EXTREM KART</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 1;"
>
<a
href="/en/collections/extrem-box"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">EXTREM BOX</span>
</a>
</li></ul>
</li>
<li
style="--menu-drawer-animation-index: 2;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-services"
href="/en/pages/our-services"
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">OUR SERVICES</span>
</a>
<ul
class="menu-drawer__menu menu-drawer__menu--childlist"
role="list"
tabindex="-1"
><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/en/pages/custom-made"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">CUSTOMISED MACHINING</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/en/pages/custom-made-drink"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">SPECIAL EXTREM DRINK</span>
</a>
</li><li
class="menu-drawer__list-item"
style="--menu-drawer-animation-index: 2;"
>
<a
href="/en/pages/maintenance-service"
class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset"
>
<span class="menu-drawer__menu-item-text wrap-text">MAINTENANCE - AFTER-SALES SERVICE</span>
</a>
</li></ul>
</li>
<li
style="--menu-drawer-animation-index: 3;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-a-propos"
href="/en/pages/about"
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">ABOUT</span>
</a>
</li>
<li
style="--menu-drawer-animation-index: 4;"
class="menu-drawer__list-item--flat"
>
<a
id="HeaderDrawer-contact"
href="/en/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: 4;"
>
<div class="menu-drawer__localization color-scheme-fca7f3e9-14fc-4d3f-923d-8b611a128ae4">
<localization-form-component
ref="localizationForm"
data-label-results-count="[count] results"
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="/en/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
<div class="language-selector language-selector--collapse-space">
<h2
class="visually-hidden"
id="-LanguageLabel"
>
Language
</h2>
<select
id="Select"
class="localization-form__select"
name="language_code"
aria-label="Language"
ref="languageInput"
on:change="/changeLanguage"
><option
value="fr"
lang="fr"
>
Français
</option><option
value="en"
lang="en"
selected
>
English
</option></select>
<span class="svg-wrapper icon-caret"><svg 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>
</div>
</div>
<div
class="menu-drawer__backdrop"
on:click="header-drawer/close"
></div>
</details>
</header-drawer>
</div>
<search-button class="search-action desktop:hidden">
<button
on:click="#search-modal/showDialog"
class="button button-unstyled search-modal__button header-actions__action"
aria-label="Search"
aria-haspopup="dialog"
>
<span
aria-hidden="true"
class="svg-wrapper"
>
<svg 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="/en"
class="size-style spacing-style header-logo"
style=" --size-style-width: ;--size-style-height: ; --padding-block-start: 16px;--padding-block-end: 16px;--padding-inline-start: 10px;--padding-inline-end: 10px; --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="//extrem-motorsport.com/cdn/shop/files/Logo-Extrem-Motorsport-Damier.svg?height=36&v=1762348039" alt="Logo Extrem Motorsport Damier" width="133" height="36" class="header-logo__image" srcset="//extrem-motorsport.com/cdn/shop/files/Logo-Extrem-Motorsport-Damier.svg?height=36&v=1762348039 1x, //extrem-motorsport.com/cdn/shop/files/Logo-Extrem-Motorsport-Damier.svg?height=72&v=1762348039 2x, //extrem-motorsport.com/cdn/shop/files/Logo-Extrem-Motorsport-Damier.svg?height=108&v=1762348039 3x" style="--header-logo-image-width: 133px;--header-logo-image-width-mobile: 89px; --header-logo-image-height: 36px; --header-logo-image-height-mobile: 24px;">
</span>
</a>
<header-menu
ref="headerMenu"
class="header-menu mobile:hidden"
data-animation-delay="200"
style="--submenu-animation-speed: 200ms;"
>
<div class="header-menu__inner">
<nav header-menu>
<div
class="menu-list"
style="--menu-top-level-font-family: var(--font-subheading--family);--menu-top-level-font-size-desktop: 1.125rem; --menu-top-level-font-style: var(--font-subheading--style); --menu-top-level-font-weight: var(--font-subheading--weight); --menu-top-level-font-case:uppercase; --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height: var(--menu-font-sm--line-height);--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);"
>
<overflow-list
ref="overflowMenu"
class="overflow-menu color-scheme-matches-parent"
minimum-items="2"
defer
>
<template shadowrootmode="open">
<link href="//extrem-motorsport.com/cdn/shop/t/8/assets/overflow-list.css?v=168694168152117541881763722006" 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"
>
More
</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="/en/collections/all"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">PRODUCTS</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-1"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-subheading--family); --menu-parent-font-style:var(--font-subheading--style); --menu-parent-font-weight: var(--font-subheading--weight); --menu-parent-font-case:uppercase; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);--menu-child-font-family: var(--font-subheading--family); --menu-child-font-style:var(--font-subheading--style); --menu-child-font-weight: var(--font-subheading--weight); --menu-child-font-case:uppercase; --menu-child-font-size: var(--menu-font-xl--size); --menu-child-font-line-height: var(--menu-font-xl--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));"
>
<div class="mega-menu section section--full-width-margin section--page-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-1"
>
<ul
data-menu-list-id="MegaMenuList-1"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 0px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/en/collections/extrem-drink"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>EXTREM DRINK</span>
</a>
</div>
<div>
<a
href="/en/collections/extrem-car"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>EXTREM CAR</span>
</a>
</div>
<div>
<a
href="/en/collections/extrem-kart"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>EXTREM KART</span>
</a>
</div>
<div>
<a
href="/en/collections/extrem-box"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>EXTREM BOX</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-1"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-1"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/en/pages/our-services"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">OUR SERVICES</span>
</a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
<div
id="submenu-2"
class="menu-list__submenu-inner"
style="--menu-parent-font-family: var(--font-subheading--family); --menu-parent-font-style:var(--font-subheading--style); --menu-parent-font-weight: var(--font-subheading--weight); --menu-parent-font-case:uppercase; --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);--menu-child-font-family: var(--font-subheading--family); --menu-child-font-style:var(--font-subheading--style); --menu-child-font-weight: var(--font-subheading--weight); --menu-child-font-case:uppercase; --menu-child-font-size: var(--menu-font-xl--size); --menu-child-font-line-height: var(--menu-font-xl--line-height); --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text));"
>
<div class="mega-menu section section--full-width-margin section--page-width">
<div
class="mega-menu__grid"
data-menu-grid-id="MegaMenuList-2"
>
<ul
data-menu-list-id="MegaMenuList-2"
class="mega-menu__list list-unstyled"
style="--menu-image-border-radius: 0px;"
>
<li class="mega-menu__column mega-menu__column--span-1">
<div>
<a
href="/en/pages/custom-made"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>CUSTOMISED MACHINING</span>
</a>
</div>
<div>
<a
href="/en/pages/custom-made-drink"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>SPECIAL EXTREM DRINK</span>
</a>
</div>
<div>
<a
href="/en/pages/maintenance-service"
class="mega-menu__link"
>
<span
class="mega-menu__link-title wrap-text"
>MAINTENANCE - AFTER-SALES SERVICE</span>
</a>
</div>
</li>
</ul>
<style data-shopify>
[data-menu-grid-id="MegaMenuList-2"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
[data-menu-list-id="MegaMenuList-2"] {
--menu-columns-desktop: 6;
--menu-columns-tablet: 4;
}
</style>
</div>
</div>
</div>
</div></li>
<li
role="presentation"
class="menu-list__list-item"
on:focus="/activate"
on:blur="/deactivate"
on:pointerenter="/activate"
on:pointerleave="/deactivate"
>
<a
href="/en/pages/about"
data-skip-node-update="true"
class="menu-list__link">
<span class="menu-list__link-title">ABOUT</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="/en/pages/contact"
data-skip-node-update="true"
class="menu-list__link">
<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="menuitem" class="button menu-list__link button-unstyled">
<span class="menu-list__link-title">More</span>
</button>
</li>
</overflow-list>
</div>
</nav>
</div>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/header-menu.js?v=98986771878453457241763721981"
type="module"
fetchpriority="low"
></script>
</header-menu>
</div><div
class="header__column header__column--right"
data-testid="header-top-right"
>
<div class="dropdown-localization mobile:hidden">
<localization-form-component
ref="localizationForm"
data-label-results-count="[count] results"
data-show-filter="true"
style="--menu-localization-font: var(--font-heading--family); --menu-localization-font-size: 1rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
>
<form method="post" action="/en/localization" id="LocalizationForm" accept-charset="UTF-8" class="localization-form" enctype="multipart/form-data" ref="form" aria-label="Region and language"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" />
<div class="language-selector language-selector--collapse-space">
<h2
class="visually-hidden"
id="dropdown-LanguageLabel"
>
Language
</h2>
<select
id="dropdownSelect"
class="localization-form__select"
name="language_code"
aria-label="Language"
ref="languageInput"
on:change="/changeLanguage"
><option
value="fr"
lang="fr"
>
Français
</option><option
value="en"
lang="en"
selected
>
English
</option></select>
<span class="svg-wrapper icon-caret"><svg 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>
<search-button class="search-action mobile:hidden">
<button
on:click="#search-modal/showDialog"
class="button button-unstyled search-modal__button header-actions__action"
aria-label="Search"
aria-haspopup="dialog"
>
<span
aria-hidden="true"
class="svg-wrapper"
>
<svg 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="//extrem-motorsport.com/cdn/shop/t/8/assets/cart-icon.js?v=14733679814066288171763721968"
fetchpriority="low"
></script>
<header-actions>
<anchored-popover-component
data-close-on-resize="true"
class="account-popover mobile:hidden"
>
<button
class="account-button header-actions__action"
aria-label="Account"
aria-haspopup="dialog"><span
class="account-button__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.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="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span></button>
<div
class="account-popover__panel details-content color-scheme-fca7f3e9-14fc-4d3f-923d-8b611a128ae4"
id="account-popover"
popover="auto"
ref="popover"
>
<div class="account-actions">
<div class="account-actions__main-menu">
<header class="account-actions__header">
<div
id="account-drawer-heading"
class="account-actions__title h5"
>
Account
</div>
</header>
<div
class="account-actions__sign-ins"
data-skip-subtree-update="true"
>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/account-login-actions.js?v=132624473766457443991763721963"
type="module"
fetchpriority="low"
></script>
<account-login-actions class="account-actions__shop-login">
</account-login-actions>
<a
href="/customer_authentication/login?return_to=%2Fen%2Fproducts%2Fkit-complet-drink-sans-pompe-course-dsc-200%3Fvariant%3D55855393800517&locale=en"
class="account-actions__link button"
>
<span class="account-actions__sign-in-text">
Other sign in options
</span>
<span class="account-actions__fallback-text">
Sign in
</span>
</a>
</div>
<nav class="account-actions__nav">
<ul class="account-actions__list">
<li class="account-actions__list-item">
<a
href="/en/account"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none">
<path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
<path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
</svg>
</span>
Orders
</a>
</li>
<li class="account-actions__list-item">
<a
href="/en/account/addresses"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.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="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span>
Profile
</a>
</li>
</ul>
</nav>
</div>
</div>
</div>
</anchored-popover-component>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/dialog.js?v=122984339961420548111763721974"
type="module"
></script>
<dialog-component
class="account-drawer"
>
<button
class="account-button header-actions__action"
aria-label="Account"
aria-haspopup="dialog"><span
class="account-button__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.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="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span></button>
<dialog
ref="dialog"
class="color-scheme-fca7f3e9-14fc-4d3f-923d-8b611a128ae4 dialog-modal dialog-drawer dialog-bottom-sheet account-drawer__dialog"
scroll-lock
aria-labelledby="account-drawer-heading"
>
<button
ref="closeButton"
on:click="/closeDialog"
class="button button-unstyled close-button account-drawer__close-button"
aria-label="Close dialog"
autofocus
>
<span
class="svg-wrapper"
aria-hidden="true"
><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
<div class="account-actions">
<div class="account-actions__main-menu">
<header class="account-actions__header">
<div
id="account-drawer-heading"
class="account-actions__title h5"
>
Account
</div>
</header>
<div
class="account-actions__sign-ins"
data-skip-subtree-update="true"
>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/account-login-actions.js?v=132624473766457443991763721963"
type="module"
fetchpriority="low"
></script>
<account-login-actions class="account-actions__shop-login">
</account-login-actions>
<a
href="/customer_authentication/login?return_to=%2Fen%2Fproducts%2Fkit-complet-drink-sans-pompe-course-dsc-200%3Fvariant%3D55855393800517&locale=en"
class="account-actions__link button"
>
<span class="account-actions__sign-in-text">
Other sign in options
</span>
<span class="account-actions__fallback-text">
Sign in
</span>
</a>
</div>
<nav class="account-actions__nav">
<ul class="account-actions__list">
<li class="account-actions__list-item">
<a
href="/en/account"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none">
<path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/>
<path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/>
</svg>
</span>
Orders
</a>
</li>
<li class="account-actions__list-item">
<a
href="/en/account/addresses"
class="account-actions__link button-secondary"
>
<span
class="account-actions__icon"
aria-hidden="true"
><svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.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="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg>
</span>
Profile
</a>
</li>
</ul>
</nav>
</div>
</div>
</dialog>
</dialog-component>
<a
href="/en/cart"
class="header-actions__action action__cart"
aria-label="Cart"
aria-describedby="cart-bubble-text"
>
<cart-icon
class="header-actions__cart-icon"
data-testid="cart-icon"
>
<span
class="svg-wrapper"
aria-hidden="true"
>
<svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 20 20" fill="none"><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="M3.392 6.875h13.216v8.016c0 .567-.224 1.112-.624 1.513-.4.402-.941.627-1.506.627H5.522a2.13 2.13 0 0 1-1.506-.627 2.15 2.15 0 0 1-.624-1.513zM8.818 2.969h2.333c.618 0 1.211.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.313c0-.622.246-1.218.683-1.658a2.33 2.33 0 0 1 1.65-.686"/></svg>
</span>
<div
ref="cartBubble"
class="cart-bubble visually-hidden"
data-maintain-ratio
>
<span class="cart-bubble__background"></span>
<span
ref="cartBubbleText"
id="cart-bubble-text"
class="cart-bubble__text"
role="status"
>
<span class="visually-hidden">Total items in cart: 0
</span>
<span
class="cart-bubble__text-count hidden"
ref="cartBubbleCount"
aria-hidden="true"
data-testid="cart-bubble"
>
0</span>
</span>
</div>
</cart-icon>
</a>
</header-actions>
</div>
</div>
</div>
</header-component>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/header.js?v=78043468934677320351763721981"
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--27295447384389__header_section', url);
</script>
<style> #shopify-section-sections--27295447384389__header_section .localization-dropdown li {background: transparent; color: #000; padding: 6px 12px; border-radius: 4px; transition: background 0.1s;} #shopify-section-sections--27295447384389__header_section .localization-dropdown li:hover {background: #ffe066; /* jaune clair au hover */} #shopify-section-sections--27295447384389__header_section .localization-dropdown li.active {background: #ffd700; /* jaune vif pour langue active */ color: #000;} </style></header><div id="shopify-section-sections--27295447384389__header_announcements_4hLicX" class="shopify-section shopify-section-group-header-group">
<div class="section-background color-scheme-fca7f3e9-14fc-4d3f-923d-8b611a128ae4"></div>
<aside
class="announcement-bar spacing-style section section--page-width color-scheme-fca7f3e9-14fc-4d3f-923d-8b611a128ae4"
style="--padding-block-start: 14px; --padding-block-end:15px; --padding-inline-start:0px; --padding-inline-end:0px; ; --border-bottom-width: 0px;"
>
<announcement-bar-component
class="announcement-bar__slider"
>
<div class="announcement-bar__slides">
<slideshow-slide
ref="slides[]"
class="announcement-bar__slide text-block text-block--AODZYbEpOcVhKL0pxO__announcement_EpDRmQ text-block--align-center text-block--full-width custom-typography custom-font-size"
style=" --color: ;--font-size: 1rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: ; --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">
HAPPY NEW YEAR 2026, always faster and always closer to you.
</p>
<a
class="announcement-bar__link"
href="/en/pages/contact"
>
<span class="visually-hidden">
HAPPY NEW YEAR 2026, always faster and always closer to you.
</span>
</a>
</slideshow-slide>
</div>
</announcement-bar-component>
</aside>
</div>
<!-- END sections: header-group -->
</div>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/critical.js?v=169402557219780209121763721973"
type="module"
async
blocking="render"
></script>
<main
id="MainContent"
class="content-for-layout"
role="main"
data-page-transition-enabled="true"
data-product-transition="true"
data-template="product"
>
<div id="shopify-section-template--27295447286085__main" class="shopify-section">
<script type="application/ld+json">
{"@context":"http:\/\/schema.org\/","@id":"\/en\/products\/kit-complet-drink-sans-pompe-course-dsc-200#product","@type":"Product","brand":{"@type":"Brand","name":"Extrem Motorsport"},"category":"Hydration Packs","description":"Pilot hydration kit, ready to be mounted in the car, without the need for power supply, 100% reliable.\u0026nbsp;\nThanks to the mastery of fluid mechanics and physical laws, benefit from the quintessence of pilot hydration systems, without pump and without electrical circuit, just natural aspiration from the mouth.\nThe support is positioned vertically in the vehicle and the water bottle can be quickly disconnected during driver changes, without risk of leakage!A flexible connection and the accessorisation of the helmet brings water to the pilot’s mouth. A radio and drink interface allows very fast disconnection of the driver during the relay.The water bottle is dishwasher-safe for perfect hygiene.\nFor further explanation, see the tabs below.","image":"https:\/\/extrem-motorsport.com\/cdn\/shop\/files\/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683\u0026width=1920","name":"COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200","offers":{"@id":"\/en\/products\/kit-complet-drink-sans-pompe-course-dsc-200?variant=55855393800517#offer","@type":"Offer","availability":"http:\/\/schema.org\/InStock","price":"699.90","priceCurrency":"EUR","url":"https:\/\/extrem-motorsport.com\/en\/products\/kit-complet-drink-sans-pompe-course-dsc-200?variant=55855393800517"},"sku":"DSC-200","url":"https:\/\/extrem-motorsport.com\/en\/products\/kit-complet-drink-sans-pompe-course-dsc-200"}
</script>
<div class="section-background color-scheme-fca7f3e9-14fc-4d3f-923d-8b611a128ae4"></div>
<div
class="product-information section section--page-width spacing-style color-scheme-fca7f3e9-14fc-4d3f-923d-8b611a128ae4 relative"
style="--padding-block-start: 0px;--padding-block-end: 0px; --gap: 8px;"
>
<a
class="skip-to-content-link button-secondary"
href="#ProductInformation-template--27295447286085__main"
>
Skip to product information
</a>
<div
class="product-information__grid product-information--media-left"
data-product-grid-content
>
<div
class="product-information__media"
data-testid="product-information-media"
>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/zoom-dialog.js?v=82028443406372487331763722026"
type="module"
></script><script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/drag-zoom-wrapper.js?v=52868656766563354141763721975"
type="module"
></script><style data-shopify>
.product-media-container {
--media-preview-ratio: 1;
}
.product-media-container.constrain-height {
background-color: var(--color-background);
}
.product-media-container.constrain-height:has(.product-media-constraint-wrapper) {
display: flex;
justify-content: center;
align-items: center;
}
/* Mobile constraint wrapper sizing - use width-based approach since max-height is disabled */
.product-media-constraint-wrapper {
width: 100%;
max-width: 100%;
flex-shrink: 0;
}
/* Desktop constraint wrapper sizing */
@media screen and (min-width: 750px) {
.product-media-constraint-wrapper {
width: min(100%, calc(var(--constrained-height) * 1));
}
}
/* Constrain all deferred-media content to parent bounds when specific aspect ratio is set */
.product-media-container:not(.dialog-zoomed-gallery *) .product-media deferred-media,
.product-media-container:not(.dialog-zoomed-gallery *) .product-media product-model {
width: 100%;
height: 100%;
top: 0;
left: 0;
}
/* Ensure video and iframe elements respect container aspect ratio */
.product-media-container:not(.dialog-zoomed-gallery *) .product-media deferred-media video,
.product-media-container:not(.dialog-zoomed-gallery *) .product-media deferred-media iframe {
width: 100%;
height: 100%;
object-fit: cover;
}
/* 3D models need special handling since they don't support object-fit */
.product-media-container:not(.dialog-zoomed-gallery *) .product-media product-model model-viewer {
width: 100%;
height: 100%;
}
/* Clear gallery aspect ratio for zoom dialog - let media display at natural aspect ratios */
.dialog-zoomed-gallery .product-media {
--gallery-aspect-ratio: var(--ratio);
}
.media-fit-cover {
--product-media-fit: cover;
}
/* Media fit for all media elements - default to cover */
.media-fit-cover :is(img, video, iframe, .deferred-media__poster-image) {
object-fit: cover;
width: 100%;
height: 100%;
}
/* 3D Models (no object-fit support, just sizing) */
.media-fit-cover model-viewer {
width: 100%;
height: 100%;
}
/* Add background color so carousel arrows' mix-blend-mode works correctly even on transparent areas. */
</style>
<media-gallery
class="spacing-style sticky-content media-gallery--two-column media-gallery--large-first-image media-gallery--grid media-gallery--extend"
style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 35px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 35px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 35px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 35px)); --thumbnail-width: 44px; --media-radius: 0px;--image-gap: 6px; --gallery-aspect-ratio: 1;"
data-presentation="grid"
>
<slideshow-component
ref="slideshow"
style="--slideshow-timeline: --slide-1, --slide-2, --slide-3;"
initial-slide="0"
infinite
>
<slideshow-container ref="slideshowContainer">
<slideshow-slides
tabindex="-1"
ref="scroller"
>
<slideshow-slide
ref="slides[]"
aria-hidden="false"
style="view-timeline-name: --slide-0; --product-media-fit: cover;"
class="product-media-container constrain-height media-fit-cover product-media-container--image product-media-container--zoomable"
on:click="#zoom-dialog-ASERhS1QyUnFsdjdVN__media-gallery/open/0" data-view-transition-type="product-image-transition">
<div class="product-media-constraint-wrapper">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="68759995154757"
>
<img src="//extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=3840" alt="COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200" srcset="//extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=240 240w, //extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=352 352w, //extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=832 832w, //extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=1200 1200w, //extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=1600 1600w, //extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=1920 1920w, //extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=2560 2560w, //extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=3840 3840w" width="3840" height="3840" sizes="(min-width: 125rem) calc(95rem + (100vw - 125rem)), (min-width: 750px) calc(100vw - 25rem - 40px - 4px), 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-1; --product-media-fit: cover;"
class="product-media-container constrain-height media-fit-cover product-media-container--image product-media-container--zoomable"
on:click="#zoom-dialog-ASERhS1QyUnFsdjdVN__media-gallery/open/1">
<div class="product-media-constraint-wrapper">
<div
class="product-media"
style="--ratio: 1.001669449081803"
data-media-id="68689558733125"
>
<img src="//extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=3840" alt="COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200" srcset="//extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=240 240w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=352 352w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=832 832w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=1200 1200w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=1600 1600w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=1920 1920w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=2560 2560w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=3840 3840w" width="3840" height="3834" sizes="(min-width: 125rem) calc((95rem + (100vw - 125rem)) / 2 - 3px), (min-width: 750px) calc((100vw - 25rem) / 2 - 40px - 2px - 3px + 40px), 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</div>
</slideshow-slide>
<slideshow-slide
ref="slides[]"
aria-hidden="true"
style="view-timeline-name: --slide-2; --product-media-fit: cover;"
class="product-media-container constrain-height media-fit-cover product-media-container--image product-media-container--zoomable"
on:click="#zoom-dialog-ASERhS1QyUnFsdjdVN__media-gallery/open/2">
<div class="product-media-constraint-wrapper">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="68689745674565"
>
<img src="//extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=3840" alt="COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200" srcset="//extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=240 240w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=352 352w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=832 832w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=1200 1200w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=1600 1600w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=1920 1920w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=2560 2560w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=3840 3840w" width="3840" height="3840" sizes="(min-width: 125rem) calc((95rem + (100vw - 125rem)) / 2 - 3px), (min-width: 750px) calc((100vw - 25rem) / 2 - 40px - 2px - 3px + 40px), 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</div>
</slideshow-slide>
</slideshow-slides>
</slideshow-container>
<slideshow-controls
ref="slideshowControls"
pagination-position="center"
scroll-mode="horizontal"
controls-on-media
class="desktop:hidden media-gallery__mobile-controls"
>
<div class="slideshow-controls__counter">
<span ref="current">1</span><span class="slash">/</span>3</div>
</slideshow-controls>
</slideshow-component>
<ul
class="media-gallery__grid list-unstyled"
data-testid="media-gallery-grid"
>
<li
ref="media[]"
class="product-media-container constrain-height media-fit-cover product-media-container--image"
style=""
data-view-transition-type="product-image-transition"
><button
type="button"
class="button button-unstyled product-media-container__zoom-button"
aria-label="Zoom"
on:click="/zoom/0"
>
<span class="visually-hidden">Open image in full screen</span>
</button>
<div class="product-media-constraint-wrapper">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="68759995154757"
>
<img src="//extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=3840" alt="COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200" srcset="//extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=240 240w, //extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=352 352w, //extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=832 832w, //extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=1200 1200w, //extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=1600 1600w, //extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=1920 1920w, //extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=2560 2560w, //extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=3840 3840w" width="3840" height="3840" sizes="(min-width: 125rem) calc(95rem + (100vw - 125rem)), (min-width: 750px) calc(100vw - 25rem - 40px - 4px), 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
</div>
</div>
</li>
<li
ref="media[]"
class="product-media-container constrain-height media-fit-cover product-media-container--image"
style=""
><button
type="button"
class="button button-unstyled product-media-container__zoom-button"
aria-label="Zoom"
on:click="/zoom/1"
>
<span class="visually-hidden">Open image in full screen</span>
</button>
<div class="product-media-constraint-wrapper">
<div
class="product-media"
style="--ratio: 1.001669449081803"
data-media-id="68689558733125"
>
<img src="//extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=3840" alt="COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200" srcset="//extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=240 240w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=352 352w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=832 832w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=1200 1200w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=1600 1600w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=1920 1920w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=2560 2560w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=3840 3840w" width="3840" height="3834" sizes="(min-width: 125rem) calc((95rem + (100vw - 125rem)) / 2 - 3px), (min-width: 750px) calc((100vw - 25rem) / 2 - 40px - 2px - 3px + 40px), 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</div>
</li>
<li
ref="media[]"
class="product-media-container constrain-height media-fit-cover product-media-container--image"
style=""
><button
type="button"
class="button button-unstyled product-media-container__zoom-button"
aria-label="Zoom"
on:click="/zoom/2"
>
<span class="visually-hidden">Open image in full screen</span>
</button>
<div class="product-media-constraint-wrapper">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="68689745674565"
>
<img src="//extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=3840" alt="COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200" srcset="//extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=240 240w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=352 352w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=832 832w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=1200 1200w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=1600 1600w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=1920 1920w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=2560 2560w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=3840 3840w" width="3840" height="3840" sizes="(min-width: 125rem) calc((95rem + (100vw - 125rem)) / 2 - 3px), (min-width: 750px) calc((100vw - 25rem) / 2 - 40px - 2px - 3px + 40px), 100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</div>
</li>
</ul>
<zoom-dialog
ref="zoomDialogComponent"
id="zoom-dialog-ASERhS1QyUnFsdjdVN__media-gallery"
>
<dialog
ref="dialog"
on:keydown="/handleKeyDown"
scroll-lock
>
<button
type="button"
class="button button-unstyled close-button dialog-zoomed-gallery__close-button"
aria-label="Close"
on:click="/close"
>
<span class="visually-hidden">Close</span>
<svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<div class="dialog-thumbnails-list-container">
<scroll-hint
class="dialog-thumbnails-list list-unstyled"
ref="thumbnails"
>
<button
type="button"
class="button button-unstyled dialog-thumbnails-list__thumbnail"
aria-label="Scroll to COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200"
on:click="/handleThumbnailClick/0"
on:pointerenter="/handleThumbnailPointerEnter/0"
style="--aspect-ratio: 1; --gallery-aspect-ratio: 1;"
aria-selected="true"
>
<img src="//extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=1024" alt="COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200" srcset="//extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=240 240w, //extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=352 352w, //extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=832 832w" width="1024" height="1024" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="object-position: 50.0% 50.0%;">
</button>
<button
type="button"
class="button button-unstyled dialog-thumbnails-list__thumbnail"
aria-label="Scroll to COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200"
on:click="/handleThumbnailClick/1"
on:pointerenter="/handleThumbnailPointerEnter/1"
style="--aspect-ratio: 1; --gallery-aspect-ratio: 1;"
>
<img src="//extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=1024" alt="COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200" srcset="//extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=240 240w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=352 352w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=832 832w" width="1024" height="1022" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="object-position: 50.0% 50.0%;">
</button>
<button
type="button"
class="button button-unstyled dialog-thumbnails-list__thumbnail"
aria-label="Scroll to COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200"
on:click="/handleThumbnailClick/2"
on:pointerenter="/handleThumbnailPointerEnter/2"
style="--aspect-ratio: 1; --gallery-aspect-ratio: 1;"
>
<img src="//extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=1024" alt="COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200" srcset="//extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=240 240w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=352 352w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=832 832w" width="1024" height="1024" loading="lazy" sizes="auto, 110, (min-width: 750px) 160" style="object-position: 50.0% 50.0%;">
</button>
</scroll-hint>
</div>
<ul
class="dialog-zoomed-gallery list-unstyled"
><li
id="product-68759995154757-1"
class="product-media-container constrain-height product-media-container--image product-media-container--zoomable"
style=""
ref="media[]"
on:click="/close"
>
<drag-zoom-wrapper class="product-media__drag-zoom-wrapper">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="68759995154757"
>
<img src="//extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=3840" alt="COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200" srcset="//extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=240 240w, //extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=352 352w, //extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=832 832w, //extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=1200 1200w, //extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=1600 1600w, //extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=1920 1920w, //extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=2560 2560w, //extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=3840" fetchpriority="high" style="--focal-point: 50.0% 50.0%;">
</div>
</drag-zoom-wrapper>
</li><li
id="product-68689558733125-2"
class="product-media-container constrain-height product-media-container--image product-media-container--zoomable"
style=""
ref="media[]"
on:click="/close"
>
<drag-zoom-wrapper class="product-media__drag-zoom-wrapper">
<div
class="product-media"
style="--ratio: 1.001669449081803"
data-media-id="68689558733125"
>
<img src="//extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=3840" alt="COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200" srcset="//extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=240 240w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=352 352w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=832 832w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=1200 1200w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=1600 1600w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=1920 1920w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=2560 2560w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=3840 3840w" width="3840" height="3834" loading="lazy" sizes="100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS-POMPE-COURSE.jpg?v=1764170124&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</drag-zoom-wrapper>
</li><li
id="product-68689745674565-3"
class="product-media-container constrain-height product-media-container--image product-media-container--zoomable"
style=""
ref="media[]"
on:click="/close"
>
<drag-zoom-wrapper class="product-media__drag-zoom-wrapper">
<div
class="product-media"
style="--ratio: 1.0"
data-media-id="68689745674565"
>
<img src="//extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=3840" alt="COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200" srcset="//extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=240 240w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=352 352w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=832 832w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=1200 1200w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=1600 1600w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=1920 1920w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=2560 2560w, //extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="100vw" class="product-media__image" transitiontoproduct="true" data_max_resolution="//extrem-motorsport.com/cdn/shop/files/KIT-COMPLET-EXTREM-DRINK-SANS_POMPE-COURSE-VALISE.jpg?v=1764170124&width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
</div>
</drag-zoom-wrapper>
</li></ul>
</dialog>
</zoom-dialog></media-gallery>
</div>
<div
id="ProductInformation-template--27295447286085__main"
class="product-details sticky-content--desktop"
style="--details-position: flex-start;"
data-testid="product-information-details"
data-view-transition-type="product-details"
>
<div
class="group-block group-block--height-fit group-block--width-custom 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: 10px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 36px));--padding-inline-start: 0px;--padding-inline-end: 12px; --size-style-width:90%;--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"
style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: ; --vertical-alignment: ;--vertical-alignment-mobile: ;"
>
<div class="view-product-title">
<a
href="/en/products/kit-complet-drink-sans-pompe-course-dsc-200?variant=55855393800517"
class="link"
>COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200
</a>
</div>
<div
class="spacing-style text-block text-block--AeXVEVjFtQmZXc1RwT__heading_m7KmQQ h3 text-block--align-left"
style=" --padding-block-start: 25px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "
>
<h1>COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200</h1>
</div>
<product-price
class="text-block text-block--align-left custom-typography custom-font-size custom-color text-left custom spacing-style"
data-block-id="AVkJkRjl1bzJlbFNUc__price_a7krng"
data-product-id="15347625230661"
style=" --color: var(--color-foreground);--font-size: 1rem; --font-weight: var(--font-body--weight);--font-family: var(--font-body--family); --text-transform: none; --text-wrap: ; --line-height: var(--line-height--body-normal); --letter-spacing: var(--letter-spacing--body-normal); --padding-block-start: 4px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --width: 100%; "
>
<div ref="priceContainer">
<span class="price">€699,90 EUR</span>
</div>
<div class="installments"><form method="post" action="/en/cart/add" id="product-form-installment-AVkJkRjl1bzJlbFNUc__price_a7krng" accept-charset="UTF-8" class="payment-terms" enctype="multipart/form-data"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
value="55855393800517"
>
<input type="hidden" name="product-id" value="15347625230661" /><input type="hidden" name="section-id" value="template--27295447286085__main" /></form></div></product-price>
<rte-formatter
class="spacing-style text-block text-block--ATm5DK3ZSRENHbnZ4T__text_gXMUag rte text-block--align-left 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: left; "
>
<p>Pilot hydration kit, ready to be mounted in the car, without the need for power supply, 100% reliable. </p>
<p>Thanks to the mastery of fluid mechanics and physical laws, benefit from the quintessence of pilot hydration systems, without pump and without electrical circuit, just natural aspiration from the mouth.</p>
<p>The support is positioned vertically in the vehicle and the water bottle can be quickly disconnected during driver changes, without risk of leakage!<br>A flexible connection and the accessorisation of the helmet brings water to the pilot’s mouth. A radio and drink interface allows very fast disconnection of the driver during the relay.<br>The water bottle is dishwasher-safe for perfect hygiene.</p>
<p class="p1">For further explanation, see the tabs below.</p>
</rte-formatter>
<div
class="accordion accordion--ANzNBTDJmcGE5elBPM__accordion_dTiDXH accordion--caret border-style spacing-style"
style=" --summary-font-family: var(--font-h6--family); --summary-font-style: var(--font-h6--style); --summary-font-weight: var(--font-h6--weight); --summary-font-size: var(--font-h6--size); --summary-font-line-height: var(--font-h6--line-height); --summary-font-case: var(--font-h6--case); --padding-block-start: 20px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; --border-width: 0px; --border-style: none; --border-color:rgb(var(--color-border-rgb) / 1.0); --border-radius:0px; "
>
<accordion-custom
>
<details
class="details"
data-testid="accordion-details"
>
<summary class="details__header">
PRODUCT INFORMATION
<span class="svg-wrapper icon-caret icon-animated"><svg 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>
<span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<div class="details-content">
<rte-formatter
class="spacing-style text-block text-block--AaGF5UVdZU0dWZkZrc__text_Lz4LQt rte text-block--align-left 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: left; "
>
<p><span class="metafield-multi_line_text_field">The set is positioned vertically, bottle cap facing up: no more leaks possible.<br />
Thanks to the care taken in the journey of the drink, no need for motorization anymore, a simple suction from the driver is enough!<br />
<br />
This material was tested at a temperature of 70° ambient for 24 hours, with a result fully in accordance with use. The opening strap has been added following validations from Teams Endurance.<br />
<br />
Tip-Top is the nickname of this Extreme Drink!<br />
<br />
Weight of the complete kit: 990 grams (excluding suitcase)<br />
<br />
Including:<br />
- 1 bottle holder to be fixed in the vehicle including 1 transparent flexible connection length 2 meters + 1 female waterproof fitting + 1 double yellow 'car' plug Drink and radio (radio cable not provided),<br />
- 1 interchangeable stainless steel bottle without a pump, with its technical cap,<br />
- 1 yellow double plug "headset" Drink and radio (radio cable not included) equipped with 1 male waterproof connection + 1 flexible link + 1 180° link + 1 pipette<br />
- 1 pouch with hook and loop fastener kit for quick attachment of the elements + 3 radio cable locks for headphones + 2 radio cable retaining collars on flexible.<br />
- The kit is delivered in a rigid transport suitcase.<br />
<br />
The canteens without a pump as well as the individual helmet equipment for the other drivers are present in the Extrem Drink section of the site, as is the booth bottle.<br />
<br />
A maintenance service is at your disposal to ensure the total longevity of your equipment, as well as a customized service for specific integrations or the manufacturing of maintenance interfaces at your convenience. Contact us. </span></p>
</rte-formatter>
</div>
</details>
</accordion-custom>
<accordion-custom
>
<details
class="details"
data-testid="accordion-details"
>
<summary class="details__header">
DIRECTIONS FOR USE
<span class="svg-wrapper icon-caret icon-animated"><svg 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>
<span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</summary>
<div class="details-content">
<rte-formatter
class="spacing-style text-block text-block--Aem9tZ21ySXZGS0tKb__text_JzxmUg rte text-block--align-left 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: left; "
>
<p><span class="metafield-multi_line_text_field">Look for a location, vertical DRINK support, allowing quick change of the bottle.<br />
Securely fix the support in the vehicle, either by metal collars or via the 4 Ø6 holes (60x54 mm spacing).<br />
<br />
Position the flexible link part and securely attach the double "car" plug to a quick access location for pilot change.<br />
<br />
Accessorize the helmet and test the whole thing.<br />
<br />
To have an easier distribution of water, start the water in your mouth before the rolling session.<br />
<br />
To extract the gourd, pull the upper part of the support firmly in line via the strap.<br />
To reposition the water bottle, place it on the base of the holder and press firmly on the upper part.<br />
<br />
It’s simple and effective, even at night with your eyes closed!</span></p>
</rte-formatter>
</div>
</details>
</accordion-custom>
</div>
<span
class="buy-buttons-block buy-buttons-block--AZG9iK2JuTjJvNmFvd__buy_buttons_eYQEYi"
><product-form-component
data-section-id="template--27295447286085__main"
data-product-id="15347625230661"
data-product-url="/en/products/kit-complet-drink-sans-pompe-course-dsc-200"
on:submit="/handleSubmit"
data-quantity-default="1"
data-quantity-error-max="This item has a maximum of {{ maximum }}"
>
<div
class="visually-hidden"
aria-live="assertive"
role="status"
aria-atomic="true"
ref="liveRegion"
></div><form method="post" action="/en/cart/add" id="BuyButtons-ProductForm-template--27295447286085__main" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
type="hidden"
name="id"
ref="variantId"
value="55855393800517"
><div
class="product-form-buttons spacing-style"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
ref="productFormButtons"
>
<quantity-selector-component
class="quantity-selector"
data-variant-id="55855393800517"
ref="quantitySelectors[]"
>
<button
class="button quantity-minus button-unstyled"
type="button"
name="minus"
on:click="/decreaseQuantity"
ref="minusButton"
>
<span class="visually-hidden">Decrease quantity</span
><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</button>
<input
type="number"
name="quantity"
value="1"
data-cart-quantity="0"
min="1"
on:blur="/setQuantity"
on:focus="/selectInputValue"
ref="quantityInput"
aria-label="Quantity"
step="1"
>
<button
class="button quantity-plus button-unstyled"
type="button"
name="plus"
on:click="/increaseQuantity"
ref="plusButton"
>
<span class="visually-hidden">Increase quantity</span
><span class="svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</button>
</quantity-selector-component>
<span
class="product-form-text__error hidden"
ref="addToCartTextError"
>
<span class="svg-wrapper product-form-icon--error"><svg class="icon icon-error" viewbox="0 0 13 13">
<circle cx="6.5" cy="6.5" r="5.5" stroke="#fff" stroke-width="var(--icon-stroke-width)"/>
<circle cx="6.5" cy="6.5" r="5.5" fill="#EB001B" stroke="#EB001B" stroke-width=".7"/>
<path fill="#fff" d="m5.874 3.528.1 4.044h1.053l.1-4.044zm.627 6.133c.38 0 .68-.288.68-.656s-.3-.656-.68-.656-.681.288-.681.656.3.656.68.656"/>
<path fill="#fff" stroke="#EB001B" stroke-width=".7" d="M5.874 3.178h-.359l.01.359.1 4.044.008.341h1.736l.008-.341.1-4.044.01-.359H5.873Zm.627 6.833c.56 0 1.03-.432 1.03-1.006s-.47-1.006-1.03-1.006-1.031.432-1.031 1.006.47 1.006 1.03 1.006Z"/>
</svg>
</span>
</span>
<span
style="--add-to-cart-font-case: ;"
>
<add-to-cart-component
ref="addToCartButtonContainer"
data-product-variant-media="//extrem-motorsport.com/cdn/shop/files/BOISSON-HYDRATION-DRINK-NP02-ENDURANCE-PROTO.jpg?v=1762863683&width=100"
data-add-to-cart-animation="true"
>
<button
id="BuyButtons-ProductSubmitButton-AZXVVTGdadHAwdFI4V__add-to-cart"
type="submit"
name="add"
ref="addToCartButton"
on:click="/handleClick"
class="button add-to-cart-button button"
>
<span
class="add-to-cart-text"
>
<span class="svg-wrapper add-to-cart-icon"><svg 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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
</span>
<span class="add-to-cart-text__content">Add to cart</span>
</span>
<span
aria-hidden="true"
class="add-to-cart-text--added"
>
<span class="svg-wrapper add-to-cart-icon--added"><svg 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="">Added</span>
</span>
</button>
</add-to-cart-component>
</span>
<div
class="accelerated-checkout-block"
ref="acceleratedCheckoutButtonContainer"
>
</div>
</div><input type="hidden" name="product-id" value="15347625230661" /><input type="hidden" name="section-id" value="template--27295447286085__main" /></form></product-form-component></span>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/local-pickup.js?v=174082968859338016381763722002"
type="module"
></script><local-pickup
class="spacing-style product__pickup-availabilities"
hidden
data-section-id="template--27295447286085__main"
data-product-url="/en/products/kit-complet-drink-sans-pompe-course-dsc-200"
data-variant-id="55855393800517"
style="--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
ref="localPickupButton"
>
<dialog-component>
<div class="pickup-availability__row">
<div class="pickup-availability__column">
<span class="svg-wrapper">
<svg width="20" height="20" viewbox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.0537 3.83667C14.643 3.35567 15.5109 3.3898 16.0605 3.93921C16.6102 4.48888 16.6451 5.35759 16.1641 5.94702L16.0605 6.0603L12.1211 9.99976L16.0605 13.9392L16.1641 14.0535C16.6449 14.6429 16.6101 15.5107 16.0605 16.0603C15.7682 16.3526 15.3835 16.4998 15 16.4998C14.6646 16.4997 14.3284 16.3869 14.0537 16.1628L13.9395 16.0603L10 12.1208L6.06055 16.0603C5.76823 16.3526 5.3835 16.4998 5 16.4998C4.61658 16.4997 4.2317 16.3526 3.93945 16.0603C3.35344 15.474 3.35328 14.5254 3.93945 13.9392L7.87891 9.99976L3.93945 6.0603C3.35344 5.47402 3.35327 4.52539 3.93945 3.93921C4.52563 3.35303 5.47427 3.3532 6.06055 3.93921L10 7.87866L13.9395 3.93921L14.0537 3.83667Z" fill="#DE3618" stroke="white"/>
</svg>
</span>
</div>
<div class="pickup-availability__column">
<p class="pickup-location__text-sm">
Pickup currently not available
</p>
<button
on:click="/showDialog"
class="button-unstyled pickup-location__button"
>
View store information
</button>
</div>
</div>
<dialog
ref="dialog"
class="dialog-modal dialog-drawer pickup-location__dialog color-scheme-fca7f3e9-14fc-4d3f-923d-8b611a128ae4"
scroll-lock
aria-labelledby="pickup-dialog-heading"
>
<h2
id="pickup-dialog-heading"
class="visually-hidden"
>
View store information
</h2>
<div class="pickup-availability__dialog-row pickup-availability__header-container">
<div class="pickup-availability__column">
<h4 class="pickup-location__h4">COMPLETE EXTREM DRINK KIT WITHOUT PUMP (Race) - DSC-200</h4>
<p class="pickup-location__text-sm">
Default Title
</p>
</div>
<button
ref="closeButton"
on:click="/closeDialog"
class="button button-unstyled close-button pickup-location__close-button"
aria-label="Close dialog"
>
<span class="svg-wrapper"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
</dialog>
</dialog-component>
</local-pickup>
<rte-formatter
class="spacing-style text-block text-block--ANTZ6M09zK3BqS2ZsL__text_HwKT4q rte rte"
style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>The manufacturing time of our products is controlled.<br> In case of stock shortage or if you need a quantity greater than that usually available on the site, please <a href="/en/pages/contact" title="CONTACT"><span style="text-decoration:underline">contact</span></a> us.</p>
</rte-formatter>
</div>
</div>
</div>
</div>
</div>
</div><div id="shopify-section-template--27295447286085__product_recommendations_iA6pyd" class="shopify-section">
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/product-recommendations.js?v=60554949707631910141763722013"
type="module"
fetchpriority="low"
></script>
<product-recommendations
id="product-recommendations-template--27295447286085__product_recommendations_iA6pyd"
class="product-recommendations"
data-url="/en/recommendations/products?limit=10"
data-section-id="template--27295447286085__product_recommendations_iA6pyd"
data-product-id="15347625230661"
data-intent="related"
data-testid="product-recommendations-section"
data-recommendations-performed="false"
>
<div class="section-background color-scheme-5"></div>
<div
class="section section--full-width color-scheme-5 section-resource-list spacing-style gap-style"
style=" --padding-block-start: 0px;--padding-block-end: 0px; --gap: 0px; --column-count-mobile: 2;--resource-list-column-gap-desktop: 3px;--resource-list-row-gap-desktop: 3px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--resource-list-column-gap-desktop: 3px;--column-count: 4;--column-count-mobile: 2; "
>
<div class="section-resource-list__content">
<rte-formatter
class="spacing-style text-block text-block--AYVBJSjB2Y1dBTSsyU__text_b8TG7y rte rte"
style=" --padding-block-start: 10px; --padding-block-end:10px; --padding-inline-start:24px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<h4>recommended products</h4>
</rte-formatter>
</div><div
class="resource-list resource-list--grid"
>
<div
class="product-recommendations__skeleton-item"
aria-label="Loading product recommendations"
></div>
<div
class="product-recommendations__skeleton-item"
aria-label="Loading product recommendations"
></div>
<div
class="product-recommendations__skeleton-item"
aria-label="Loading product recommendations"
></div>
<div
class="product-recommendations__skeleton-item"
aria-label="Loading product recommendations"
></div>
</div></div>
</product-recommendations>
</div>
</main>
<!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--27295447351621__custom_section_76dqAh" class="shopify-section shopify-section-group-footer-group section-wrapper">
<div class="section-background color-scheme-5"></div>
<div
class="section section--page-width color-scheme-5"
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: max(24px, calc(var(--gap-scale, 1.0) * 44px));--horizontal-alignment: flex-start; --vertical-alignment: center;--vertical-alignment-mobile: center; --padding-block-start: 11px;--padding-block-end: 0px; "
data-testid="section-content"
>
<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--row mobile-column"
style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;--gap: 12px;--horizontal-alignment: flex-start; --vertical-alignment: flex-start;--vertical-alignment-mobile: flex-start;"
>
<accordion-custom
class="menu"
data-disable-on-desktop="true"
open-by-default-on-desktop
data-disable-on-mobile="true"
open-by-default-on-mobile
>
<details
class="menu__details spacing-style"
data-testid="menu-details"
style=" --spacing--size: 12px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; "
>
<summary class="menu__heading menu__heading--empty h3">
<span class="menu__heading__default"></span>
<span class="menu__heading__accordion">
HEADER-MAIN MENU
<span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg 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>
<span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</span>
</summary>
<div class="details-content">
<ul class="list-unstyled">
<li class="menu__item paragraph">
<a href="/en/collections/all">
PRODUCTS
</a>
</li>
<li class="menu__item paragraph">
<a href="/en/pages/our-services">
OUR SERVICES
</a>
</li>
<li class="menu__item paragraph">
<a href="/en/pages/about">
ABOUT
</a>
</li>
<li class="menu__item paragraph">
<a href="/en/pages/contact">
CONTACT
</a>
</li>
</ul>
</div>
</details>
</accordion-custom>
<accordion-custom
class="menu"
data-disable-on-desktop="true"
open-by-default-on-desktop
data-disable-on-mobile="true"
open-by-default-on-mobile
>
<details
class="menu__details spacing-style"
data-testid="menu-details"
style=" --spacing--size: 12px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; "
>
<summary class="menu__heading menu__heading--empty h3">
<span class="menu__heading__default"></span>
<span class="menu__heading__accordion">
ORDERS
<span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg 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>
<span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</span>
</summary>
<div class="details-content">
<ul class="list-unstyled">
<li class="menu__item paragraph">
<a href="https://shopify.com/95327322437/account/orders?locale=en®ion_country=FR">
Order tracking
</a>
</li>
<li class="menu__item paragraph">
<a href="/en/pages/delivery-and-return">
Delivery and return
</a>
</li>
<li class="menu__item paragraph">
<a href="/en/pages/contact">
Contact us
</a>
</li>
</ul>
</div>
</details>
</accordion-custom>
<accordion-custom
class="menu"
data-disable-on-desktop="true"
open-by-default-on-desktop
data-disable-on-mobile="true"
open-by-default-on-mobile
>
<details
class="menu__details spacing-style"
data-testid="menu-details"
style=" --spacing--size: 12px; --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; "
>
<summary class="menu__heading menu__heading--empty h3">
<span class="menu__heading__default"></span>
<span class="menu__heading__accordion">
LEGAL NOTICES
<span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg 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>
<span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
<path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
</svg>
</span>
</span>
</summary>
<div class="details-content">
<ul class="list-unstyled">
<li class="menu__item paragraph">
<a href="/en/pages/legal-notices">
Legal notices
</a>
</li>
<li class="menu__item paragraph">
<a href="/en/pages/cgv">
General Terms and Conditions
</a>
</li>
<li class="menu__item paragraph">
<a href="/en/pages/personal-data">
Personal data
</a>
</li>
</ul>
</div>
</details>
</accordion-custom>
<div id="shopify-block-ARk1wdnQ2eExZRHZHM__icon_wMVjh4" class="shopify-block icon-block">
<img src="//extrem-motorsport.com/cdn/shop/files/LOGO-MADE-IN-FRANCE.png?v=1762334760&width=1200" alt="Made in France Extrem Motorsport" srcset="//extrem-motorsport.com/cdn/shop/files/LOGO-MADE-IN-FRANCE.png?v=1762334760&width=240 240w, //extrem-motorsport.com/cdn/shop/files/LOGO-MADE-IN-FRANCE.png?v=1762334760&width=352 352w, //extrem-motorsport.com/cdn/shop/files/LOGO-MADE-IN-FRANCE.png?v=1762334760&width=832 832w, //extrem-motorsport.com/cdn/shop/files/LOGO-MADE-IN-FRANCE.png?v=1762334760&width=1200 1200w" width="1200" height="1200" class="icon-block__media icon-block-ARk1wdnQ2eExZRHZHM__icon_wMVjh4" style="width: 60px;" sizes="(min-width: 1024px) 1024px, 100vw, 100vw">
</div>
</div>
</div>
<rte-formatter
class="spacing-style text-block text-block--AV0F2OExmK0pzMHNCO__text_Y7nCE9 paragraph rte"
style=" --padding-block-start: 0px; --padding-block-end:17px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "
>
<p>©ExM2025 - Web design: <a href="https://www.agence-gaia.com/" title="https://www.agence-gaia.com/">Agence Gaïa</a></p>
</rte-formatter>
</div>
</div>
</div>
</div>
<!-- END sections: footer-group -->
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/dialog.js?v=122984339961420548111763721974"
type="module"
></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"
>
Search
</h2>
<script
src="//extrem-motorsport.com/cdn/shop/t/8/assets/predictive-search.js?v=53445493388242646041763722009"
type="module"
fetchpriority="low"
></script>
<predictive-search-component
class="predictive-search color-scheme-fca7f3e9-14fc-4d3f-923d-8b611a128ae4"
style="--product-corner-radius: 0px; --card-corner-radius: 0px;"
data-section-id="predictive-search"
data-testid="search-component--modal"
role="search"
aria-label="Search"
>
<form
action="/en/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"
>Search</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="Search"
ref="searchInput"
on:input="/search"
on:keydown="/onSearchKeyDown"
>
<input
name="options[prefix]"
type="hidden"
value="last"
>
<span class="svg-wrapper predictive-search__icon">
<svg 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"
>
Clear
</button>
</div>
<button
type="button"
class="button predictive-search__close-modal-button"
aria-label="Close dialog"
on:click="dialog-component/closeDialog"
ref="closeModalButton"
>
<span class="svg-wrapper">
<svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</span>
</button>
</div>
<div class="predictive-search-form__content-wrapper">
<div
class="predictive-search-form__content"
tabindex="-1"
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>
</div>
<div class="predictive-search-form__footer">
<button
class="button button-primary predictive-search__search-button"
ref="viewAllButton"
>
View all
</button>
</div>
</div>
</form>
</predictive-search-component>
</dialog>
</dialog-component>
<quick-add-dialog id="quick-add-dialog">
<dialog
class="quick-add-modal dialog-modal color-scheme-fca7f3e9-14fc-4d3f-923d-8b611a128ae4"
ref="dialog"
scroll-lock
>
<button
ref="closeButton"
on:click="/closeDialog"
class="button button-unstyled close-button quick-add-modal__close"
aria-label="Close dialog"
><svg width="14" height="14" viewbox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
</button>
<div
id="quick-add-modal-content"
class="quick-add-modal__content"
></div>
</dialog>
</quick-add-dialog>
<style> /* --- SAVOR : garder les intitulés sur UNE seule ligne dans le sous-menu --- */ /* 1) Empêcher les retours à la ligne sur les liens de sous-menu */.header .header__submenu a,.header .mega-menu a,.header .mega-menu__list a,.header .mega-menu__content a,.header .dropdown-menu a,.header .submenu a,.header .list-menu--disclosure .list-menu__item a {white-space: nowrap !important; /* ne pas aller à la ligne */ overflow-wrap: normal !important; /* pas de coupure au milieu d’un mot */ word-break: keep-all !important;} /* 2) Si la colonne est trop étroite, on laisse le sous-menu s’élargir */.header .header__submenu,.header .mega-menu__content,.header .dropdown-menu,.header .list-menu--disclosure {width: max-content !important; /* la largeur s’adapte au plus long libellé */ min-width: 220px !important; /* garde un minimum propre */} /* 3) Certaines colonnes internes ont une largeur fixe : on la libère */.header .mega-menu__col,.header .header__submenu .menu-column,.header .header__submenu .list-menu {width: auto !important;} /* 4) Si malgré tout ça déborde, réduire légèrement la taille dans le sous-menu (optionnel) */@media (min-width: 990px) {.header .header__submenu a, .header .mega-menu a {font-size: 0.95em; /* ajuste si besoin */ }} @media (max-width: 990px) {.text-block.h1 > *, .text-block h1 {font-size: 0.65em; } .text-block.h2 > *, .text-block h2 {font-size: 0.65em; } .text-block.h3 > *, .text-block h3 {font-size: 0.65em; }} </style>
<div id="shopify-block-Adm14RkRRTlk5Q0RPW__5061257265103808445" class="shopify-block shopify-app-block"><script>
window.rterms = window.rterms || {};
rterms.metafield = {"url":"https://extrem-motorsport.com/en/pages/cgv","text":"<p>J'accepte les <a href=\"https://extrem-motorsport.com/pages/cgv\" target=\"_self\">termes et conditions générales de ventes</a>.<span style=\"font-size: small;\"><em><br>I agree with the <a href=\"https://extrem-motorsport.com/en/pages/cgv\" target=\"_self\" style=\"\">terms and conditions.</a></em></span></p>","alert_message":"You must agree to the terms and conditions of sale in order to proceed to checkout."};
rterms._3lj2l = [];
</script>
</div></body>
</html>
