/** Shopify CDN: Minification failed

Line 117:23 The "+" operator only works if there is whitespace on both sides
Line 118:25 The "+" operator only works if there is whitespace on both sides
Line 122:23 The "+" operator only works if there is whitespace on both sides
Line 123:25 The "+" operator only works if there is whitespace on both sides
Line 128:23 The "+" operator only works if there is whitespace on both sides
Line 129:25 The "+" operator only works if there is whitespace on both sides
Line 133:23 The "+" operator only works if there is whitespace on both sides
Line 134:25 The "+" operator only works if there is whitespace on both sides
Line 150:23 The "+" operator only works if there is whitespace on both sides
Line 151:25 The "+" operator only works if there is whitespace on both sides

**/
@font-face {
  font-family: "Cerebri";
  src: url('//maisonhadenn.fr/cdn/shop/t/42/assets/CerebriSansPro-Regular.otf?v=114364599952116452751751379426') format("opentype");
}
@font-face {
  font-family: "Cerebri Bold";
  src: url('//maisonhadenn.fr/cdn/shop/t/42/assets/CerebriSansPro-Bold.otf?v=125672385631128421861751379426') format("opentype");
}
@font-face {
  font-family: "Cerebri Medium";
  src: url('//maisonhadenn.fr/cdn/shop/t/42/assets/CerebriSansPro-Medium.otf?v=67286045380108933181751379426') format("opentype");
}
@font-face {
  font-family: "Granville";
  src: url('//maisonhadenn.fr/cdn/shop/t/42/assets/granville-regular.otf?v=124433331329429034201751379426') format("opentype");
}
@font-face {
  font-family: "New Spirit";
  src: url('//maisonhadenn.fr/cdn/shop/t/42/assets/new-spirit.otf?46724') format("opentype");
}
@font-face {
  font-family: "New Spirit";
  src: url('//maisonhadenn.fr/cdn/shop/t/42/assets/new-spirit-regular.otf?v=134295127762931683511751379426') format("opentype");
  font-weight: 400;
}
@font-face {
  font-family: "New Spirit";
  src: url('//maisonhadenn.fr/cdn/shop/t/42/assets/new-spirit-semibold.otf?v=35370069555280057421751379426') format("opentype");
  font-weight: 600;
}
@font-face {
  font-family: "New Spirit";
  src: url('//maisonhadenn.fr/cdn/shop/t/42/assets/new-spirit-bold.otf?v=60176105408784158451751379426') format("opentype");
  font-weight: 700;
}
@font-face {
  font-family: "Futura PT";
  src: url('//maisonhadenn.fr/cdn/shop/t/42/assets/futura-pt-regular.otf?v=114886526262373931391751379426') format("opentype");
  font-weight: 400;
}
@font-face {
  font-family: "Futura PT";
  src: url('//maisonhadenn.fr/cdn/shop/t/42/assets/futura-pt-medium.otf?v=102740137426590086841751379426') format("opentype");
  font-weight: 500;
}

* {
  -webkit-font-smoothing: antialiased;
  /* Optimiser l'affichage des fonts (surtout pour Mac) */
}

html {
  box-sizing: border-box;
  font-size: calc(1.0 * 62.5%);
  height: 100%;
}

:root {
  /* FONT */
  --body-font: "Futura PT", sans-serif;
  --cerebri-bold: "Cerebri Bold", sans-serif;
  --cerebri-medium: "Cerebri Medium", sans-serif;
  --title-font: "New Spirit", sans-serif;

  /* MENU */
  --announcement-bar-height: 44px;
  --announcement-bar-mobile: 36px;
  --header-height: 67px;
  --header-height-mobile: 50px;

  /* COULEUR */
  --primary: #6F2B1C;
  --secondary: #B03F27;

  --color-2: #EBA796;
  --color-3: #F7C7B7;
  --color-4: #E4DAD2;
  --color-6: #F9F1E4;

  --white: #FFFCF8;
  --black: #000;
}

/* Size text */
body {
  font-family: var(--body-font);
  color: var(--primary);
  font-weight: 400;
}
h1,
h2,
h3,
h4,
.mm-h1,
.mm-h2,
.mm-h3,
.mm-h4 {
  font-family: var(--title-font);
  margin: 0;
}
h1,
.mm-h1 {
  font-size: calc(30px +(45 - 30) *((100vw - 768px) /(1440 - 768)));
  line-height: calc(35px +(53 - 35) *((100vw - 768px) /(1440 - 768)));
}
h2,
.mm-h2 {
  font-size: calc(24px +(35 - 24) *((100vw - 768px) /(1440 - 768)));
  line-height: calc(30px +(38 - 30) *((100vw - 768px) /(1440 - 768)));
  color: var(--primary);
}
h3,
.mm-h3 {
  font-size: calc(20px +(30 - 20) *((100vw - 768px) /(1440 - 768)));
  line-height: calc(24px +(40 - 24) *((100vw - 768px) /(1440 - 768)));
}
h4,
.mm-h4 {
  font-size: calc(16px +(25 - 16) *((100vw - 768px) /(1440 - 768)));
  line-height: calc(19px +(28 - 19) *((100vw - 768px) /(1440 - 768)));
}

a,
button,
.link {
  font-family: var(--body-font);
  font-size: 16px;
  line-height: 18px;
  margin: 0;
}

p,
span {
  font-family: var(--body-font);
  color: var(--primary);
  font-size: calc(14px +(16 - 14) *((100vw - 768px) /(1440 - 768)));
  line-height: calc(20px +(23 - 20) *((100vw - 768px) /(1440 - 768)));
  margin: 0;
}


@media(min-width: 1440px) {
  h1,
  .mm-h1 {
    font-size: 45px;
    line-height: 53px;
  }
  h2,
  .mm-h2 {
    font-size: 35px;
    line-height: 38px;
  }
  h3,
  .mm-h3 {
    font-size: 30px;
    line-height: 40px;
  }
  h4,
  .mm-h4 {
    font-size: 25px;
    line-height: 28px;
  }
  p,
  span {
    font-size: 16px;
    line-height: 23px;
  }
}

@media(max-width:768px) {
  h1,
  .mm-h1 {
    font-size: 30px;
    line-height: 35px;
  }
  h2,
  .mm-h2 {
    font-size: 24px;
    line-height: 22px;
  }
  h3,
  .mm-h3 {
    font-size: 20px;
    line-height: 24px;
  }
  h4,
  .mm-h4 {
    font-size: 16px;
    line-height: 19px;
  }
  p,
  span {
    font-size: 14px;
    line-height: 20px;
  }

}
.mm-bold-400 {
  font-weight: 400;
}
.mm-bold-500 {
  font-weight: 500;
}
.mm-bold-600 {
  font-weight: 600;
}
.mm-bold-700 {
  font-weight: 700;
}
.mm-bold-900 {
  font-weight: 900;
}
/*font*/
.mm-granville-reg,
.mm-granville-reg * {
  font-family: var(--title-font);
}
.mm-cerebri-reg {
  font-family: var(--body-font);
}
.mm-cerebri-bold {
  font-family: var(--cerebri-bold);
}
.mm-cerebri-med {
  font-family: var(--cerebri-medium);
}

/* color */
.mm-color-white {
  color: var(--white);
}
.mm-color-black {
  color: var(--black);
}

.mm-color-primary {
  color: var(--primary);
}
.mm-color-secondary {
  color: var(--secondary);
}

.mm-color-secondary {
  color: var(--secondary);
}

.mm-color-black {
  color: var(--black);
}

.mm-bg-color-white {
  background-color: var(--white);
}

.mm-bg-color-secondary {
  background-color: var(--secondary);
}

.mm-bg-color-6 {
  background-color: var(--color-6);
}

/* RESET -------------------- : On vient reboot les règles auto du navigateur + celles du Dawn */

a {
  text-decoration: none;
  display: inline-block;
}

/* MAIN -------------------- : Règles générales du thème */

/* Sections */

.mm-section {
  /* overflow-x: hidden; */
  /* à utiliser sur toutes les sections AVEC padding top et bottom */
  position: relative;
  padding-inline: 50px;
  padding-block: 80px;
  max-width: 1440px;
  margin-inline: auto;
}
.mm-section-width {
  /* à utiliser sur toutes les sections SANS padding top et bottom */
  position: relative;
  padding-inline: 5rem;
  max-width: 1440px;
  margin-inline: auto;
}


@media(max-width:768px) {
  .mm-section {
    padding-inline: 16px;
    padding-block: 48px;
  }
  .mm-section-width {
    /* à utiliser sur toutes les sections SANS padding top et bottom */
    padding-inline: 16px;
  }

}

/* Buttons */
.mm-btn-primary,
.mm-btn-secondary {
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  white-space: nowrap;
  height: fit-content;
  border-radius: 4px;
  padding: 16px 24px;
  transition: background 0.3s ease-out;
  font-family: "Futura PT";
  font-weight: 500;
  text-align: center;
  height: 52px;
  min-width: 212px;
}
.mm-btn-primary *,
.mm-btn-secondary * {
  font-family: "Futura PT";
  font-weight: 500;
}


/* PRIMARY */
.mm-btn-primary {
  border: 2px solid var(--primary);
}
.mm-btn-primary:hover {
  background: var(--primary);
  color: var(--white);
}

.mm-btn-primary-with-arrow {
  position: relative;
  justify-content: start;
  padding-right: 80px !important;
  min-width: none;
}
.mm-btn-primary p,
.mm-btn-primary {
  font-size: 16px;
  line-height: 18px;
  color: var(--primary);
}
.mm-btn-primary-with-arrow svg {
  position: absolute;
  right: 25px;
  transition: right 0.5s ease;
}
.mm-btn-primary-with-arrow:hover svg {
  right: 8px;
  transition: right 0.5s ease;
}
.mm-btn-primary-with-arrow:hover svg path {
  stroke: var(--white);
}

/* SECONDARY */
.mm-btn-secondary {
  background: #6F2B1C;
  border: 2px solid #6F2B1C;
}
.mm-btn-secondary,
.mm-btn-secondary p,
.mm-btn-secondary span {
  color: white;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: 1.28px;
  font-weight: 500;
}
.mm-btn-secondary:hover {
  background: transparent;
  color: #6F2B1C;
}
.mm-btn-secondary:hover * {
  color: #6F2B1C;
}


/* LINK animation*/
.mm-btn-link span {
  cursor: pointer;
  position: relative;
  font-size: 18px;
  line-height: 18px;
}
.mm-btn-link span:after {
  content: '';
  display: inline-block;
  width: 0;
  height: 1px;
  background: var(--secondary);
  position: absolute;
  bottom: -5px;
  left: 0;
  transition: 0.5s;
}
.mm-btn-link:hover span {
  color: var(--secondary);
}
.mm-btn-link:hover span:after {
  width: 100%
}

@media(max-width:768px) {
  .mm-btn-primary,
  .mm-btn-secondary {
    padding: 16px 24px;
  }

}

/* Utility  -------------------- */
.mm-cursor-pointer {
  cursor: pointer;
}
.mm-centered {
  text-align: center;
}
.mm-text-start {
  text-align: start;
}
.mm-text-end {
  text-align: end;
}
.mm-full {
  width: 100%;
}
.mm-inline {
  display: inline-block;
}
.mm-flex {
  display: flex;
}
.mm-flex-mobile-column {
  display: flex;
}
.mm-wrap {
  flex-wrap: wrap;
}
.mm-inline-flex {
  display: inline-flex;
}
.mm-column {
  flex-direction: column;
}
.mm-row-reverse {
  flex-direction: row-reverse;
}
.mm-justify-between {
  justify-content: space-between;
}
.mm-justify-around {
  justify-content: space-around;
}
.mm-justify-center {
  justify-content: center;
}
.mm-justify-end {
  justify-content: flex-end;
}
.mm-align-center {
  align-items: center;
}
.mm-align-start {
  align-items: flex-start;
}
.mm-align-end {
  align-items: flex-end;
}
.mm-align-baseline {
  align-items: baseline;
}
.mm-flex-grow {
  flex-grow: 1
}
.mm-grid {
  display: grid;
}
.mm-none {
  display: none;
}
.mm-0,
.mm-0 p {
  margin: 0;
}
.mm-upcase {
  text-transform: uppercase;
}
.mm-capitalize {
  text-transform: capitalize;
}
.mm-underline {
  text-decoration: underline;
}
.mm-linethrough {
  text-decoration: line-through;
}
.box-shadow {
  background: var(--color-box-shadow);
  box-shadow: var(--box-shadow);
}
.visible {
  opacity: 1;
  pointer-events: auto;
  display: block;
}
.hidden {
  opacity: 0;
  pointer-events: none;
  cursor: default;
}
.show {
  display: block;
}

/* Responsive */

.mm-desktop,
.mm-desktop-900,
.mm-desktop-1200 {
  display: flex !important;
}
.mm-desktop-block,
.mm-desktop-block-900 {
  display: block !important;
}
.mm-desktop-inline-block {
  display: inline-block !important;
}
.mm-desktop-flex {
  display: flex;
}
.mm-mobile,
.mm-mobile-block,
.mm-mobile-inline-block,
.mm-mobile-900,
.mm-mobile-1200 {
  display: none !important;
}
@media(max-width:1200px) {
  .mm-desktop-1200 {
    display: none !important;
  }
  .mm-mobile-1200 {
    display: flex !important;
  }
}
@media(max-width:768px) {
  .mm-desktop-900,
  .mm-desktop-block-900,
  .mm-desktop-flex {
    display: none !important;
  }
  .mm-mobile-900 {
    display: flex !important;
  }
}

@media(max-width:768px) {
  .mm-desktop,
  .mm-desktop-block,
  .mm-desktop-inline-block {
    display: none !important;
  }
  .mm-mobile {
    display: flex !important;
  }
  .mm-mobile-block {
    display: block !important;
  }
  .mm-mobile-inline-block {
    display: inline-block !important;
  }
  .mm-flex-mobile-column {
    flex-direction: column;
  }
}

.stop-scrolling {
  height: 100% !important;
  overflow: hidden !important;
}

/* PRODUCT CARD -------------------- : CSS des product cards */
#mm-product-card {
  position: relative;
  width: 388px;
}

.mm-product-img-container {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1.1;
}

.mm-product-img-container img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.mm-product-img-container .mm-pc-hover-img,
#mm-product-card:hover .mm-product-img-container .mm-pc-featured-img {
  display: none;
}
#mm-product-card:hover .mm-product-img-container .mm-pc-hover-img {
  display: initial;
}
.mm-pr-img-tags-container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 15px;
}
.mm-typo-pr-img-tag {
  font-weight: 500;
  font-size: 11px;
  line-height: 15px;
  max-width: 106px;
}
#mm-product-card .mm-padding-content {
  padding-top: 15px;
}
#mm-product-card .mm-pc-meta-container p {
  font-size: 15px;
  line-height: 18px;
  color: var(--black);
}
.mm-pc-title {
  font-family: var(--title-font);
  color: var(--primary);
  font-size: 20px;
  line-height: 20px;
}
#mm-product-card .mm-pr-price,
#mm-product-card .mm-pr-price-compare {
  font-size: 15px;
  line-height: 16px;
}
@media(max-width:768px) {
  #mm-product-card .mm-padding-content {
    padding-top: 5px;
  }
  #mm-product-card .mm-pc-meta-container p {
    font-size: 12px;
  }
  .mm-pc-title {
    font-size: 15px;
  }
}
/* Upsell CARD -------------------- : CSS des product cards */
#mm-product-upsell-container {
  min-width: 252px;
}
#mm-product-upsell-container .mm-pr-upsell-img-container {
  min-width: 100px;
  max-width: 100px;
  height: 100px;
  margin-right: 1rem;
  border-radius: 5px;
}
#mm-product-upsell-container .mm-pr-upsell-img-container img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  border-radius: 5px;
}
#mm-product-upsell-container .mm-pr-upsell-title {
  font-size: 15px;
  line-height: 16px;
}
.mm-pr-upsell-price {
  font-size: 13px;
  line-height: 16px;
  text-decoration-line: underline;
}

/* instafeed */
#insta-feed .instafeed-overlay,
.instafeed-shopify .instafeed-overlay {
  width: 100% !important;
  height: 100% !important;
}

#insta-feed h2 {
  text-align: left;
  font-weight: 400 !important;
  font-size: 30px !important;
  line-height: 40px !important;
  margin: 16px;
}
#insta-feed h2 {
  margin-bottom: 0;
}

#insta-feed,
.instafeed-shopify {
  margin: 0 !important;
}

/*RECHARGE*/
.recharge-container {
  margin-top: 60px;
}

.col-md-6 {
  flex: 0 0 100% !important;
  max-width: 100% !important;
}

/*stockist*/
#stockist-widget .stockist-icon-search:before {
  color: var(--white);
}

#stockist-widget .stockist-map * {
  color: var(--white);
}

#stockist-widget .stockist-map .stockist-cluster > div {
  background-color: #6F2B1C !important;
}

.pp-card,
.pp-card:hover {
  border: none !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.pp-product-image {
  border-radius: 0 !important;
}