@media screen and (min-width: 1400px) {
  .container {
    max-width: 1146px;
  }
}
/* Gestion des class pour les background et couleur de textes.*/
.color-main {
  color: #C70017;
}

.bg-main {
  background-color: #C70017 !important;
}

.color-snd {
  color: #6BA43A;
}

.bg-snd {
  background-color: #6BA43A !important;
}

.color-third {
  color: #FFAD00;
}

.bg-third {
  background-color: #FFAD00 !important;
}

.color-white {
  color: #FFFFFF;
}

.bg-white {
  background-color: #FFFFFF !important;
}

.color-black {
  color: #000000;
}

.bg-black {
  background-color: #000000 !important;
}

.color-text {
  color: #414B5A;
}

.bg-text {
  background-color: #414B5A !important;
}

.color-text75 {
  color: #7E8C9F;
}

.bg-text75 {
  background-color: #7E8C9F !important;
}

@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/barlow-condensed/barlow-condensed-100.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/barlow-condensed/barlow-condensed-italic-100.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/barlow-condensed/barlow-condensed-200.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/barlow-condensed/barlow-condensed-italic-200.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/barlow-condensed/barlow-condensed-300.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/barlow-condensed/barlow-condensed-italic-300.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/barlow-condensed/barlow-condensed-400.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/barlow-condensed/barlow-condensed-italic-400.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/barlow-condensed/barlow-condensed-500.woff2") format("woff2");
}
/* barlow-condensed-500italic - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/barlow-condensed/barlow-condensed-italic-500.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/barlow-condensed/barlow-condensed-600.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/barlow-condensed/barlow-condensed-italic-600.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/barlow-condensed/barlow-condensed-700.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/barlow-condensed/barlow-condensed-italic-700.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/barlow-condensed/barlow-condensed-800.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/barlow-condensed/barlow-condensed-italic-800.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/barlow-condensed/barlow-condensed-900.woff2") format("woff2");
}
/* barlow-condensed-900italic - latin */
@font-face {
  font-display: swap;
  font-family: "Barlow Condensed";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/barlow-condensed/barlow-condensed-italic-900.woff2") format("woff2");
  @font-face;
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/roboto/roboto-normal-100.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: italic;
  font-weight: 100;
  src: url("../fonts/roboto/roboto-italic-100.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/roboto/roboto-normal-200.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: italic;
  font-weight: 200;
  src: url("../fonts/roboto/roboto-italic-200.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/roboto/roboto-normal-300.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: italic;
  font-weight: 300;
  src: url("../fonts/roboto/roboto-italic-300.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/roboto/roboto-normal-400.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: italic;
  font-weight: 400;
  src: url("../fonts/roboto/roboto-italic-400.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/roboto/roboto-normal-500.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: italic;
  font-weight: 500;
  src: url("../fonts/roboto/roboto-italic-500.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/roboto/roboto-normal-600.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/roboto/roboto-italic-600.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/roboto/roboto-normal-700.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: italic;
  font-weight: 700;
  src: url("../fonts/roboto/roboto-italic-700.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/roboto/roboto-normal-800.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: italic;
  font-weight: 800;
  src: url("../fonts/roboto/roboto-italic-800.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/roboto/roboto-normal-900.woff2") format("woff2");
}
@font-face {
  font-display: swap;
  font-family: "Roboto";
  font-style: italic;
  font-weight: 900;
  src: url("../fonts/roboto/roboto-italic-900.woff2") format("woff2");
}
* {
  font-family: "Roboto", sans-serif;
}

html, body {
  font-size: 16px;
  line-height: 23px;
  letter-spacing: 0.32px;
  font-style: normal;
  font-weight: 400;
}

.heading {
  font-family: "Eczar", serif;
}
.heading--n1 {
  font-size: clamp(2.125rem, 1.887rem + 1.028vw, 2.813rem);
  letter-spacing: -0.01em;
  line-height: clamp(2.75rem, 2.512rem + 1.028vw, 3.438rem);
  font-weight: 400;
}
.heading--n2 {
  font-size: clamp(2rem, 1.697rem + 1.308vw, 2.875rem);
  letter-spacing: -0.01em;
  line-height: clamp(2.375rem, 1.964rem + 1.776vw, 3.563rem);
  font-weight: 600;
}
.heading--n3 {
  font-size: clamp(1.75rem, 1.447rem + 1.308vw, 2.625rem);
  letter-spacing: -0.01em;
  line-height: clamp(2.094rem, 1.694rem + 1.729vw, 3.25rem);
  font-weight: 600;
}
.heading--n4 {
  font-size: clamp(1.5rem, 1.414rem + 0.374vw, 1.75rem);
  letter-spacing: -0.01em;
  line-height: clamp(1.813rem, 1.726rem + 0.374vw, 2.063rem);
  font-weight: 700;
}
.heading--n5 {
  font-size: clamp(1.25rem, 1.207rem + 0.187vw, 1.375rem);
  letter-spacing: -0.01em;
  font-weight: 500;
}
.heading--home {
  font-size: clamp(2.5rem, 1.676rem + 3.137vw, 4.5rem);
  line-height: clamp(2.938rem, 2.294rem + 2.451vw, 4.5rem);
  font-weight: 600;
  letter-spacing: 0;
}

span {
  line-height: inherit;
}

hr {
  border: none;
  opacity: 1;
  height: 4px;
  width: 85px;
}

.list--unstyled {
  padding: 0px;
  margin: 0px;
}
.list--unstyled li {
  list-style-type: none;
}

.label {
  font-size: 18px;
  font-weight: 500;
}

.legende {
  font-size: 12px;
  font-weight: 600;
}

a {
  text-decoration: none;
  color: inherit;
}

p > a {
  text-decoration: underline;
}

.card-parent {
  position: relative;
}

.clickable-parent::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  inset: 0;
  pointer-events: auto;
}

.btn {
  appearance: none;
  --webkit-appearance: none;
  --moz-webkit-appearance: none;
  border: none;
  background: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  padding: 12px 20px;
  border-radius: 24px;
  transition: 0.3s;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  margin-inline: auto;
  width: fit-content;
}
@media screen and (min-width: 768px) {
  .btn {
    margin-inline: 0;
  }
}
.btn:hover, .btn:focus, .btn:active {
  transition: 0.3s;
}
.btn--main {
  background: #C70017;
  color: white;
  border: 1px solid #C70017;
}
.btn--main:hover, .btn--main:focus, .btn--main:active {
  background: transparent;
  color: #C70017;
  border: 1px solid #C70017;
}
.btn--main-outline {
  background: transparent;
  color: #C70017;
  border: 1px solid #C70017;
}
.btn--main-outline:hover, .btn--main-outline:focus, .btn--main-outline:active {
  background: #C70017;
  color: #FFFFFF;
  border: 1px solid #C70017;
}
.btn--snd {
  background: #6BA43A;
  color: #C70017;
  border: 1px solid #6BA43A;
}
.btn--snd:hover, .btn--snd:focus, .btn--snd:active {
  background: #C70017;
  color: #6BA43A;
  border: 1px solid #6BA43A;
}
.btn--third {
  background: #FFAD00;
  color: #C70017;
  border: 1px solid #FFAD00;
}
.btn--third:hover, .btn--third:focus, .btn--third:active {
  background: #C70017;
  color: #FFAD00;
  border: 1px solid #FFAD00;
}
.btn--white {
  background: #FFFFFF;
  color: #C70017;
  border: 1px solid #FFFFFF;
}
.btn--white:hover, .btn--white:focus, .btn--white:active {
  background: transparent;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}
.btn--white-snd {
  background: #FFFFFF;
  color: #6BA43A;
  border: 1px solid #FFFFFF;
}
.btn--white-snd:hover, .btn--white-snd:focus, .btn--white-snd:active {
  background: transparent;
  color: #FFFFFF;
  border: 1px solid #FFFFFF;
}

.fil_arianne {
  border-top: solid 1px #EFEFEF;
}

.rank-math-breadcrumb {
  display: none;
}
@media (width > 768px) {
  .rank-math-breadcrumb {
    display: block;
  }
}
.rank-math-breadcrumb p {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
}
.rank-math-breadcrumb a, .rank-math-breadcrumb .last {
  font-size: 12px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  letter-spacing: 0.24px;
  color: #7E8C9F;
  text-decoration: none;
}
.rank-math-breadcrumb .last {
  color: #414B5A;
}
.rank-math-breadcrumb .separator {
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  color: transparent;
}
.rank-math-breadcrumb .separator::before {
  content: "";
  display: block;
  width: 16px;
  height: 16px;
  background-image: url("../images/chevron-main-right.png");
  background-position: center center;
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 1px;
  left: 0;
}

.fil_arianne--custom {
  position: absolute;
  width: 100%;
  z-index: 2;
}

.single-recette .rank-math-breadcrumb a, .single-recette .rank-math-breadcrumb .last {
  color: #FFFFFF;
}
.single-recette .rank-math-breadcrumb .separator::before {
  filter: grayscale(1) invert(1);
}

form {
  position: relative;
}
form label {
  color: #414B5A;
  font-weight: 500;
  font-size: 15px !important;
  margin-bottom: 0;
}
form input {
  border: 1px solid #666E5C;
  height: 40px;
  padding: 5px 0;
  color: #C70017;
  background: #6BA43A;
  display: block;
  width: 100%;
  margin: 13px 0 30px 0;
  border-radius: 5px;
  padding: 0 10px;
}
form input:focus {
  box-shadow: none;
  border-bottom: 1px solid #C70017;
  outline: none;
}
form input::placeholder {
  font-size: 15px;
  color: #6BA43A;
  transition: all 0.3s;
}
form input:focus::placeholder {
  font-size: 12px;
}
form input[type=checkbox] {
  width: 10%;
}
form input[type=radio] {
  height: 15px;
  display: inline;
  width: auto;
}
form textarea {
  border: 1px solid #666E5C;
  padding: 10px;
  color: #C70017;
  background: #6BA43A;
  display: block;
  width: 100%;
  margin: 13px 0 10px 0;
  border-radius: 5px;
  height: 100px;
}
form textarea::placeholder {
  color: #6BA43A;
  font-size: 15px;
  transition: all 0.3s;
}
form textarea:focus::placeholder {
  font-size: 14px;
}
form textarea:focus::placeholder {
  font-size: 15px;
}
form input[type=checkbox] {
  opacity: 0;
  position: absolute;
  z-index: -10000;
}
form:not(.wp-block-starter-form) label.checking {
  display: block;
  position: relative;
  padding-left: 30px;
  font-family: "Roboto", sans-serif;
  font-size: 15px;
  line-height: 20px;
  color: #414B5A;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  text-align: left;
  font-weight: 400;
}
form:not(.wp-block-starter-form) label.checking::before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #414B5A;
  position: absolute;
  left: 0;
  border-radius: 3px;
  top: 0px;
  opacity: 1;
  -webkit-transition: all 0.12s, border-color 0.08s;
  transition: all 0.12s, border-color 0.08s;
}
form:not(.wp-block-starter-form) input[type=checkbox]:checked ~ .checking::before {
  width: 10px;
  top: -2px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
form .message_success {
  position: absolute;
  top: 0;
  left: 0;
  margin: auto;
  z-index: 5;
  width: 100%;
  height: 100%;
  display: none;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: rgba(255, 255, 255, 0.7);
}
form .message_success p {
  color: #FFFFFF;
  font-size: 25px;
  font-weight: 700;
}
form .message_fail {
  display: none;
  color: red;
}

#burger {
  background-color: transparent;
  border: none;
  height: 64px;
  cursor: pointer;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding: 0;
  position: relative;
  z-index: 10;
  margin-top: -20px;
}
#burger.opened {
  z-index: 100000000000;
}
#burger .line {
  fill: none;
  stroke: #C70017;
  stroke-width: 4;
  transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}
#burger .line1 {
  stroke-dasharray: 60 207;
  stroke-width: 4;
}
#burger .line2 {
  stroke-dasharray: 60 60;
  stroke-width: 4;
}
#burger .line3 {
  stroke-dasharray: 60 207;
  stroke-width: 4;
}
#burger.opened .line1 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 4;
  stroke: #C70017;
}
#burger.opened .line2 {
  stroke-dasharray: 1 60;
  stroke-dashoffset: -30;
  stroke-width: 4;
  stroke: #C70017;
}
#burger.opened .line3 {
  stroke-dasharray: 90 207;
  stroke-dashoffset: -134;
  stroke-width: 4;
  stroke: #C70017;
}

.header {
  position: fixed;
  width: 100vw;
  left: 0;
  top: 0;
  z-index: 999;
}
.header::before {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% - 23px);
  background: #FFFFFF;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
@media screen and (min-width: 992px) {
  .header {
    background: transparent;
  }
  .header::before {
    height: calc(100% - 43px);
  }
}

.header__main-nav {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translateY(calc(100% - 24px));
  padding-block: 50px 40px;
  background: #FFFFFF;
  width: 100%;
  height: calc(100vh - 63px);
  padding-inline: 30px;
}
@media screen and (min-width: 992px) {
  .header__main-nav {
    position: static;
    background: transparent;
    transform: none;
    width: auto;
    padding: 0;
    height: auto;
  }
}
.header__main-nav .btn {
  margin-bottom: 10px;
}

.header__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 992px) {
  .header__list li {
    margin-bottom: 32px;
  }
}

.header__list__item {
  display: block;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 23px;
  letter-spacing: 0.32px;
  width: 100%;
  text-align: center;
  font-size: 16px;
  text-align: center;
  position: relative;
}
.header__list__item:not(.btn, .btn--connect, .btn--register) {
  padding-inline: 60px;
  transition: 0.3s;
  font-weight: 500;
  color: #414B5A;
  border-top: solid 1px #C70017;
  padding-block: 14px;
  transition: 0.3s;
}
.header__list__item.border-top-none {
  border-top: none;
}
@media screen and (min-width: 992px) {
  .header__list__item {
    text-align: start;
    margin-inline: 0;
    width: 100%;
    padding-inline: 0;
  }
  .header__list__item:not(.btn, .btn--connect, .btn--register) {
    padding-inline: 0;
    border: none;
    padding-block: 6px;
    margin-inline: 0;
  }
  .header__list__item:not(.btn, .btn--connect, .btn--register) span {
    position: relative;
  }
  .header__list__item:not(.btn, .btn--connect, .btn--register) span::before {
    content: "";
    display: block;
    width: 100%;
    height: 2px;
    background: #C70017;
    position: absolute;
    bottom: -4px;
    left: 0;
    opacity: 0;
    transition: 0.3s;
  }
  .header__list__item:not(.btn, .btn--connect, .btn--register):hover span::before, .header__list__item:not(.btn, .btn--connect, .btn--register):active span::before, .header__list__item:not(.btn, .btn--connect, .btn--register):focus span::before {
    opacity: 1;
    transition: 0.3s;
  }
}

.header__list__btns {
  width: calc(100% - 60px);
}
@media screen and (min-width: 992px) {
  .header__list__btns {
    margin-left: -46px;
    width: fit-content;
  }
}

.header__list__item--btn {
  padding: 12px 14px;
  border: solid 1px #C70017;
  border-radius: 24px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  position: relative;
  width: 100%;
  white-space: nowrap;
}
.header__list__item--btn.btn--connect {
  color: #C70017;
  margin-bottom: 12px;
}
.header__list__item--btn.btn--connect:hover, .header__list__item--btn.btn--connect:focus, .header__list__item--btn.btn--connect:active {
  background: #C70017;
  color: #FFFFFF;
  padding-right: 16px;
  z-index: 2;
}
.header__list__item--btn.btn--register {
  background: #C70017;
  color: #FFFFFF;
  position: relative;
  z-index: 1;
}
.header__list__item--btn.btn--register:hover, .header__list__item--btn.btn--register:focus, .header__list__item--btn.btn--register:active {
  background: #C70017;
  color: #FFFFFF;
}
@media screen and (min-width: 992px) {
  .header__list__item--btn {
    width: fit-content;
  }
  .header__list__item--btn.btn--connect {
    padding-right: 55px;
    transform: translateX(46px);
    margin-bottom: 0;
  }
}

@media screen and (min-width: 992px) {
  .header__list__btns:has(.btn--connect:hover) .btn--register {
    background: transparent;
    color: #C70017;
    padding-left: 52px;
  }
  .header__list__btns:has(.btn--register:hover) .btn--connect {
    background: transparent;
    color: #C70017;
  }
}
.footer {
  background: #C70017;
  padding-block: 31px 60px;
  position: relative;
  overflow: hidden;
}
.footer hr {
  height: 1px;
}
.footer .trait {
  width: 100%;
  height: 1px;
  background: #FFFFFF;
  position: relative;
}

.footer__top {
  padding-bottom: 30px;
}

.footer__bottom {
  padding-top: 30px;
}

.footer__btn {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .footer__btn {
    width: fit-content;
  }
}

.footer__nav {
  gap: 22px;
}

.footer__nav__item {
  color: #FFFFFF;
  transition: 0.3s;
  display: flex;
  align-items: center;
  gap: 7px;
}
.footer__nav__item::before {
  content: "";
  display: block;
  width: 7px;
  height: 13px;
  background: url("../images/chevron-right.png") no-repeat center center;
}
.footer__nav__item:hover, .footer__nav__item:active, .footer__nav__item:focus-within {
  opacity: 0.7;
  transition: 0.3s;
}

@media screen and (min-width: 992px) {
  .footer__bottom__socials .socials__link {
    transform: scale(1);
    transition: 0.3s;
  }
  .footer__bottom__socials .socials__link:hover, .footer__bottom__socials .socials__link:active, .footer__bottom__socials .socials__link:focus {
    transform: scale(1.1);
    transition: 0.3s;
  }
}

.common-separator {
  position: relative;
  margin-top: 30px;
}
.common-separator::before {
  content: "";
  display: block;
  width: 100%;
  height: 30px;
  background-image: url("../images/common-separator.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top left;
  position: absolute;
  top: -30px;
  left: 0;
}
@media screen and (min-width: 992px) {
  .common-separator {
    margin-top: 69px;
  }
  .common-separator::before {
    height: 69px;
    top: -69px;
  }
}

.produit__card:hover .btn--main-outline, .produit__card:active .btn--main-outline, .produit__card:focus-within .btn--main-outline {
  background: #C70017;
  color: #FFFFFF;
  border: 1px solid #C70017;
}

.produit__card__thumbnail a {
  height: 253px;
  width: 253px;
  margin: 0 auto;
}
.produit__card__thumbnail a img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.produit__card__content {
  padding-top: 52px;
  position: relative;
}
.produit__card__content::before {
  content: "";
  display: block;
  width: 1px;
  height: 43px;
  background-color: #C70017;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.post__card {
  border-radius: 30px;
  overflow: hidden;
  margin-bottom: 30px;
}
.post__card:hover, .post__card:focus-within, .post__card:active {
  cursor: pointer;
}
.post__card:hover .post__card__thumbnail img, .post__card:focus-within .post__card__thumbnail img, .post__card:active .post__card__thumbnail img {
  transform: scale(1.05);
  transition: transform 0.3s ease-in-out;
}
.post__card:hover .post__card__content .heading, .post__card:focus-within .post__card__content .heading, .post__card:active .post__card__content .heading {
  color: #C70017;
  transition: color 0.3s ease-in-out;
}
@media screen and (min-width: 992px) {
  .post__card {
    margin-bottom: 0;
  }
}

.post__card__thumbnail {
  border-radius: 30px;
  overflow: hidden;
  max-height: 252px;
}
.post__card__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1);
  transition: transform 0.3s ease-in-out;
}

.post__card__content {
  padding: 32px;
}
.post__card__content .heading {
  transition: color 0.3s ease-in-out;
}

.recette__card {
  border-radius: 30px;
  overflow: hidden;
  margin-bottom: 30px;
}
.recette__card:hover, .recette__card:focus-within, .recette__card:active {
  cursor: pointer;
}
.recette__card:hover .recette__card__thumbnail img, .recette__card:focus-within .recette__card__thumbnail img, .recette__card:active .recette__card__thumbnail img {
  transform: scale(1.05);
  transition: transform 0.3s ease-in-out;
}
.recette__card::before {
  content: "";
  display: block;
  width: 42px;
  height: 42px;
  background-image: url("../images/arrow-external.png");
  background-size: 20px 20px;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 3;
  background-color: #FFFFFF;
  border-radius: 100%;
}
@media screen and (min-width: 992px) {
  .recette__card {
    margin-bottom: 0;
  }
}

.recette__card__thumbnail {
  border-top-left-radius: 30px;
  border-top-right-radius: 30px;
  overflow: hidden;
  height: 300px;
}
.recette__card__thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  transform: scale(1) 5;
  transition: transform 0.3s ease-in-out;
}

.recette__card__content {
  padding: 32px;
  border-radius: 30px;
  margin-top: -40px;
  background: #FFFFFF;
  position: relative;
  z-index: 4;
}

.hero {
  position: relative;
  padding-block: 80px;
  background: #C70017;
}
.hero::before {
  content: "";
  display: block;
  width: 85%;
  height: 100%;
  background: linear-gradient(88deg, #C30011 56.97%, rgba(195, 0, 17, 0) 99%);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.hero::after {
  content: "";
  display: block;
  width: 59%;
  height: 100%;
  background-image: url("../images/home-entete-bkg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: left center;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
@media screen and (min-width: 576px) {
  .hero::before {
    width: 59%;
  }
}
@media screen and (min-width: 992px) {
  .hero {
    padding-block: 132px 182px;
  }
}
@media screen and (min-width: 1921px) {
  .hero::before {
    width: 70%;
  }
}

.hero__bkg {
  position: absolute;
  top: 0;
  right: calc(50% - 640px);
  height: 100%;
  overflow: hidden;
  z-index: 1;
}
.hero__bkg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
@media screen and (min-width: 576px) {
  .hero__bkg {
    right: calc(50% - 780px);
  }
}
@media screen and (min-width: 992px) {
  .hero__bkg {
    right: calc(50% - 960px);
  }
}
@media screen and (min-width: 1921px) {
  .hero__bkg {
    right: 0;
  }
}

.hero__content {
  padding-top: 69px;
  position: relative;
  z-index: 5;
}
.hero__content::before {
  content: "";
  display: block;
  width: 122px;
  height: 122px;
  background-image: url("../images/home-entete-deco.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 0;
  left: -73px;
}

.produits {
  padding-block: 40px 75px;
  background-image: url("../images/home-produits-bkg.png");
  background-repeat: repeat;
  background-position: center top;
}
@media screen and (min-width: 992px) {
  .produits {
    padding-block: 96px 75px;
  }
}

.produits__title {
  position: relative;
  z-index: 3;
  padding-top: 42px;
}
.produits__title::before {
  content: "";
  display: block;
  width: 251px;
  height: 30px;
  background-image: url("../images/deco-titre-dessus.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.produits__carousel {
  position: relative;
  z-index: 2;
}
.produits__carousel::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/home-produits-deco.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -30%);
  z-index: -1;
}
@media screen and (min-width: 1400px) {
  .produits__carousel::before {
    width: calc(100% + 100px);
  }
}

.swiper-produits-prev, .swiper-produits-next {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background: #C70017;
  display: flex;
  align-items: center;
  position: static;
  justify-content: center;
  margin-top: 0;
  flex-shrink: 0;
}
.swiper-produits-prev::after, .swiper-produits-next::after {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url("../images/chevron-white.png");
}
@media screen and (min-width: 1400px) {
  .swiper-produits-prev, .swiper-produits-next {
    position: absolute;
  }
}

.swiper-produits-prev {
  left: -60px;
}
@media screen and (min-width: 1400px) {
  .swiper-produits-prev {
    transform: translateX(-100%);
  }
}

.swiper-produits-next {
  right: -60px;
}
.swiper-produits-next::after {
  transform: rotate(180deg);
}
@media screen and (min-width: 1400px) {
  .swiper-produits-next {
    transform: translateX(100%);
  }
}

.swiper-produits-pagination {
  position: static;
  margin-top: 23px;
}

.swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  border: solid 1px #C70017;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #C70017;
}

.actualites {
  padding-block: 0px 75px;
  position: relative;
  background: #6BA43A;
}
.actualites::before {
  content: "";
  display: block;
  width: 100%;
  height: 339px;
  background-image: url("../images/home-actualites-bkg.png");
  background-color: #FFFFFF;
  background-repeat: repeat;
  background-position: center top;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}
.actualites::after {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% - 339px);
  background-image: url("../images/home-actualites-portrait.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .actualites .container::before {
    content: "";
    display: block;
    width: 200px;
    height: 200px;
    background-image: url("../images/home-actus-deco.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 33px;
    transform: translateX(50%);
  }
}
@media screen and (min-width: 992px) {
  .actualites::after {
    height: calc(100% - 339px);
    background-image: url("../images/home-actualites-deco.png");
  }
  .actualites .container::before {
    width: 349px;
    height: 349px;
  }
}

.actualites__title {
  position: relative;
  padding-bottom: 42px;
  margin-bottom: 61px;
}
.actualites__title::before {
  content: "";
  display: block;
  width: 251px;
  height: 30px;
  background-image: url("../images/deco-titre-dessus.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
}

.marque {
  padding-block: 0px 40px;
  background-image: url("../images/home-marque-bkg.jpg");
}
@media screen and (min-width: 768px) {
  .marque {
    padding-block: 0px 141px;
  }
}
@media screen and (min-width: 992px) {
  .marque {
    padding-block: 153px 141px;
  }
}

.marque__illus {
  margin-bottom: 40px;
}
@media screen and (min-width: 992px) {
  .marque__illus {
    margin-bottom: 0;
    position: absolute;
    top: 153px;
    left: calc(50% - 960px);
  }
}

.marque__content {
  position: relative;
}
@media screen and (min-width: 576px) {
  .marque__content {
    padding-left: 100px;
  }
  .marque__content::before {
    content: "";
    display: block;
    width: 26px;
    height: 132px;
    background-image: url("../images/titre-deco-left.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    left: 20px;
  }
}

.reassurances {
  margin-top: 55px;
}
@media screen and (min-width: 992px) {
  .reassurances {
    margin-top: 135px;
  }
}

.reassurances__item {
  padding-block: 19px;
  border-bottom: solid 1px #C70017;
  text-align: center;
  height: 100%;
}
.reassurances__item.reassurances__item--1 {
  border-top: solid 1px #C70017;
}
@media screen and (min-width: 576px) {
  .reassurances__item {
    text-align: start;
  }
  .reassurances__item.reassurances__item--2 {
    border-top: solid 1px #C70017;
  }
}
@media screen and (min-width: 992px) {
  .reassurances__item {
    border-top: solid 1px #C70017;
  }
}

.reassurances__item__icon {
  margin-bottom: 20px;
  width: fit-content;
  margin-inline: auto;
}
@media screen and (min-width: 576px) {
  .reassurances__item__icon {
    margin-inline: 0;
  }
}

.savoir-faire {
  position: relative;
  overflow: hidden;
  padding-block: 40px 0;
}
.savoir-faire::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -2;
  background: #6BA43A;
}
.savoir-faire::after {
  content: "";
  display: block;
  width: 1014px;
  height: 1410px;
  background-image: url("../images/motif-charte.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 50%;
  left: calc(50% - 786px);
  transform: translateY(-50%);
  z-index: -1;
}
@media screen and (min-width: 1200px) {
  .savoir-faire {
    margin-top: -56px;
    padding-block: 0;
  }
  .savoir-faire::before {
    height: calc(100% - 56px);
  }
}

.savoir-faire__image {
  width: fit-content;
}

.savoir-faire__content {
  margin-top: 30px;
}
@media screen and (min-width: 1200px) {
  .savoir-faire__content {
    padding-left: 92px;
    position: relative;
  }
  .savoir-faire__content::before {
    content: "";
    display: block;
    width: 25px;
    height: 399px;
    position: absolute;
    top: 0;
    left: 20px;
    background-image: url("../images/home-savoir-faire-deco.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
  }
}

.photos__item {
  height: 349px;
  overflow: hidden;
}
.photos__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.entete-produit {
  padding-block: 40px;
  background-image: url("../images/produit-entete-bkg.png");
  background-repeat: repeat;
  background-position: top center;
}
@media screen and (min-width: 992px) {
  .entete-produit {
    padding-block: 100px 84px;
  }
}

.entete-produit__left {
  position: relative;
  z-index: 2;
  height: 100%;
}
.entete-produit__left::before {
  content: "";
  display: block;
  width: calc(100% + 120px);
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background-image: url("../images/produit-entete-deco.png");
  background-repeat: no-repeat;
  background-position: top 50px left 50%;
  background-size: contain;
  z-index: -1;
}

.entete-produit__label {
  max-width: 120px;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 992px) {
  .entete-produit__label {
    max-width: unset;
  }
}

.entete-produit__label--viande {
  margin-left: 70px;
}
@media screen and (min-width: 992px) {
  .entete-produit__label--viande {
    margin-left: 110px;
  }
}

.entete-produit__label--halal {
  margin-top: -40px;
}
@media screen and (min-width: 992px) {
  .entete-produit__label--halal {
    margin-top: -90px;
    margin-left: -40px;
  }
}

.entete-produit__photo {
  width: fit-content;
}

.entete-produit__description {
  display: none;
}

.entete-produit__info {
  padding-block: 13px;
  border-top: 1px solid #C70017;
}
.entete-produit__info:last-of-type {
  border-bottom: 1px solid #C70017;
}
.entete-produit__info p {
  margin: 0;
}

.entete-produit__photo {
  margin-top: -70px;
}
@media screen and (min-width: 992px) {
  .entete-produit__photo {
    margin-top: -90px;
  }
}

.entete-produit__info-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 31px;
  height: 31px;
  border-radius: 100%;
  background: #C70017;
}

.labels {
  padding-bottom: 100px;
  background-image: url("../images/produit-label-bkg.png");
  background-repeat: repeat;
  background-position: center top;
}

.labels__header {
  position: relative;
  padding-bottom: 42px;
  margin-bottom: 61px;
}
.labels__header::before {
  content: "";
  display: block;
  width: 251px;
  height: 30px;
  background-image: url("../images/deco-titre-dessus.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
}

.labels__item-wrapper {
  padding-block: 50px 30px;
}
@media screen and (min-width: 992px) {
  .labels__item-wrapper {
    border-top: 1px solid #C70017;
    border-bottom: 1px solid #C70017;
    position: relative;
  }
  .labels__item-wrapper::before {
    content: "";
    display: block;
    width: 1px;
    height: calc(100% - 40px);
    background: #C70017;
    position: absolute;
    top: 20px;
    left: 50%;
  }
}

.labels__item-icon {
  flex-shrink: 0;
}

.recettes--produit.recettes {
  position: relative;
}
.recettes--produit.recettes::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../images/pattern.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 0;
  opacity: 0.15;
}
.recettes--produit.recettes::after {
  display: none;
}
.recettes--produit.recettes .recettes__title {
  padding-block: 42px;
}
.recettes--produit.recettes .recettes__title::after {
  content: "";
  display: block;
  width: 251px;
  height: 30px;
  background-image: url("../images/deco-titre-dessus-blanc.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%) rotate(180deg);
}

.produits--list.produits {
  background-image: url("../images/produit-liste-bkg.png");
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: cover;
}

.reassurances--produit {
  padding-block: 95px;
  margin-top: 0;
  background-image: url("../images/produit-reassurance-bkg.png");
  background-repeat: repeat;
  background-position: top center;
}

.reassurances__title {
  position: relative;
  padding-top: 42px;
  margin-bottom: 61px;
}
.reassurances__title::before {
  content: "";
  display: block;
  width: 251px;
  height: 30px;
  background-image: url("../images/deco-titre-dessus.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
}

.contenu-seo {
  position: relative;
}
.contenu-seo .container::before {
  content: "";
  display: block;
  width: 108px;
  height: 108px;
  background-image: url("../images/star-seo.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 130px;
  left: calc(50% - 6px);
  transform: translateX(-50%);
}
@media screen and (min-width: 992px) {
  .contenu-seo::after {
    content: "";
    display: block;
    width: 50%;
    height: 100%;
    background-image: url("../images/produit-seo-deco.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 0;
    right: 0;
  }
}

.contenu-seo__photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contenu-seo__content {
  margin-block: 3rem;
}
@media screen and (min-width: 992px) {
  .contenu-seo__content {
    margin-block: 100px;
  }
}
@media screen and (min-width: 1200px) {
  .contenu-seo__content {
    position: relative;
  }
  .contenu-seo__content::before {
    content: "";
    display: block;
    width: 25px;
    height: 399px;
    position: absolute;
    top: 0;
    left: -72px;
    background-image: url("../images/home-savoir-faire-deco.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
  }
}

.entete-recette {
  padding-block: 70px;
  position: relative;
}
@media screen and (min-width: 992px) {
  .entete-recette {
    padding-block: 128px 170px;
  }
  .entete-recette::after {
    content: "";
    display: block;
    width: 38%;
    height: 100%;
    background-image: url("../images/recette-entete-bkg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: left center;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
  }
}

.entete-recette__sur-titre {
  color: #FFD100;
}

.entete-recette__info-icon {
  width: 28px;
  height: 28px;
  padding: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  border-radius: 100%;
  background: #FFFFFF;
}
@media screen and (min-width: 768px) {
  .entete-recette__info-icon {
    width: 38px;
    height: 38px;
    padding: 0;
  }
}

.entete-recette__produit {
  padding: 16px;
  border-radius: 24px;
  align-items: center;
  margin-top: 37px;
}

.recette__produit-thumbnail {
  max-width: 170px;
  transform: rotate(-15deg);
}

.recette__produit-info {
  width: fit-content;
}
@media screen and (min-width: 992px) {
  .recette__produit-info {
    width: 100%;
  }
}

.entete-recette__photo-wrapper {
  position: relative;
  margin-top: 50px;
}
.entete-recette__photo-wrapper::before {
  content: "";
  display: block;
  width: calc(100% + 162px);
  height: calc(100% + 214px);
  background-image: url("../images/recette-entete-deco.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
  margin-top: 0;
}
@media screen and (min-width: 992px) {
  .entete-recette__photo-wrapper {
    margin-top: 0;
  }
}

.entete-recette__photo {
  overflow: hidden;
  padding-block: 48px;
  position: relative;
}
.entete-recette__photo::before, .entete-recette__photo::after {
  content: "";
  display: block;
  height: 25px;
  width: 362px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../images/recette-photo-deco.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}
.entete-recette__photo::after {
  top: unset;
  bottom: 0;
}
.entete-recette__photo img {
  border-radius: 10px;
}

.recette-details {
  padding-block: 60px;
  background-image: url("../images/recette-details-bkg.png");
  background-repeat: repeat;
  background-position: center center;
  position: relative;
}
@media screen and (min-width: 992px) {
  .recette-details {
    padding-block: 140px;
  }
  .recette-details::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-image: url("../images/recette-details-deco.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: right center;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 0;
  }
}

.recette-details__ingredients {
  padding: 40px 68px;
  border: solid 1px #C70017;
  border-radius: 24px;
}

.recette-details__ingredient {
  position: relative;
  display: flex;
  gap: 12px;
  cursor: pointer;
}
.recette-details__ingredient:not(:last-of-type) {
  margin-bottom: 15px;
}
.recette-details__ingredient::before {
  content: "";
  display: block;
  width: 22px;
  height: 22px;
  outline: solid 1px #C70017;
  border-radius: 3px;
  transition: 0.3s;
  flex-shrink: 0;
}
.recette-details__ingredient.checked {
  text-decoration: line-through;
}
.recette-details__ingredient.checked::before {
  background: #C70017;
  border: solid 4px #FFFFFF;
  transition: 0.3s;
}

.recette-details__etape {
  gap: 46px;
}
.recette-details__etape:not(:last-of-type) {
  position: relative;
}
.recette-details__etape:not(:last-of-type)::before {
  content: "";
  display: block;
  width: 1px;
  height: calc(100% - 51px);
  background: #C70017;
  position: absolute;
  bottom: 0;
  left: 25px;
}

.recette-details__etape-numbering {
  width: 51px;
  height: 51px;
  border-radius: 100%;
  border: solid 1px #C70017;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: 28px;
  font-weight: 300;
  letter-spacing: -0.28px;
  color: #C70017;
}

.recette-details__produit {
  margin-block: 0 31px;
}
.recette-details__produit::before {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-image: url("../images/recette-entete-deco.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.recette-details__produit .recette__produit-thumbnail {
  max-width: 125px;
  margin-left: 13px;
}

.recettes {
  padding-block: 66px 50px;
  position: relative;
}
.recettes::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-image: url("../images/recette-slider-bkg.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 0;
}
@media screen and (min-width: 992px) {
  .recettes {
    padding-block: 66px 102px;
  }
}

.recettes__title {
  position: relative;
  padding-bottom: 42px;
}
.recettes__title::before {
  content: "";
  display: block;
  width: 251px;
  height: 30px;
  background-image: url("../images/deco-titre-dessus-blanc.png");
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}

.swiper-recettes-prev, .swiper-recettes-next {
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background: #FFFFFF;
  display: flex;
  align-items: center;
  position: static;
  justify-content: center;
  margin-top: 0;
  flex-shrink: 0;
}
.swiper-recettes-prev::after, .swiper-recettes-next::after {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url("../images/chevron-main.png");
}
@media screen and (min-width: 1400px) {
  .swiper-recettes-prev, .swiper-recettes-next {
    position: absolute;
  }
}

.swiper-recettes-prev {
  left: -60px;
}
@media screen and (min-width: 1400px) {
  .swiper-recettes-prev {
    transform: translateX(-100%);
  }
}

.swiper-recettes-next {
  right: -60px;
}
.swiper-recettes-next::after {
  transform: rotate(180deg);
}
@media screen and (min-width: 1400px) {
  .swiper-recettes-next {
    transform: translateX(100%);
  }
}

.swiper-recettes-pagination {
  position: static;
  margin-top: 23px;
}

.swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  border: solid 1px #FFFFFF;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #FFFFFF;
}

.reassurances--recettes {
  padding-block: 50px;
  background-image: url("../images/recette-details-bkg.png");
  background-repeat: repeat;
  background-position: center center;
}
@media screen and (min-width: 992px) {
  .reassurances--recettes {
    padding-block: 88px 111px;
  }
}

.post-template-template-jeu-ramadan .game-header {
  height: 258px;
  max-height: 258px;
  background-size: contain;
  background-repeat: repeat;
  background-image: url("../images/jeu-ramadan/bg-header.png");
  border-bottom: 11px solid #6BA43A;
  position: relative;
  overflow: visible;
}
.post-template-template-jeu-ramadan .game-header__logo {
  max-width: 380px;
  max-height: 204px;
  z-index: 4;
}
@media screen and (min-width: 992px) {
  .post-template-template-jeu-ramadan .game-header::before {
    content: "";
    position: absolute;
    background-image: url("../images/jeu-ramadan/100-pour-100-gagnant.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 491px;
    height: 536px;
    top: -100px;
    left: -110px;
    z-index: 1;
  }
}
.post-template-template-jeu-ramadan .game-hero {
  height: 924px;
  position: relative;
}
.post-template-template-jeu-ramadan .game-hero::before {
  content: "";
  position: absolute;
  inset: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../images/jeu-ramadan/bg-hero.png");
  filter: brightness(0.75);
  z-index: 0;
  pointer-events: none;
}
.post-template-template-jeu-ramadan .game-hero__logo-wrapper {
  position: absolute;
  display: flex;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 30px;
  padding: 84px 32px 34px 33px;
  width: fit-content;
  margin-top: -92px;
  z-index: 3;
}
.post-template-template-jeu-ramadan .game-hero__logo-wrapper::before {
  content: "";
  width: calc(100% + 22px);
  height: 103px;
  position: absolute;
  top: -11px;
  left: -11px;
  right: 0;
  background-color: #6BA43A;
  border-top-left-radius: 35px;
  border-top-right-radius: 35px;
  z-index: -1;
}
.post-template-template-jeu-ramadan .game-hero__logo-wrapper::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #FFFFFF;
  border-radius: 30px;
  z-index: 1;
}
.post-template-template-jeu-ramadan .game-hero__logo {
  position: relative;
  z-index: 2;
}
.post-template-template-jeu-ramadan .game-hero__content {
  padding-bottom: 8.75rem;
}
.post-template-template-jeu-ramadan .game-hero__title {
  white-space: nowrap;
  font-family: "Barlow Condensed", sans-serif;
  line-height: clamp(2.125rem, 1.8224rem + 1.3084vw, 3rem);
  position: relative;
  z-index: 2;
}
.post-template-template-jeu-ramadan .game-hero__btn {
  display: flex;
  gap: 10px;
  cursor: pointer;
  padding: 12px 20px;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  background-color: #FFAD00;
  border-radius: 24px;
  color: #C70017;
  width: fit-content;
  transition: all 0.3s ease-in-out;
  position: relative;
  z-index: 2;
}
.post-template-template-jeu-ramadan .game-hero__btn svg {
  transition: all 0.3s ease-in-out;
}
.post-template-template-jeu-ramadan .game-hero__btn:hover, .post-template-template-jeu-ramadan .game-hero__btn:focus, .post-template-template-jeu-ramadan .game-hero__btn:active {
  background-color: #C70017;
  color: #FFAD00;
}
.post-template-template-jeu-ramadan .game-hero__btn:hover svg path, .post-template-template-jeu-ramadan .game-hero__btn:focus svg path, .post-template-template-jeu-ramadan .game-hero__btn:active svg path {
  fill: #FFAD00;
}
.post-template-template-jeu-ramadan .game-hero__qrcode-wrapper {
  position: relative;
}
.post-template-template-jeu-ramadan .game-hero__qrcode-wrapper::before {
  content: "";
  position: absolute;
  display: block;
  background-image: url("../images/jeu-ramadan/deco-qrcode.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 117px;
  height: 59px;
  top: -40px;
  left: -20px;
}
.post-template-template-jeu-ramadan .game-play {
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../images/jeu-ramadan/bg-jouez.png");
  padding-block: 3rem 3rem;
}
.post-template-template-jeu-ramadan .game-play .swiper {
  padding-left: 2rem;
  padding-block: 5rem 5rem;
  overflow: hidden;
  width: 100%;
}
.post-template-template-jeu-ramadan .game-play__carrousel .swiper-wrapper {
  display: flex;
  gap: 16px;
}
.post-template-template-jeu-ramadan .game-play__carrousel .swiper-slide {
  width: auto;
  flex-shrink: 0;
}
.post-template-template-jeu-ramadan .game-play__content {
  margin-top: 8rem;
  position: relative;
  white-space: nowrap;
}
.post-template-template-jeu-ramadan .game-play__content::before {
  content: "";
  position: absolute;
  display: block;
  background-image: url("../images/jeu-ramadan/deco-before.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 190px;
  height: 190px;
  top: -85px;
  left: -100px;
}
.post-template-template-jeu-ramadan .game-play__title {
  font-family: "Barlow Condensed";
  font-size: clamp(3rem, 2.375rem + 2.451vw, 5.125rem);
  line-height: clamp(3.375rem, 2.687rem + 2.7vw, 5.75rem);
  font-style: normal;
  font-weight: 800;
  letter-spacing: 2.46px;
  text-transform: uppercase;
  margin-bottom: 23px;
  white-space: nowrap;
}
.post-template-template-jeu-ramadan .game-play__image-wrapper {
  background-color: #FFFFFF;
  border: 16px solid #6BA43A;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 328px;
  height: 328px;
  min-width: 328px;
  min-height: 328px;
  flex-shrink: 0;
}
.post-template-template-jeu-ramadan .game-play__image-wrapper:nth-child(1) {
  transform: rotate(-3.9deg);
}
.post-template-template-jeu-ramadan .game-play__image-wrapper:nth-child(2) {
  transform: rotate(5.277deg);
}
.post-template-template-jeu-ramadan .game-play__image-wrapper:nth-child(3) {
  transform: rotate(-3.9deg);
}
.post-template-template-jeu-ramadan .game-play__image-wrapper:nth-child(4) {
  transform: rotate(5.277deg);
}
.post-template-template-jeu-ramadan .game-play__image-wrapper:nth-child(4)::before {
  content: "";
  position: absolute;
  display: block;
  background-image: url("../images/jeu-ramadan/deco-100-gagnant.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 206px;
  height: 206px;
  top: -95px;
  left: 0;
  transform: translateX(-75%);
  z-index: 3;
}
@media screen and (min-width: 992px) {
  .post-template-template-jeu-ramadan .game-play .swiper {
    padding-block: 8rem 8rem;
  }
  .post-template-template-jeu-ramadan .game-play__carrousel .swiper-wrapper {
    margin-right: -60px;
  }
}
.post-template-template-jeu-ramadan .separator {
  height: 69px;
  width: 100%;
  background-image: url("../images/jeu-ramadan/separator.png");
  background-repeat: repeat;
  background-size: contain;
}
.post-template-template-jeu-ramadan .game-products {
  padding-block: 9rem 8.4rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../images/jeu-ramadan/bg-produits.png");
}
.post-template-template-jeu-ramadan .game-products__btn {
  display: flex;
  gap: 10px;
  cursor: pointer;
  padding: 12px 20px;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  background-color: #FFFFFF;
  border: 1px solid #FFFFFF;
  border-radius: 24px;
  color: #6BA43A;
  width: fit-content;
  transition: all 0.3s ease-in-out;
}
.post-template-template-jeu-ramadan .game-products__btn svg {
  transition: all 0.3s ease-in-out;
}
.post-template-template-jeu-ramadan .game-products__btn:hover, .post-template-template-jeu-ramadan .game-products__btn:focus, .post-template-template-jeu-ramadan .game-products__btn:active {
  border: 1px solid #FFFFFF;
  background-color: transparent;
  color: #FFFFFF;
}
.post-template-template-jeu-ramadan .game-products__btn:hover svg path, .post-template-template-jeu-ramadan .game-products__btn:focus svg path, .post-template-template-jeu-ramadan .game-products__btn:active svg path {
  fill: #FFFFFF;
}
.post-template-template-jeu-ramadan .game-brand {
  padding-block: 8rem 8rem;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url("../images/jeu-ramadan/bg-jouez.png");
}
.post-template-template-jeu-ramadan .game-brand__images {
  flex-direction: column;
}
.post-template-template-jeu-ramadan .game-brand__image {
  flex: 1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  min-width: 0;
}
.post-template-template-jeu-ramadan .game-brand__content {
  margin-left: 120px;
  position: relative;
}
.post-template-template-jeu-ramadan .game-brand__content::before {
  content: "";
  position: absolute;
  display: block;
  background-image: url("../images/jeu-ramadan/deco-marque.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 26px;
  height: 132px;
  top: 0;
  left: -52px;
}
.post-template-template-jeu-ramadan .game-brand__btn {
  display: flex;
  gap: 10px;
  cursor: pointer;
  padding: 12px 20px;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  background-color: transparent;
  border: 1px solid #C70017;
  border-radius: 24px;
  color: #C70017;
  width: fit-content;
  transition: all 0.3s ease-in-out;
}
.post-template-template-jeu-ramadan .game-brand__btn:hover, .post-template-template-jeu-ramadan .game-brand__btn:focus, .post-template-template-jeu-ramadan .game-brand__btn:active {
  border: 1px solid #C70017;
  background-color: #C70017;
  color: #FFFFFF;
}
.post-template-template-jeu-ramadan .game-brand__excerpt, .post-template-template-jeu-ramadan .game-brand__description {
  width: 90%;
}
@media screen and (min-width: 992px) {
  .post-template-template-jeu-ramadan .game-brand__images {
    flex-direction: row;
  }
}
.post-template-template-jeu-ramadan .footer {
  position: relative;
  z-index: 1;
  overflow: visible;
  padding-block: 6rem 2.8rem;
}
.post-template-template-jeu-ramadan .footer::before {
  content: "";
  position: absolute;
  background-image: url("../images/jeu-ramadan/logo-al-qassab.png");
  background-repeat: no-repeat;
  background-size: contain;
  width: 209px;
  height: 146px;
  top: 0;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  z-index: 1;
}
.post-template-template-jeu-ramadan .footer__separator {
  margin-block: 20px;
  width: 54px;
  height: 1px;
  background-color: #FFFFFF;
}
.post-template-template-jeu-ramadan .footer__link:hover, .post-template-template-jeu-ramadan .footer__link:focus, .post-template-template-jeu-ramadan .footer__link:active {
  text-decoration: underline;
}

.gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).btn.btn--main {
  appearance: none;
  --webkit-appearance: none;
  --moz-webkit-appearance: none;
  border: none;
  background: unset;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  cursor: pointer;
  padding: 12px 20px;
  border-radius: 24px;
  transition: 0.3s;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: normal;
  text-transform: uppercase;
  margin-inline: auto;
  width: fit-content;
  background: #C70017;
  color: white;
  border: 1px solid #C70017;
}
@media screen and (min-width: 768px) {
  .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).btn.btn--main {
    margin-inline: 0;
  }
}
.gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]).button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):active, .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):hover, .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):focus, .gform-theme.gform-theme--framework.gform_wrapper input:is([type=submit], [type=button], [type=reset]):where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)):active, .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).btn.btn--main:hover, .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).btn.btn--main:focus, .gform-theme.gform-theme--framework.gform_wrapper input[type=submit].button.gform_button:where(:not(.gform-theme-no-framework):not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)).btn.btn--main:active {
  transition: 0.3s;
  background: transparent;
  color: #C70017;
  border: 1px solid #C70017;
}

.gform-theme--framework input[type]:where(:not(.gform-text-input-reset):not([type=hidden])):where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)), .gform-theme--framework textarea:where(:not(.gform-theme__disable):not(.gform-theme__disable *):not(.gform-theme__disable-framework):not(.gform-theme__disable-framework *)) {
  border-radius: 24px !important;
}

html {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth;
  overflow-x: hidden;
}

body {
  margin: 0;
  padding: 0;
  position: relative;
  overflow-x: hidden;
  word-wrap: break-word;
}

*:not(.clickable-parent, .wp-block-welko-latest-produits__post-title, .wp-block-welko-latest-recettes__post-title, .wp-block-welko-latest-posts__post-title)::before, *:not(.clickable-parent, .wp-block-welko-latest-produits__post-title, .wp-block-welko-latest-recettes__post-title, .wp-block-welko-latest-posts__post-title)::after {
  pointer-events: none;
}

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