@font-face {
  font-family: 'Pacifico';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../font/pacifico/Pacifico-Regular.woff2) format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* line 10, ../sass/shop.scss */
.pacifico-regular {
  font-family: "Pacifico", cursive;
  font-weight: 400;
  font-style: normal;
}

/* line 16, ../sass/shop.scss */
.field-required {
  font-size: 0.5rem;
  position: relative;
  top: -2px;
  color: #FF5800;
}

/* line 23, ../sass/shop.scss */
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  color: inherit;
}

/* line 28, ../sass/shop.scss */
.block-shape-diagonal {
  position: relative;
}
/* line 31, ../sass/shop.scss */
.block-shape-diagonal .block-shape-top {
  -webkit-transform: scaleX(-1);
  -ms-transform: scaleX(-1);
  transform: scaleX(-1);
  top: 0;
}
/* line 38, ../sass/shop.scss */
.block-shape-diagonal .block-shape-bottom {
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
  bottom: -1px;
}
/* line 45, ../sass/shop.scss */
.block-shape-diagonal .block-shape-top,
.block-shape-diagonal .block-shape-bottom {
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: auto;
  z-index: 1;
  -webkit-transition: -webkit-transform 0.8s;
  transition: -webkit-transform 0.8s;
  -o-transition: transform 0.8s;
  transition: transform 0.8s;
  transition: transform 0.8s, -webkit-transform 0.8s;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
/* line 61, ../sass/shop.scss */
.block-shape-diagonal .block-shape-top span,
.block-shape-diagonal .block-shape-bottom span {
  display: block;
  line-height: 0;
  font-size: 0;
}
/* line 66, ../sass/shop.scss */
.block-shape-diagonal .block-shape-top span svg,
.block-shape-diagonal .block-shape-bottom span svg {
  width: 100%;
}
@media only screen and (min-width: 992px) {
  /* line 66, ../sass/shop.scss */
  .block-shape-diagonal .block-shape-top span svg,
  .block-shape-diagonal .block-shape-bottom span svg {
    height: 40px;
  }
}
/* line 73, ../sass/shop.scss */
.block-shape-diagonal .block-shape-top span svg path,
.block-shape-diagonal .block-shape-bottom span svg path {
  fill: white;
}

/* line 82, ../sass/shop.scss */
.my-count-input {
  background-color: #fff;
  border: var(--cz-border-width) solid #cad0d9;
  border-radius: var(--cz-border-radius);
  display: inline-flex;
  overflow: hidden;
  transform: translateZ(0);
}
/* line 90, ../sass/shop.scss */
.my-count-input .form-control {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
  background-color: transparent;
  border: 0;
  border-radius: 0;
  font-weight: 500;
  padding: 0 .25rem;
  text-align: center;
  width: 2.5rem;
}
/* line 102, ../sass/shop.scss */
.my-count-input .form-control::-webkit-inner-spin-button, .my-count-input .form-control::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
/* line 109, ../sass/shop.scss */
.my-count-input .btn {
  border: 0;
  border-radius: 0;
}
/* line 113, ../sass/shop.scss */
.my-count-input .btn:not(.btn-primary) {
  --cz-btn-hover-color: var(--cz-component-hover-color);
  --cz-btn-hover-bg: var(--cz-secondary-bg);
  --cz-btn-active-bg: var(--cz-secondary-bg);
}
/* line 120, ../sass/shop.scss */
.my-count-input .btn-group-sm > .btn + .form-control,
.my-count-input .btn-sm + .form-control {
  width: 2rem;
}
/* line 125, ../sass/shop.scss */
.my-count-input .btn-group-lg > .btn + .form-control,
.my-count-input .btn-lg + .form-control {
  width: 3rem;
}
/* line 130, ../sass/shop.scss */
.my-count-input.disabled {
  background-color: var(--cz-tertiary-bg);
  border-color: var(--cz-border-color);
  border-style: dashed;
}

/* line 137, ../sass/shop.scss */
.my-count-input-collapsible.collapsed .form-control,
.my-count-input-collapsible.collapsed [data-decrement] {
  display: none;
}

@keyframes fadeOutOnly {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
/* line 151, ../sass/shop.scss */
.fade-out {
  animation: fadeOutOnly 0.4s ease-out forwards;
}

@keyframes highlight {
  0% {
    background-color: #fff3cd;
  }
  /* jaune clair */
  100% {
    background-color: transparent;
  }
}
/* line 160, ../sass/shop.scss */
.highlight-update {
  animation: highlight 1.2s ease-in-out;
}