* {
  margin: 0;
  padding: 0; }

*, :after, :before {
  box-sizing: inherit; }

html {
  box-sizing: border-box;
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

main {
  display: block; }

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  margin: 0;
  font-weight: 400; }

a {
  background-color: transparent;
  text-decoration: none; }

b, strong {
  font-weight: 400; }

ul {
  list-style: none; }

pre {
  margin: 0; }

code, kbd, pre, samp {
  font-size: 1em;
  font-family: inherit; }

small, sub, sup {
  font-size: 1em; }

sub, sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: 0; }

sup {
  top: 0; }

hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
  margin: 0 auto; }

details, summary {
  display: block; }

summary {
  outline: none; }

details summary::-webkit-details-marker {
  display: none; }

img {
  display: block;
  border-style: none; }

button, input, optgroup, option, select, textarea {
  display: block;
  margin: 0;
  border: 0;
  font-family: inherit;
  font-size: 1em;
  font-weight: 400;
  line-height: normal;
  color: inherit;
  background: none;
  text-transform: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-appearance: none;
  outline: none;
  overflow: visible; }

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0; }

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  font-size: 1em;
  border: 0; }

fieldset, legend {
  display: block;
  padding: 0; }

legend {
  box-sizing: border-box;
  color: inherit;
  border: none;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type=checkbox], [type=radio] {
  box-sizing: border-box;
  padding: 0; }

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto; }

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

[hidden], template {
  display: none; }

@font-face {
  font-family: grotesk-bold;
  src: url(../fonts/grotesk-bold/grotesk-bold.woff2) format("woff2"), url(../fonts/grotesk-bold/grotesk-bold.woff) format("woff"), url(../fonts/grotesk-bold/grotesk-bold.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: grotesk-demi;
  src: url(../fonts/grotesk-demi/grotesk-demi.woff2) format("woff2"), url(../fonts/grotesk-demi/grotesk-demi.woff) format("woff"), url(../fonts/grotesk-demi/grotesk-demi.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: grotesk-thin-italic;
  src: url(../fonts/grotesk-thin-italic/grotesk-thin-italic.woff2) format("woff2"), url(../fonts/grotesk-thin-italic/grotesk-thin-italic.woff) format("woff"), url(../fonts/grotesk-thin-italic/grotesk-thin-italic.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

@font-face {
  font-family: grotesk-thin;
  src: url(../fonts/grotesk-thin/grotesk-thin.woff2) format("woff2"), url(../fonts/grotesk-thin/grotesk-thin.woff) format("woff"), url(../fonts/grotesk-thin/grotesk-thin.ttf) format("truetype");
  font-weight: 400;
  font-style: normal; }

html {
  font-size: 2.66667vw;
  overflow-x: hidden; }

@media (min-width: 576px) {
  html {
    font-size: .69444vw; } }

@media (min-width: 1440px) {
  html {
    font-size: 10px; } }

body {
  overflow-x: hidden; }

body, html {
  font-family: sans-serif;
  background: transparent; }

.Page.Page-product {
  background: #f2e8d9; }

.ProductHeader {
  display: block;
  position: relative; }

@media (min-width: 576px) {
  .ProductHeader {
    display: -ms-flexbox;
    display: flex; } }

.ProductHeader-left {
  width: 100%;
  overflow: hidden; }

@media (min-width: 576px) {
  .ProductHeader-left {
    width: 50%; } }

.ProductHeader-left .Slider, .ProductHeader-left .Slider_contentList {
  height: 100%; }

.ProductHeader-left .Slider_image {
  height: 100%;
  object-fit: cover; }

.ProductHeader-right {
  width: 100%;
  background-color: #fcf8f2;
  padding: 2.4rem 2rem; }

@media (min-width: 576px) {
  .ProductHeader-right {
    padding: 0;
    width: 50%;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center; } }

.ProductDetail_container {
  width: 100%;
  max-width: 53rem;
  margin: 0 auto; }

.ProductDetail_header {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

@media (min-width: 576px) {
  .ProductDetail_header {
    -ms-flex-align: center;
    align-items: center; } }

.ProductDetail_image {
  display: none;
  width: 9.2rem;
  margin-bottom: 1rem; }

@media (min-width: 576px) {
  .ProductDetail_image {
    display: block; } }

.ProductDetail_title {
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: grotesk-thin,sans-serif;
  font-size: 2.6rem;
  margin-bottom: 2rem; }

@media (min-width: 576px) {
  .ProductDetail_title {
    font-size: 3.2rem; } }

.ProductDetail_price {
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: grotesk-demi,sans-serif;
  font-size: 1.8rem;
  width: 100%; }

@media (min-width: 576px) {
  .ProductDetail_price {
    font-size: 2rem;
    text-align: center; } }

.ProductDetail_unavailable {
  font-family: grotesk-thin-italic,sans-serif; }

.ProductDetail_unavailable, .ProductDetail_unavailableButton {
  font-size: 1.2rem;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

.ProductDetail_unavailableButton {
  margin-top: 1.7rem;
  padding: 1.6rem;
  border-radius: 5rem;
  line-height: 1.5em;
  text-transform: uppercase;
  font-family: grotesk-demi,sans-serif;
  cursor: pointer;
  background-color: #000;
  color: #fff;
  transition: .1s;
  width: 100%;
  display: none; }

@media (min-width: 576px) {
  .ProductDetail_unavailableButton {
    font-size: 1.4rem;
    padding: 1.5rem 2.2rem; } }

.ProductDetail_unavailableButton:hover {
  text-decoration: none; }

@media (min-width: 576px) {
  .ProductDetail_unavailableButton:hover {
    background-color: #f99837; } }

@media (min-width: 576px) {
  .ProductDetail_unavailableButton {
    display: block; } }

.ProductDetail_unavailableForm {
  margin-top: 1rem; }

@media (min-width: 576px) {
  .ProductDetail_unavailableForm {
    display: none; } }

.ProductDetail_unavailableFormWrapper {
  display: -ms-flexbox;
  display: flex; }

.ProductDetail_unavailableFormWrapper input {
  width: 70%;
  border-bottom: .1rem solid #aba192;
  border-left: .1rem solid #aba192;
  border-top: .1rem solid #aba192;
  border-radius: .5rem 0 0 .5rem;
  padding: 0 1.7rem;
  font-size: 1.4rem; }

.ProductDetail_unavailableFormWrapper button {
  width: 30%;
  background: #000;
  padding: 1.9rem 0 2rem;
  color: #fff;
  border-radius: 0 .5rem .5rem 0;
  text-transform: uppercase;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: grotesk-bold,sans-serif;
  font-size: 1.2rem; }

.ProductDetail_contentSelectGroup {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

@media (min-width: 576px) {
  .ProductDetail_contentSelectGroup {
    -ms-flex-direction: column;
    flex-direction: column; } }

.ProductDetail_tabs {
  margin-top: 4rem; }

.ProductDetail_pictos {
  margin-top: 3.2rem;
  color: #aba192; }

.ProductPictosList {
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }

.ProductPictosList, .ProductPictosList_item {
  display: -ms-flexbox;
  display: flex; }

.ProductPictosList_item {
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  line-height: 2rem;
  text-transform: uppercase;
  width: 50%;
  margin-bottom: 2.8rem;
  padding-right: .8rem; }

@media (min-width: 576px) {
  .ProductPictosList_item {
    width: 25%;
    margin-bottom: 0;
    -ms-flex-align: start;
    align-items: flex-start;
    font-size: 1.1rem;
    line-height: 1.7rem; } }

.ProductPictosList_itemImage {
  width: 100%;
  max-width: 4.2rem;
  max-height: 4.8rem;
  margin-right: .8rem; }

.ProductPictosList_annotation {
  text-align: right;
  margin-top: -1.5rem; }

@media (min-width: 576px) {
  .ProductPictosList_annotation {
    margin-top: 1.5rem;
    display: block; } }

.ProductDetail_select {
  margin-top: 2.4rem;
  position: relative; }

.ProductDetail_select:after {
  content: "";
  display: block;
  position: absolute;
  right: 3rem;
  top: 40%;
  transform: rotate(45deg);
  width: .8rem;
  height: .8rem;
  border-bottom: .2rem solid #000;
  border-right: .2rem solid #000; }

.ProductDetail_footer {
  margin-top: 2.4rem;
  display: -ms-flexbox;
  display: flex; }

.ProductDetail_addToCartButton {
  padding: 1.6rem;
  border-radius: 5rem;
  font-size: 1.2rem;
  line-height: 1.5em;
  text-transform: uppercase;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: grotesk-demi,sans-serif;
  cursor: pointer;
  background-color: #000;
  color: #fff;
  transition: .1s;
  width: 100%; }

@media (min-width: 576px) {
  .ProductDetail_addToCartButton {
    font-size: 1.4rem;
    padding: 1.5rem 2.2rem; } }

.ProductDetail_addToCartButton:hover {
  text-decoration: none; }

@media (min-width: 576px) {
  .ProductDetail_addToCartButton:hover {
    background-color: #f99837; } }

.ProductList {
  width: 100%;
  background-color: #fff;
  overflow-x: auto; }

.ProductList_scrollContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  padding: 3rem 0; }

@media (min-width: 576px) {
  .ProductList_scrollContainer {
    padding: 5.3rem 0;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center; } }

.Product {
  width: 100%;
  min-width: 20rem;
  padding: 0 1rem; }

.Product:first-child {
  min-width: 22rem;
  padding-left: 3rem; }

.Product:last-child {
  min-width: 22rem;
  padding-right: 3rem; }

@media (min-width: 576px) {
  .Product, .Product:first-child, .Product:last-child {
    width: 27rem;
    min-width: 0;
    padding: 0;
    margin: 0 2.6rem; } }

.ProductSliderSection {
  position: relative;
  overflow-x: hidden;
  padding: 5rem 0 8rem;
  background: #fcf8f2; }

@media (min-width: 576px) {
  .ProductSliderSection {
    padding: 10rem 0 13rem; } }

.ProductSliderSection_wrapper {
  width: 33rem;
  margin: auto; }

@media (min-width: 576px) {
  .ProductSliderSection_wrapper {
    width: 90rem; } }

.ProductSliderSection .Slider_navList {
  bottom: -3rem; }

@media (min-width: 576px) {
  .ProductSliderSection .Slider_navList {
    bottom: -4rem; } }

.ProductSliderSection_img {
  display: none; }

@media (min-width: 576px) {
  .ProductSliderSection_img {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 21rem;
    transform: translate(30%, -40%); } }

.ProductDetail_Eretailers {
  margin-top: 3.2rem;
  margin-bottom: 3.2rem; }

.Eretailers_list {
  max-height: 28rem;
  overflow-y: scroll; }

.Eretailers_title {
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: grotesk-bold,sans-serif;
  font-size: 1.2rem;
  text-transform: uppercase;
  margin-bottom: 1rem; }

.Eretailers_retailerWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  border-bottom: 1px solid #aba192;
  padding: 1.7rem 0; }

.Eretailers_retailerLogo {
  width: 8rem;
  margin-right: 1.5rem; }

@media (min-width: 576px) {
  .Eretailers_retailerLogo {
    width: 10.7rem;
    margin-right: 3.1rem; } }

.Eretailers_retailerName {
  font-size: 1.8rem;
  font-family: grotesk-thin,sans-serif; }

.Eretailers_retailerButton, .Eretailers_retailerName {
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

.Eretailers_retailerButton {
  padding: 1.6rem;
  border-radius: 5rem;
  font-size: 1.2rem;
  line-height: 1.5em;
  text-transform: uppercase;
  font-family: grotesk-demi,sans-serif;
  cursor: pointer;
  color: #000;
  border: 1px solid #000;
  transition: .1s;
  margin-left: auto; }

@media (min-width: 576px) {
  .Eretailers_retailerButton {
    font-size: 1.4rem;
    padding: 1.5rem 2.2rem; } }

.Eretailers_retailerButton:hover {
  text-decoration: none; }

@media (min-width: 576px) {
  .Eretailers_retailerButton:hover {
    background-color: #000;
    color: #fff; } }

.Product {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.5rem; }

@media (min-width: 576px) {
  .Product {
    font-size: 1.8rem; } }

.Product_imageContainer {
  position: relative;
  margin-bottom: 1.7rem; }

.Product_shape path {
  fill: #fcf8f2; }

.Product_image, .Product_shape {
  width: 100%;
  height: 100%; }

.Product_image {
  position: relative;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.Product_title {
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: grotesk-thin,sans-serif;
  text-align: center;
  margin-bottom: 1.5rem; }

.Product_titleSub {
  display: block; }

.Product_price {
  font-family: grotesk-bold,sans-serif;
  text-align: center;
  margin-bottom: 1.6rem; }

.Product_button, .Product_price {
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

.Product_button {
  padding: 1.6rem;
  border-radius: 5rem;
  font-size: 1.2rem;
  line-height: 1.5em;
  text-transform: uppercase;
  font-family: grotesk-demi,sans-serif;
  cursor: pointer;
  color: #000;
  border: 1px solid #000;
  transition: .1s; }

@media (min-width: 576px) {
  .Product_button {
    font-size: 1.4rem;
    padding: 1.5rem 2.2rem; } }

.Product_button:hover {
  text-decoration: none; }

@media (min-width: 576px) {
  .Product_button:hover {
    background-color: #000;
    color: #fff; } }

.GridTextImage {
  font-size: 1rem;
  padding: 3em 0 5em;
  background: #fff; }

@media (min-width: 576px) {
  .GridTextImage {
    padding: 10em 0;
    font-size: .69444vw; } }

.GridTextImage_wrapper {
  position: relative;
  height: 105.9em;
  overflow: hidden; }

@media (min-width: 576px) {
  .GridTextImage_wrapper {
    height: 190em;
    overflow: visible;
    overflow: initial; } }

.GridTextImage_image {
  position: absolute; }

.GridTextImage_image-1 {
  width: 28em;
  left: 50em;
  display: none;
  opacity: 0;
  transition: opacity .8s; }

.GridTextImage_image-1.inView {
  opacity: 1; }

@media (min-width: 576px) {
  .GridTextImage_image-1 {
    display: block; } }

.GridTextImage_image-2 {
  width: 31em;
  height: 43em;
  top: 39.3em; }

.GridTextImage_image-2 img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

@media (min-width: 576px) {
  .GridTextImage_image-2 {
    width: 71em;
    height: 99em;
    top: 24em; } }

.GridTextImage_image-3 {
  width: 22.5em;
  height: 35em;
  top: 0;
  right: 0; }

.GridTextImage_image-3 img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

@media (min-width: 576px) {
  .GridTextImage_image-3 {
    width: 51em;
    height: 81em;
    top: 6em; } }

.GridTextImage_image-4 {
  width: 33.5em;
  height: 19em;
  bottom: 0;
  left: 2em; }

.GridTextImage_image-4 img {
  width: 100%;
  height: 100%;
  object-fit: cover; }

@media (min-width: 576px) {
  .GridTextImage_image-4 {
    width: 94em;
    height: 54em;
    bottom: 2em;
    left: 25em; } }

.GridTextImage_image-5 {
  width: 21em;
  bottom: 0;
  left: 8.3em;
  display: none;
  opacity: 0;
  transition: opacity .8s; }

.GridTextImage_image-5.inView {
  opacity: 1; }

@media (min-width: 576px) {
  .GridTextImage_image-5 {
    display: block; } }

.GridTextImage_textWrapper {
  position: absolute;
  bottom: 11em;
  right: -2.5em;
  height: 40em; }

@media (min-width: 576px) {
  .GridTextImage_textWrapper {
    right: 14em;
    height: 102em;
    bottom: 0; } }

.GridTextImage_text {
  transform: scale(-1);
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 8em;
  line-height: .9em;
  text-transform: uppercase;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: grotesk-bold,sans-serif;
  text-align: left; }

@media (min-width: 576px) {
  .GridTextImage_text {
    font-size: 22em; } }

.GridTextImage_textWord {
  overflow: hidden; }

.GridTextImage_textWord span {
  display: block;
  transform: translateX(-101%);
  transition: .8s ease-out; }

.GridTextImage_textWord span.inView {
  transform: translateX(0); }

.ArticlePreview_wrapper {
  height: 32rem;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  color: #fff;
  padding: 0 2rem;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
  -ms-flex-direction: column;
  flex-direction: column; }

@media (min-width: 576px) {
  .ArticlePreview_wrapper {
    padding: 0 22rem;
    height: 56rem; } }

.ArticlePreview_title {
  font-size: 3.2rem;
  line-height: 3.6rem;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: grotesk-thin,sans-serif;
  margin-bottom: 2.4rem; }

@media (min-width: 576px) {
  .ArticlePreview_title {
    font-size: 4.6rem;
    line-height: 5.2rem;
    margin-bottom: 3.2rem; } }

.ArticlePreview_description {
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: grotesk-thin,sans-serif;
  font-size: 1.5rem;
  line-height: 160%;
  margin-bottom: 2.4rem; }

@media (min-width: 576px) {
  .ArticlePreview_description {
    font-size: 1.8rem; } }

.ArticlePreview_description strong {
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: grotesk-bold,sans-serif; }

.ArticlePreview_link {
  text-transform: uppercase;
  font-size: 1.2rem;
  line-height: 1.7rem;
  text-decoration: underline;
  color: inherit; }

@media (min-width: 576px) {
  .ArticlePreview_link {
    font-size: 1.4rem;
    line-height: 2rem; } }

.ImageMask_image {
  width: 100%;
  height: 100%;
  object-fit: cover; }

.ImageMask_layer {
  opacity: .3; }

.ImageSelect {
  height: 7rem; }

.ImageSelect-invalid .ImageSelect_list {
  border: 1px solid #dd7474; }

.ImageSelect_list {
  border: 1px solid #aba192;
  cursor: pointer;
  width: 100%; }

.ImageSelect_list:hover {
  border: 1px solid #92887a; }

.ImageSelect_item {
  display: none;
  padding: 0 5rem 0 2.3rem;
  height: 7rem;
  -ms-flex-align: center;
  align-items: center;
  background: #fcf8f2;
  text-transform: uppercase;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: grotesk-thin,sans-serif; }

.ImageSelect_item-selected {
  display: -ms-flexbox;
  display: flex; }

.ImageSelect_item-placeholder {
  color: #aba192;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: grotesk-thin-italic,sans-serif;
  text-transform: none; }

.ImageSelect_itemImage {
  max-height: 5.6rem;
  margin-right: 1.2rem; }

.ImageSelect_itemName {
  font-size: 1.2rem; }

@media (min-width: 576px) {
  .ImageSelect_itemName {
    font-size: 1.4rem; } }

.ImageSelect.ImageSelect-active .ImageSelect_list {
  position: absolute;
  z-index: 1;
  max-height: 34rem;
  overflow-y: scroll; }

.ImageSelect.ImageSelect-active .ImageSelect_item {
  display: -ms-flexbox;
  display: flex; }

.ImageSelect.ImageSelect-active .ImageSelect_item-selected, .ImageSelect.ImageSelect-active .ImageSelect_item:hover {
  background: #f2e8d9; }

.Tabs_navList {
  display: -ms-flexbox;
  display: flex; }

.Tabs_button {
  margin-right: .8rem;
  font-size: 1.4rem;
  text-transform: uppercase;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: grotesk-thin,sans-serif;
  color: #000; }

@media (min-width: 576px) {
  .Tabs_button {
    font-size: 1.2rem;
    margin-right: 1.6rem; } }

.Tabs_button-active {
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: grotesk-bold,sans-serif; }

.Tabs_button-active, .Tabs_button:hover {
  text-decoration: underline; }

.Tabs_contentContainer {
  margin-top: 1.6rem;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: grotesk-thin,sans-serif;
  font-size: 1.5rem;
  line-height: 160%; }

@media (min-width: 576px) {
  .Tabs_contentContainer {
    font-size: 1.6rem; } }

.Tabs_contentContainer strong {
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: grotesk-bold,sans-serif; }

.Tabs_content {
  display: none;
  opacity: 0; }

.Tabs_content-active {
  opacity: 1;
  display: block; }

.Video {
  position: relative;
  background: #fcf8f2;
  width: 100%;
  padding-top: 56.25%;
  overflow: hidden; }

.Video.inView .Video_coverImage {
  transition: opacity 1.4s, transform 1.4s cubic-bezier(0.63, 0, 0.11, 1);
  transform: scale(1);
  opacity: 1; }

.Video.inView .Video_coverButton {
  transition: transform 1.4s cubic-bezier(0.63, 0, 0.11, 1);
  transform: translate(-50%, -50%) rotate(0deg) scale(1); }

.Video.inView .Video_player {
  transition: opacity .1s ease 1.4s;
  opacity: 1; }

.Video_cover, .Video_player {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.Video_player {
  opacity: 0; }

.Video_cover {
  cursor: pointer; }

.Video_coverButton {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #000;
  width: 11.7rem;
  height: 11.7rem;
  text-transform: uppercase;
  border-radius: 50%;
  color: #fff;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.2rem;
  transform: translate(-50%, -50%) rotate(45deg) scale(0); }

@media (min-width: 576px) {
  .Video_coverButton {
    width: 15rem;
    height: 15rem;
    font-size: 1.4rem; } }

.Video_coverImage {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1.1);
  opacity: 0; }

.QuantityInput {
  display: -ms-flexbox;
  display: flex;
  padding: 1.7rem;
  border-radius: 3rem;
  border: 1px solid #000;
  margin-right: 1.2rem;
  font-size: 1.4rem;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: grotesk-demi,sans-serif; }

.QuantityInput_button {
  cursor: pointer;
  position: relative; }

.QuantityInput_button:after {
  content: "";
  background-color: transparent;
  position: absolute;
  top: -1rem;
  right: -1rem;
  bottom: -1rem;
  left: -1rem; }

.QuantityInput_button:hover {
  color: #f99837; }

.QuantityInput_value {
  margin: 0 1rem;
  width: 2rem;
  text-align: center; }

.Slider {
  position: relative;
  cursor: grab; }

.Slider-margin .Slider_contentListItem {
  margin-right: 10rem; }

.Slider_contentList {
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap; }

.Slider_contentListItem {
  position: relative;
  width: 100%;
  min-width: 100%; }

.Slider_image {
  width: 100%; }

.Slider_navList {
  position: absolute;
  bottom: 3rem;
  width: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center; }

@media (min-width: 576px) {
  .Slider_navList {
    bottom: 9.4rem; } }

.Slider_navListItem {
  position: relative;
  cursor: pointer;
  font-size: 0;
  line-height: 0;
  display: inline-block;
  opacity: .5;
  width: 6px;
  height: 6px;
  margin: 0 6px;
  transition: opacity .4s; }

@media (min-width: 576px) {
  .Slider_navListItem {
    width: 6px;
    height: 6px;
    margin: 0 5px; } }

.Slider_navListItem-active {
  opacity: 1; }

.Slider_navListItem svg {
  width: 100%;
  height: 100%; }

.Slider_navListItem circle {
  fill: #000; }

.Slider_navListItem:after {
  content: "";
  background-color: transparent;
  position: absolute;
  top: -5px;
  right: -5px;
  bottom: -5px;
  left: -5px; }

.Slider_navArrow {
  position: absolute;
  top: 50%;
  cursor: pointer; }

.Slider_navArrow svg {
  width: 6rem; }

.Slider_navArrow-prev {
  left: -13.8rem;
  transform: rotate(180deg); }

.Slider_navArrow-next {
  right: -13.8rem; }

.Slider_navArrow:hover circle {
  fill: #000; }

.Slider_navArrow:hover path {
  stroke: #fff; }

.Newsletter {
  position: relative;
  background: #000;
  height: 33.4rem;
  color: #fff;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: grotesk-thin,sans-serif;
  text-align: center; }

@media (min-width: 576px) {
  .Newsletter {
    height: 66rem; } }

.Newsletter_textual {
  position: relative;
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column; }

.Newsletter_title {
  font-size: 3.2rem;
  margin-bottom: 2.4rem;
  max-width: 80%;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: grotesk-thin,sans-serif; }

@media (min-width: 576px) {
  .Newsletter_title {
    max-width: none;
    font-size: 4.6rem;
    margin-bottom: 3.2rem; } }

.Newsletter_description {
  margin-bottom: 2.4rem;
  font-size: 1.4rem;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: grotesk-thin,sans-serif; }

@media (min-width: 576px) {
  .Newsletter_description {
    margin-bottom: 3rem;
    font-size: 1.8rem; } }

.Newsletter_button {
  padding: 1.6rem;
  border-radius: 5rem;
  font-size: 1.2rem;
  line-height: 1.5em;
  text-transform: uppercase;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: grotesk-demi,sans-serif;
  cursor: pointer;
  background-color: #fff;
  color: #000;
  transition: .1s; }

@media (min-width: 576px) {
  .Newsletter_button {
    font-size: 1.4rem;
    padding: 1.5rem 2.2rem; } }

.Newsletter_button:hover {
  text-decoration: none; }

@media (min-width: 576px) {
  .Newsletter_button:hover {
    background-color: #f99837; } }

.Newsletter_image {
  opacity: 1;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: .5; }

.StickyBuyBar {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background: #fff;
  z-index: 10;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1rem 2rem;
  transition: transform 0.6s cubic-bezier(0.63, 0, 0.11, 1);
  transform: translateY(101%);
  box-shadow: 0 -4px 14px rgba(0, 0, 0, 0.13); }

@media (min-width: 576px) {
  .StickyBuyBar {
    padding: 1.8rem 8.1rem; } }

.StickyBuyBar-visible {
  transform: translateY(0); }

.StickyBuyBar_leftContainer, .StickyBuyBar_rightContainer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.StickyBuyBar_leftContainer {
  display: none; }

@media (min-width: 576px) {
  .StickyBuyBar_leftContainer {
    display: -ms-flexbox;
    display: flex; } }

.StickyBuyBar_rightContainer {
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%; }

@media (min-width: 576px) {
  .StickyBuyBar_rightContainer {
    -ms-flex-pack: initial;
    justify-content: normal;
    width: auto; } }

.StickyBuyBar_bottle {
  width: 5.7rem; }

.StickyBuyBar_descriptionWrapper {
  margin-left: 7.2rem; }

.StickyBuyBar_descriptionWrapper h3 {
  font-family: grotesk-bold,sans-serif;
  font-size: 1.8rem;
  margin-bottom: .8rem; }

.StickyBuyBar_descriptionWrapper h3, .StickyBuyBar_descriptionWrapper p {
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

.StickyBuyBar_descriptionWrapper p {
  font-family: grotesk-thin,sans-serif;
  font-size: 1.6rem; }

.StickyBuyBar_price {
  font-family: grotesk-bold,sans-serif;
  font-size: 1.8rem; }

.StickyBuyBar_price, .StickyBuyBar_priceLabel {
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility; }

.StickyBuyBar_priceLabel {
  font-family: grotesk-thin,sans-serif;
  font-size: 1.4rem;
  margin-left: .5rem; }

.StickyBuyBar_ctaWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-direction: column;
  flex-direction: column; }

@media (min-width: 576px) {
  .StickyBuyBar_ctaWrapper {
    margin-left: 13rem;
    width: 39rem; } }

.StickyBuyBar_buySingle {
  padding: 1.6rem;
  border-radius: 5rem;
  font-size: 1.2rem;
  line-height: 1.5em;
  text-transform: uppercase;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: grotesk-demi,sans-serif;
  cursor: pointer;
  background-color: #000;
  color: #fff;
  transition: .1s;
  width: 100%;
  text-align: center; }

@media (min-width: 576px) {
  .StickyBuyBar_buySingle {
    font-size: 1.4rem;
    padding: 1.5rem 2.2rem; } }

.StickyBuyBar_buySingle:hover {
  text-decoration: none; }

@media (min-width: 576px) {
  .StickyBuyBar_buySingle:hover {
    background-color: #f99837; } }

@media (min-width: 576px) {
  .StickyBuyBar_buySingle {
    margin-bottom: .8rem; } }

.StickyBuyBar_buyPack {
  font-size: 1.4rem;
  text-decoration: underline;
  color: #000;
  text-transform: uppercase;
  font-smooth: always;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-family: grotesk-demi,sans-serif;
  cursor: pointer;
  display: none; }

.StickyBuyBar_buyPack:hover {
  text-decoration: none; }

@media (min-width: 576px) {
  .StickyBuyBar_buyPack {
    display: block; } }

.ScrollAnim_imageWrapper {
  overflow: hidden;
  transform: translateX(-101%); }

.ScrollAnim_imageWrapper.inView, .ScrollAnim_imageWrapper.inView img {
  transition: transform 1.4s cubic-bezier(0.63, 0, 0.11, 1);
  transform: translateX(0); }

.ScrollAnim_imageWrapper img {
  transform: translateX(101%); }

.ScrollAnim_fade {
  opacity: 0; }

.ScrollAnim_fade.inView {
  transition: opacity 1.4s;
  opacity: 1; }

.ScrollAnimBlock .HomeBloc_ctaContainer, .ScrollAnimBlock .HomeBloc_logo, .ScrollAnimBlock h2, .ScrollAnimBlock h3, .ScrollAnimBlock ol, .ScrollAnimBlock p, .ScrollAnimBlock ul {
  transform: translateY(10rem);
  opacity: 0; }

.ScrollAnimBlock .HomeBloc_ctaContainer.inView, .ScrollAnimBlock .HomeBloc_logo.inView, .ScrollAnimBlock h2.inView, .ScrollAnimBlock h3.inView, .ScrollAnimBlock ol.inView, .ScrollAnimBlock p.inView, .ScrollAnimBlock ul.inView {
  transition: opacity 1.4s, transform 1.4s cubic-bezier(0.12, 0.5, 0.11, 1);
  transform: translateY(0);
  opacity: 1; }

@media (min-width: 576px) {
  .ProductHeader_right {
    padding-bottom: 2vw; } }

.ScrollAnim_fade {
  opacity: 1; }


/*# sourceMappingURL=product.css.map*/