@font-face {
  font-family: 'appetite';
  src: url('../fonts/AppetitePro.woff2') format('woff2'),
    url('../fonts/AppetitePro.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'appetitemedium';
  src: url('../fonts/AppetiteProMedium.woff2') format('woff2'),
    url('../fonts/AppetiteProMedium.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'appetitebold';
  src: url('../fonts/AppetiteProBold.woff2') format('woff2'),
    url('../fonts/AppetiteProBold.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

#stickyFilters {
  display: none;
}

h1,
h2,
p {
  line-height: 1;
}

h1:not(.s_title_block),
h2:not(.s_title_block) {
  letter-spacing: 0.15rem;
}

#center_column {
  position: relative;
  padding: 0 15px;
}

/* .content-product-list {
    padding: 0 15px;
} */

.row {
  margin-left: 0;
  margin-right: 0;
}

.step-1-container,
.step-2-container,
.step-3-container,
.step-4-container,
.step-5-container {
  position: absolute;
  top: -5000px;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}

.pdc-text.without-img,
.step-1-container.visible,
.step-2-container.visible,
.step-3-container.visible,
.step-4-container.visible {
  height: 100%;
  min-height: 560px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-size: cover !important;
  top: 0;
}

.step-5-container.visible {
  height: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  background-size: auto;
  top: 0;
}

.prev-step-button {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  margin: 10px 50px;
  font-family: 'appetite', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  font-size: 1em;
  cursor: pointer;
}

.prev-step-button::before {
  content: '';
  position: absolute;
  background: url('../images/fais-ton-coffret/arrow-left.png') top left no-repeat;
  top: -2px;
  left: -40px;
  width: 50px;
  height: 30px;
  background-size: 50%;
}

.step-1-container.visible {
  background: url('../images/fais-ton-coffret/fond_02_1170x658px.jpg') top left no-repeat;
}

.step-2-container.visible {
  background: url('../images/fais-ton-coffret/fond_03_1170x658px.jpg') top left no-repeat;
}

.step-3-container.visible {
  background: url('../images/fais-ton-coffret/fond_04_1170x658px.jpg') top left no-repeat;
}

.step-4-container.visible {
  background: url('../images/fais-ton-coffret/fond_01_1170x658px.jpg') top left no-repeat;
}

.step-5-container.visible {
  background: url('../images/fais-ton-coffret/fond_retour_1170x658px') top left no-repeat;
}

.pdc-text.without-img {
  background: url('../images/fais-ton-coffret/fond_01_1170x658px.jpg') top left no-repeat;
}

.pdc-text.without-img .pdc-buttons {
  display: none;
}

.pdc-text.without-img .pdc-title,
.pdc-text.without-img .pdc-desc,
.step-one-title,
.step-two-title,
.step-three-title,
.step-four-title,
.step-five-title,
.step-one-content,
.step-two-content,
.step-three-content,
.step-four-content,
.step-five-content {
  margin: 0;
  flex-basis: 30%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 50%;
}

.page-desc-custom .pdc-text .pdc-title,
.step-one-title,
.step-two-title,
.step-three-title,
.step-four-title {
  font-family: 'appetitemedium', Arial, Helvetica, sans-serif;
  font-size: 30px;
  text-align: center;
  text-transform: none;
  padding: 25px 0 0;
}

.step-five-title {
  font-family: 'appetitemedium', Arial, Helvetica, sans-serif;
  font-size: 30px;
  text-align: center;
  text-transform: none;
  padding: 10px 0 0;
}

.title-enhancer {
  font-size: 50px;
}

.step-five-title .title-enhancer {
  font-size: 35px;
}

.pdc-text.without-img .pdc-desc,
.step-one-content,
.step-two-content,
.step-three-content,
.step-four-content,
.step-five-content {
  align-items: center;
  font-family: 'appetite', Arial, Helvetica, sans-serif;
}

.pdc-text.without-img .pdc-desc h2,
.step-one-content h2,
.step-two-content h2,
.step-three-content h2,
.step-four-content h2,
.step-five-content h2 {
  font-family: 'appetite', Arial, Helvetica, sans-serif;
  color: #fff;
  background: url('../images/fais-ton-coffret/galet.png') center no-repeat;
  background-size: 80%;
  text-align: center;
  font-size: 20px;
  font-weight: 300;
  margin: 10px 20px;
  padding: 2em 1em 1.2em;
  max-width: 350px;
}

.step-one-content h2,
.step-two-content h2,
.step-three-content h2,
.step-four-content h2,
.step-five-content h2 {
  text-transform: uppercase;
  background-size: 100%;
  padding: 1em;
}

.pdc-text.without-img .pdc-desc .pdc-text-content,
.text-description {
  font-family: 'appetite', Arial, Helvetica, sans-serif;
  margin: 0 20px 20px;
  font-size: 15px;
  text-align: center;
}

.text-description {
  font-family: 'appetitebold', Arial, Helvetica, sans-serif;
}

.pdc-text.without-img .pdc-desc .pdc-text-button,
.next-step-button {
  margin: 20px;
  font-size: 25px;
  text-transform: uppercase;
  background-color: #000;
  color: #fff;
  padding: 20px 30px;
  cursor: pointer;
  text-align: center;
  display: block;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.step-five-content .next-step-button {
  font-size: 15px;
  margin: 10px;
}

.next-step-button.disabled {
  background-color: rgba(0, 0, 0, 0.7);
  cursor: default;
  display: none;
  opacity: 0;
  transition: opacity 0.3s ease;
}

.pdc-text.without-img .pdc-desc .pdc-text-legal {
  position: absolute;
  bottom: 0;
}

.hidden {
  /* display: none; */
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease;
}

.visible {
  /* display: block; */
  opacity: 1;
  visibility: visible;
  transition: opacity 0.3s ease;
}

.choice-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-transform: uppercase;
  font-size: 2em;
  text-align: center;
}

.choice-container p[class*='-choice'] {
  border: 2px solid #fabca3;
  white-space: nowrap;
  margin: 10px 0;
  cursor: pointer;
  padding: 20px 0;
  min-width: 250px;
  font-size: 20px;
}

.choice-container p[class*='-choice'].selected {
  background-color: #fabca3;
  color: #fff;
}

.choice-container p[class*='-choice'].unavailable {
  background-color: #e7e7e7;
  border-color: #e7e7e7;
  color: #b5b5b5;
  cursor: default;
}

.choice-container p[class*='-choice'].unavailable:hover {
  cursor: default;
  background-color: #e7e7e7;
  border-color: #e7e7e7;
  color: #b5b5b5;
}

.buttons-setFaisTonCoffret ul li button.btn.btn-cart {
  height: auto !important;
  line-height: 3rem !important;
}

@media screen and (min-width: 768px) {
  body:not(.page-marque) #center_column .row #elastic-product-list {
    width: 100% !important;
  }
}

@media screen and (min-width: 992px) {
  body:not(.page-marque) #center_column .row #elastic-product-list {
    width: 100% !important;
  }
}

@media screen and (min-width: 1200px) {
  .row {
    margin-bottom: 0;
  }
  body #breadcrumb_wrapper {
    padding: 1em 15px;
  }
  .pdc-text.without-img {
    background: url('../images/fais-ton-coffret/fond_01_1170x658px.jpg') center no-repeat;
    height: 660px;
    flex-direction: row;
    justify-content: center;
    min-height: unset;
  }
  .pdc-text.without-img .pdc-title,
  .pdc-text.without-img .pdc-desc,
  .step-one-title,
  .step-two-title,
  .step-three-title,
  .step-four-title,
  .step-five-title,
  .step-one-content,
  .step-two-content,
  .step-three-content,
  .step-four-content,
  .step-five-content {
    height: 100%;
    flex-basis: 50%;
    position: relative;
  }
  .pdc-text.without-img .pdc-desc,
  .step-one-content,
  .step-two-content,
  .step-three-content,
  .step-four-content {
    justify-content: flex-start;
  }
  .step-five-content {
    justify-content: center;
  }
  .pdc-text.without-img .pdc-desc h2,
  .step-one-content h2,
  .step-two-content h2,
  .step-three-content h2,
  .step-four-content h2,
  .step-five-content h2 {
    margin: 0 50px;
    padding: 85px 50px;
    font-size: 40px;
    background-size: 100%;
    max-width: unset;
  }
  .pdc-text.without-img .pdc-desc .pdc-text-button,
  .next-step-button {
    font-size: 35px;
  }
  .step-five-content .next-step-button {
    font-size: 25px;
  }
  .page-desc-custom .pdc-text .pdc-title,
  .step-one-title,
  .step-two-title,
  .step-three-title,
  .step-four-title {
    font-size: 75px;
    padding: 0;
  }
  .step-five-title {
    font-size: 45px;
    padding: 30px 0;
  }
  .title-enhancer {
    font-size: 105px;
  }
  .step-five-title .title-enhancer {
    font-size: 55px;
  }
  .pdc-text.without-img .pdc-desc .pdc-text-content,
  .text-description {
    margin: 0 100px 50px;
    font-size: 20px;
  }
  .step-1-container.visible,
  .step-2-container.visible,
  .step-3-container.visible,
  .step-4-container.visible,
  .step-5-container.visible {
    flex-direction: row;
    justify-content: center;
    height: 760px;
    min-height: unset;
    align-items: center;
    top: 0;
  }
  .step-1-container.visible {
    background: url('../images/fais-ton-coffret/fond_02_1170x658px.jpg') center no-repeat;
  }
  .step-2-container.visible {
    background: url('../images/fais-ton-coffret/fond_03_1170x658px.jpg') center no-repeat;
  }
  .step-3-container.visible {
    background: url('../images/fais-ton-coffret/fond_04_1170x658px.jpg') center no-repeat;
  }
  .step-4-container.visible {
    background: url('../images/fais-ton-coffret/fond_01_1170x658px.jpg') center no-repeat;
  }
  .step-5-container.visible {
    background: url('../images/fais-ton-coffret/fond_retour_1170x658px.jpg') left center no-repeat;
    height: 100%;
    min-height: 100px;
    background-size: cover;
  }
  .choice-container {
    flex-direction: row;
    align-items: unset;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 0 80px;
  }
  .choice-container p[class*='-choice'] {
    flex: 0 1 40%;
    margin: 10px;
    cursor: pointer;
    padding: 30px 0;
    font-size: 30px;
  }
  .choice-container p[class*='-choice']:hover,
  .choice-container p[class*='-choice'].selected {
    background-color: #fabca3;
    color: #fff;
  }
  .choice-container p[class*='-choice'].unavailable {
    background-color: #e7e7e7;
    border-color: #e7e7e7;
    color: #b5b5b5;
    cursor: default;
  }
  .choice-container p[class*='-choice'].unavailable:hover {
    cursor: default;
    background-color: #e7e7e7;
    border-color: #e7e7e7;
    color: #b5b5b5;
  }
  body:not(.page-marque) #center_column .row #elastic-product-list {
    width: 100%;
  }
  body:not(.page-marque)
    #center_column
    .row
    #elastic-product-list
    .product_list.grid
    .list-product-item {
    width: 25%;
  }
  .prev-step-button {
    margin: 30px 100px;
    font-size: 2em;
  }
  .prev-step-button::before {
    top: -4px;
    left: -75px;
    width: 100px;
    height: 100px;
  }
  .pdc-text.without-img .pdc-desc .pdc-text-legal {
    right: 0;
  }
  .buttons-setFaisTonCoffret ul li button.btn.btn-cart {
    height: 5rem !important;
    line-height: 5rem !important;
  }
}