h1, h2, h3, h4, p {
  margin: 0;
  padding: 0; }

h1, h2, h3, h4,
em, strong {
  font-style: normal;
  font-weight: 400; }

.no-select {
  -webkit-touch-callout: none !important;
  -webkit-user-select: none !important;
  -khtml-user-select: none !important;
  -moz-user-select: none !important;
  -ms-user-select: none !important;
  user-select: none !important;
  -webkit-tap-highlight-color: transparent !important; }

.clear {
  display: block;
  float: none;
  clear: both; }

html {
  width: 100%;
  height: 100%;
  padding: 0;
  margin: 0; }

body {
  width: 100%;
  min-height: 100%;
  padding: 0;
  margin: 0;
  background-color: white;
  -webkit-font-smoothing: antialiased; }

@font-face {
  font-family: 'Grotex';
  src: url("../assets/fonts/Grotex-Regular.woff2") format("woff2"), url("../assets/fonts/Grotex-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

::-webkit-scrollbar {
  display: none; }

.no-select {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -o-user-select: none; }

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

html,
body {
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-family: "Grotex";
  font-size: 30px;
  -webkit-font-smoothing: antialiased; }

body {
  height: unset; }

nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  height: 2.53333em;
  z-index: 1000; }
  nav a {
    display: block;
    font-family: "Grotex";
    font-size: 1em;
    line-height: 1em;
    text-transform: uppercase;
    margin-left: 1.33333em;
    cursor: pointer; }
  nav .left a {
    margin-left: 0; }
  nav .right {
    display: flex; }

#section-intro header {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding-bottom: 2.53333em;
  margin-bottom: 2em;
  box-sizing: border-box; }
  #section-intro header #headband-intro {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: nowrap;
    white-space: nowrap;
    justify-content: center;
    font-family: "Grotex";
    font-size: 1em;
    line-height: 1em;
    text-transform: uppercase;
    height: 2.53333em;
    width: 100%;
    overflow: hidden; }

@keyframes infinite-scroll {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(-100%, 0); } }
    #section-intro header #headband-intro .headband-intro {
      display: inline-block;
      animation: infinite-scroll 15s linear infinite; }
    #section-intro header #headband-intro .headband-intro::after {
      display: inline-block;
      content: "\00a0"; }
  #section-intro header #tomate {
    flex-grow: 1;
    padding: 0 3.125%;
    box-sizing: border-box; }
    #section-intro header #tomate svg {
      height: 100%;
      width: 100%; }
  #section-intro header nav {
    position: fixed;
    bottom: 0;
    padding: 0 3.125%;
    box-sizing: border-box; }
  #section-intro header #drag-img1,
  #section-intro header #drag-img2,
  #section-intro header #drag-img3,
  #section-intro header #drag-img4 {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    cursor: grab; }
  #section-intro header #drag-img1 {
    top: unset;
    bottom: 1.06667em;
    width: 20.4em; }
  #section-intro header #drag-img2 {
    left: 44% !important;
    top: 33% !important;
    transform: translateX(-50%) translateY(-50%) !important;
    width: 10.4em !important; }
  #section-intro header #drag-img3 {
    left: 50%;
    top: 66%;
    transform: translateX(-50%) translateY(-50%);
    width: 7.06667em; }
  #section-intro header #drag-img4 {
    top: 60%;
    left: unset;
    right: 22.2em;
    transform: translateX(100%) translateY(-50%);
    width: 15.13333em; }

#section-intro #desc-intro {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: 0 3.125%;
  box-sizing: border-box;
  margin-bottom: 2em; }
  #section-intro #desc-intro .left {
    position: relative;
    font-family: "Grotex";
    font-size: 1.33333em;
    line-height: 1.25em;
    text-transform: uppercase;
    width: 22.25em;
    text-indent: 4em; }
    #section-intro #desc-intro .left p:first-child {
      text-indent: 0; }
  #section-intro #desc-intro .right {
    display: flex;
    flex-direction: column;
    width: 27.16667em; }
    #section-intro #desc-intro .right .drag-imgs {
      position: relative;
      flex-grow: 1; }
  #section-intro #desc-intro #drag-img5,
  #section-intro #desc-intro #drag-img6,
  #section-intro #desc-intro #drag-img7,
  #section-intro #desc-intro #drag-img8,
  #section-intro #desc-intro #drag-img9,
  #section-intro #desc-intro #drag-img10 {
    position: absolute;
    top: 0;
    left: 0;
    height: auto;
    cursor: grab; }
  #section-intro #desc-intro #drag-img5 {
    display: none;
    top: 0;
    left: 50%;
    transform: translateX(-100%) translateY(-4.53333em);
    width: 11em; }
  #section-intro #desc-intro #drag-img6 {
    top: 50%;
    left: 33%;
    transform: translateX(-50%) translateY(-50%);
    width: 13.33333em; }
  #section-intro #desc-intro #drag-img7 {
    top: -2%;
    left: 66%;
    transform: translateX(-50%) translateY(-50%);
    width: 7em; }
  #section-intro #desc-intro #drag-img8 {
    top: 33%;
    left: 54%;
    transform: translateX(-50%) translateY(-50%);
    width: 14.33333em; }
  #section-intro #desc-intro #drag-img9 {
    top: 60%;
    left: 15%;
    transform: translateX(-50%) translateY(-50%);
    width: 6.33333em; }
  #section-intro #desc-intro #drag-img10 {
    top: 80%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    width: 21.66667em; }

.carou {
  position: relative;
  width: 100%;
  padding-top: 75%;
  overflow: hidden; }
  .carou .carou-slider {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: nowrap;
    transition: transform ease-in-out 0.75s; }
    .carou .carou-slider .image {
      display: block;
      width: 100%;
      height: 100%;
      flex-grow: 1;
      flex-shrink: 0;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat; }
  .carou .carou-slider.no-anim {
    transition: none !important; }
  .carou .carou-slider.trans-left {
    transform: translateX(-100%); }

.carou-nav {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 0.41667em; }
  .carou-nav .arrows {
    display: flex;
    justify-content: space-between;
    width: 5.66667em; }
    .carou-nav .arrows div {
      cursor: pointer; }
      .carou-nav .arrows div svg {
        display: block;
        width: 1.8em;
        height: auto; }
  .carou-nav .number {
    font-family: "Grotex";
    font-size: 1.33333em;
    line-height: 1em;
    margin-top: -0.0375em;
    margin-bottom: -0.2125em; }

#section-products h1 {
  font-family: cheee-tbone;
  font-size: 7.5em;
  line-height: 1em;
  margin-top: -0.22587em;
  margin-bottom: -0.11636em;
  padding: 0 3.125%;
  padding-bottom: 0.26667em; }

#section-products #products .product {
  position: relative;
  min-height: 8.93333em;
  overflow: hidden;
  transition: height ease-in-out 0.75s;
  cursor: pointer; }
  #section-products #products .product .product-content {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 2em 3.125%;
    box-sizing: border-box;
    transition: background-color ease-in-out 0.75s; }
    #section-products #products .product .product-content .left {
      width: 29.66667em; }
      #section-products #products .product .product-content .left h2 {
        font-family: cheee-tbone;
        font-size: 7.5em;
        line-height: 1em;
        margin-top: -0.22587em;
        margin-bottom: -0.11636em;
        padding-bottom: 0.26667em;
        white-space: nowrap; }
      #section-products #products .product .product-content .left .text {
        font-family: "Grotex";
        font-size: 1.33333em;
        line-height: 1.25em;
        margin-bottom: 3em;
        text-transform: uppercase; }
      #section-products #products .product .product-content .left .cols {
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
        #section-products #products .product .product-content .left .cols .col {
          width: 13.86667em;
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
          #section-products #products .product .product-content .left .cols .col .title {
            font-family: "Grotex";
            font-size: 1.33333em;
            line-height: 1em;
            text-transform: uppercase;
            margin-bottom: 0.625em; }
          #section-products #products .product .product-content .left .cols .col .text {
            flex-grow: 1;
            font-family: "Grotex";
            font-size: 1em;
            line-height: 1.26667em;
            text-transform: uppercase;
            margin-bottom: 2em; }
          #section-products #products .product .product-content .left .cols .col .buy-btn,
          #section-products #products .product .product-content .left .cols .col .soldout {
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: "Grotex";
            font-size: 2em;
            line-height: 1em;
            text-transform: uppercase;
            padding-top: 0.15em;
            height: 1.38333em;
            border-radius: 10em;
            box-sizing: content-box;
            cursor: pointer; }
          #section-products #products .product .product-content .left .cols .col .price {
            display: flex;
            align-items: center;
            justify-content: center;
            font-family: "Grotex";
            font-size: 2em;
            line-height: 1em;
            text-transform: uppercase;
            padding: 0.15em 0.5em 0 0.5em;
            height: 1.38333em;
            width: fit-content;
            border-radius: 10em;
            box-sizing: content-box; }
    #section-products #products .product .product-content .right {
      width: 27.16667em;
      max-height: 0px;
      overflow: hidden;
      transition: max-height ease-in-out 0.75s; }
      #section-products #products .product .product-content .right .carou {
        padding-top: 95%; }
  #section-products #products .product .product-content.no-anim {
    transition: none; }

#section-products #products .product.no-anim {
  transition: none; }
  #section-products #products .product.no-anim .product-content {
    transition: none; }
  #section-products #products .product.no-anim .right {
    transition: none !important; }

#section-products #products .product.open {
  cursor: unset; }
  #section-products #products .product.open .product-content {
    background-color: transparent; }

@keyframes infinite-scroll {
  0% {
    transform: translate(0, 0); }
  100% {
    transform: translate(-100%, 0); } }

#section-tomatogramme #headband-top-tomato {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  white-space: nowrap;
  justify-content: center;
  font-family: "Grotex";
  font-size: 1em;
  line-height: 1em;
  text-transform: uppercase;
  height: 2.53333em;
  width: 100%;
  overflow: hidden; }
  #section-tomatogramme #headband-top-tomato .headband-top-tomato {
    display: inline-block;
    animation: infinite-scroll 15s linear infinite; }
  #section-tomatogramme #headband-top-tomato .headband-top-tomato::after {
    display: inline-block;
    content: "\00a0"; }

#section-tomatogramme #counter-tomato {
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: cheee-tbone;
  font-size: 24em;
  line-height: 1em;
  text-transform: uppercase;
  margin-top: -0.23044em;
  margin-bottom: -0.10844em; }

#section-tomatogramme #headband-bottom-tomato {
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
  white-space: nowrap;
  justify-content: center;
  font-family: "Grotex";
  font-size: 1em;
  line-height: 1em;
  text-transform: uppercase;
  height: 2.53333em;
  width: 100%;
  overflow: hidden; }
  #section-tomatogramme #headband-bottom-tomato .headband-bottom-tomato {
    display: inline-block;
    animation: infinite-scroll 15s linear infinite; }
  #section-tomatogramme #headband-bottom-tomato .headband-bottom-tomato::after {
    display: inline-block;
    content: "\00a0"; }

#section-footer footer {
  display: flex;
  justify-content: space-between;
  padding: 0 3.125%;
  padding-top: 2em;
  padding-bottom: 6em;
  box-sizing: border-box; }
  #section-footer footer div h3 {
    font-family: "Grotex";
    font-size: 1.33333em;
    line-height: 1.2em;
    text-transform: uppercase;
    margin-bottom: 0.625em; }
  #section-footer footer div .text {
    font-family: "Grotex";
    font-size: 1em;
    line-height: 1.26667em;
    text-transform: uppercase; }
  #section-footer footer #infos {
    width: 50%; }
  #section-footer footer #who {
    width: 25%; }
  #section-footer footer #plus {
    width: 25%; }

#section-infos header,
#section-basket header {
  padding: 0 3.125%;
  padding-top: 0.83333em;
  box-sizing: border-box; }
  #section-infos header .tomate-small,
  #section-basket header .tomate-small {
    width: 100%;
    cursor: pointer; }
    #section-infos header .tomate-small svg,
    #section-basket header .tomate-small svg {
      width: 100%;
      height: auto; }
  #section-infos header nav a,
  #section-basket header nav a {
    mix-blend-mode: unset; }

#section-infos.visible {
  visibility: visible !important;
  pointer-events: initial !important; }

#section-infos {
  visibility: hidden;
  pointer-events: none;
  display: flex !important;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: scroll;
  z-index: 10000; }
  #section-infos #infos-view {
    position: relative;
    padding: 0 3.125%;
    padding-top: 2em;
    box-sizing: border-box;
    flex-grow: 1; }
    #section-infos #infos-view h3 {
      font-family: "Grotex";
      font-size: 1.33333em;
      line-height: 1em;
      text-transform: uppercase;
      margin-bottom: 0.625em; }
    #section-infos #infos-view .contact {
      font-family: cheee-tbone;
      font-size: 4em;
      line-height: 1em;
      text-transform: uppercase;
      margin-top: -0.22em;
      margin-bottom: 0.52em;
      padding-bottom: 0.20833em; }
    #section-infos #infos-view #headband-infos {
      position: absolute;
      bottom: 0;
      display: flex;
      align-items: center;
      flex-direction: row;
      flex-wrap: nowrap;
      white-space: nowrap;
      justify-content: center;
      font-family: "Grotex";
      font-size: 1em;
      line-height: 1em;
      text-transform: uppercase;
      height: 2.53333em;
      width: 100%;
      overflow: hidden;
      position: absolute;
      left: 0; }
      #section-infos #infos-view #headband-infos .headband-infos {
        display: inline-block;
        animation: infinite-scroll 15s linear infinite; }
      #section-infos #infos-view #headband-infos .headband-infos::after {
        display: inline-block;
        content: "\00a0"; }

#section-basket.visible {
  visibility: visible !important;
  pointer-events: initial !important; }

#section-basket {
  visibility: hidden;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: scroll;
  z-index: 10000; }
  #section-basket #basket-view {
    padding: 0 3.125%;
    padding-bottom: 2em;
    padding-top: 0.83333em;
    box-sizing: border-box;
    flex-grow: 1; }
    #section-basket #basket-view #basket-valid {
      display: none; }
    #section-basket #basket-view #basket {
      margin-bottom: 4em; }
      #section-basket #basket-view #basket .row {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        height: 3.13333em;
        padding-top: 0.83333em;
        padding-bottom: 0.83333em;
        box-sizing: border-box; }
        #section-basket #basket-view #basket .row .col {
          font-family: "Grotex";
          font-size: 1.33333em;
          line-height: 1em;
          text-transform: uppercase;
          margin-top: -0.0375em;
          margin-bottom: -0.2125em; }
        #section-basket #basket-view #basket .row .col:first-child {
          flex-basis: 50%; }
        #section-basket #basket-view #basket .row .col:nth-child(2) {
          flex-basis: 25%;
          text-align: center; }
        #section-basket #basket-view #basket .row .col:nth-child(3) {
          flex-basis: 12.5%; }
        #section-basket #basket-view #basket .row .col:nth-child(4) {
          flex-basis: 12.5%;
          text-align: right; }
      #section-basket #basket-view #basket #basket-products .row .col:nth-child(2) {
        position: relative;
        display: flex;
        justify-content: space-between;
        align-items: center; }
        #section-basket #basket-view #basket #basket-products .row .col:nth-child(2) div {
          position: absolute;
          display: block;
          width: 1.35em;
          height: auto;
          margin-top: -0.1em;
          cursor: pointer; }
          #section-basket #basket-view #basket #basket-products .row .col:nth-child(2) div svg {
            width: 100%;
            height: auto; }
        #section-basket #basket-view #basket #basket-products .row .col:nth-child(2) div:nth-child(1) {
          left: 33%;
          transform: translateX(-100%); }
        #section-basket #basket-view #basket #basket-products .row .col:nth-child(2) div:nth-child(3) {
          left: 66%; }
        #section-basket #basket-view #basket #basket-products .row .col:nth-child(2) input {
          display: block;
          font-family: unset;
          font-size: unset;
          line-height: unset;
          text-transform: uppercase;
          height: 1em;
          width: 100%;
          padding: 0;
          text-align: center;
          background-color: inherit;
          -moz-appearance: textfield; }
        #section-basket #basket-view #basket #basket-products .row .col:nth-child(2) input::-webkit-outer-spin-button,
        #section-basket #basket-view #basket #basket-products .row .col:nth-child(2) input::-webkit-inner-spin-button {
          -webkit-appearance: none;
          margin: 0; }
        #section-basket #basket-view #basket #basket-products .row .col:nth-child(2) input,
        #section-basket #basket-view #basket #basket-products .row .col:nth-child(2) input:active,
        #section-basket #basket-view #basket #basket-products .row .col:nth-child(2) input:focus {
          border: none;
          box-shadow: none;
          outline: none; }
      #section-basket #basket-view #basket #basket-delivery .col:nth-child(2) {
        justify-content: center; }
      #section-basket #basket-view #basket #basket-delivery .col.switch {
        display: flex;
        align-items: center;
        line-height: 1em;
        cursor: pointer; }
      #section-basket #basket-view #basket #basket-delivery .col.switch::after {
        content: "";
        display: block;
        width: 0.9em;
        height: 0.9em;
        border-radius: 100%;
        box-sizing: border-box;
        margin-left: 0.3em;
        margin-top: -0.25em; }
    #section-basket #basket-view #basket-total {
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      #section-basket #basket-view #basket-total .left {
        font-family: cheee-tbone;
        font-size: 4em;
        line-height: 1em;
        text-transform: uppercase;
        margin-top: -0.22em;
        margin-bottom: -0.11333em; }
      #section-basket #basket-view #basket-total .right {
        font-family: cheee-tbone;
        font-size: 4em;
        line-height: 1em;
        text-transform: uppercase;
        text-align: right;
        margin-top: -0.22em;
        margin-bottom: -0.11333em; }
    #section-basket #basket-view .form {
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin-top: 4em; }
      #section-basket #basket-view .form .left {
        width: 50%; }
        #section-basket #basket-view .form .left #coords {
          margin-bottom: 2em; }
          #section-basket #basket-view .form .left #coords h3 {
            font-family: "Grotex";
            font-size: 1.33333em;
            line-height: 1em;
            text-transform: uppercase;
            margin-bottom: 0.625em; }
          #section-basket #basket-view .form .left #coords .input {
            display: flex;
            flex-direction: row;
            margin-bottom: 0.83333em; }
            #section-basket #basket-view .form .left #coords .input h4 {
              display: flex;
              align-items: flex-start;
              font-family: "Grotex";
              font-size: 1em;
              line-height: 1.26667em;
              text-transform: uppercase;
              width: 2.73333em;
              margin-right: 0.83333em; }
            #section-basket #basket-view .form .left #coords .input .adresses {
              flex-grow: 1;
              display: flex;
              flex-direction: column; }
              #section-basket #basket-view .form .left #coords .input .adresses input:first-child {
                margin-bottom: 0.83333em; }
            #section-basket #basket-view .form .left #coords .input input {
              display: block;
              font-family: "Grotex";
              font-size: 1em;
              line-height: 1.26667em;
              text-transform: uppercase;
              flex-grow: 1;
              height: 1.26667em;
              padding: 0;
              background-color: inherit;
              background-size: 8px 8px;
              background-repeat: repeat-x;
              background-position: 8px 1em; }
            #section-basket #basket-view .form .left #coords .input input,
            #section-basket #basket-view .form .left #coords .input input:active,
            #section-basket #basket-view .form .left #coords .input input:focus {
              border: none;
              box-shadow: none;
              outline: none; }
        #section-basket #basket-view .form .left #paiement {
          display: flex;
          flex-wrap: wrap; }
          #section-basket #basket-view .form .left #paiement h3 {
            font-family: "Grotex";
            font-size: 1.33333em;
            line-height: 1em;
            text-transform: uppercase;
            width: 100%;
            margin-bottom: 0.625em; }
          #section-basket #basket-view .form .left #paiement .input {
            width: 50%;
            cursor: pointer; }
            #section-basket #basket-view .form .left #paiement .input h4 {
              font-family: "Grotex";
              font-size: 1em;
              line-height: 1em;
              text-transform: uppercase;
              margin-bottom: 0.41667em; }
            #section-basket #basket-view .form .left #paiement .input h4::before {
              content: "";
              display: block;
              width: 1.2em;
              height: 1.2em;
              border-radius: 100%;
              box-sizing: border-box;
              margin-bottom: 0.83333em; }
            #section-basket #basket-view .form .left #paiement .input div {
              font-family: "Grotex";
              font-size: 1em;
              line-height: 1.26667em;
              text-transform: uppercase; }
          #section-basket #basket-view .form .left #paiement .input:nth-child(1),
          #section-basket #basket-view .form .left #paiement .input:nth-child(2) {
            margin-bottom: 2em; }
      #section-basket #basket-view .form .right {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: flex-end;
        width: fit-content; }
        #section-basket #basket-view .form .right h3 {
          font-family: "Grotex";
          font-size: 1.33333em;
          line-height: 1em;
          text-transform: uppercase;
          display: block;
          width: 100%;
          margin-bottom: 0.625em; }
        #section-basket #basket-view .form .right .text {
          font-family: "Grotex";
          font-size: 1em;
          line-height: 1.26667em;
          text-transform: uppercase; }
          #section-basket #basket-view .form .right .text p {
            margin-bottom: 0.83333em; }
        #section-basket #basket-view .form .right #validate {
          display: flex;
          align-items: center;
          justify-content: center;
          font-family: "Grotex";
          font-size: 2em;
          line-height: 1.4em;
          text-transform: uppercase;
          position: absolute;
          bottom: 0;
          left: 0;
          width: 50%;
          padding-top: 0.15em;
          height: 1.38333em;
          border-radius: 10em;
          box-sizing: content-box;
          cursor: pointer; }
  #section-basket #basket-view.validated {
    padding-top: 2em; }
    #section-basket #basket-view.validated #basket-valid {
      display: block;
      margin-bottom: 2em; }
      #section-basket #basket-view.validated #basket-valid .bravo {
        font-family: cheee-tbone;
        font-size: 4em;
        line-height: 1em;
        text-transform: uppercase;
        text-align: center;
        margin-top: -0.22em;
        margin-bottom: -0.11333em;
        padding-bottom: 0.70833em; }
      #section-basket #basket-view.validated #basket-valid .row {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center; }
        #section-basket #basket-view.validated #basket-valid .row .col {
          font-family: cheee-tbone;
          font-size: 2em;
          line-height: 1em;
          text-transform: uppercase;
          margin-top: -0.11em;
          margin-bottom: -0.05667em;
          width: 33.33333%; }
        #section-basket #basket-view.validated #basket-valid .row .col:nth-child(2) {
          text-align: center; }
        #section-basket #basket-view.validated #basket-valid .row .col:nth-child(3) {
          display: flex;
          justify-content: flex-end; }
        #section-basket #basket-view.validated #basket-valid .row #order-id {
          white-space: nowrap; }
      #section-basket #basket-view.validated #basket-valid .row.head {
        margin-bottom: 0; }
        #section-basket #basket-view.validated #basket-valid .row.head .col {
          font-family: "Grotex";
          font-size: 1.33333em;
          line-height: 1em;
          margin-top: 0;
          margin-bottom: 0; }
        #section-basket #basket-view.validated #basket-valid .row.head #basket-back {
          display: flex;
          align-items: center;
          justify-content: center;
          font-family: "Grotex";
          text-transform: uppercase;
          padding-top: 0.15em;
          margin-top: -0.15em;
          height: 1.3em;
          width: 5.4em;
          border-radius: 10em;
          box-sizing: content-box;
          cursor: pointer; }
    #section-basket #basket-view.validated .form {
      display: none; }
    #section-basket #basket-view.validated #basket {
      pointer-events: none; }
  #section-basket #basket-error {
    display: flex;
    align-items: center;
    justify-content: center;
    display: none;
    position: fixed;
    bottom: 0;
    left: 0;
    height: 2em;
    width: 100%;
    font-family: "Grotex";
    font-size: 1.33333em;
    line-height: 1em;
    text-transform: uppercase; }
  #section-basket #basket-error.visible {
    display: flex; }

#play-background {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #f9cbcc;
  color: #CB2817;
  text-transform: uppercase;
  z-index: 100000; }
  #play-background #play-score {
    position: absolute;
    top: 0.33333em;
    left: 0.33333em;
    font-family: cheee-tbone;
    font-size: 4em;
    line-height: 1em;
    margin-top: -0.22em; }
  #play-background #play-pv {
    position: absolute;
    top: 0.33333em;
    right: 0.33333em;
    font-family: cheee-tbone;
    font-size: 4em;
    line-height: 1em;
    margin-top: -0.22em; }
    #play-background #play-pv .label {
      margin-bottom: 0.18333em; }
    #play-background #play-pv .value {
      display: flex;
      justify-content: flex-end;
      align-items: center; }
      #play-background #play-pv .value img {
        display: block;
        width: 0.5em;
        margin-right: 0.08333em;
        height: auto; }
      #play-background #play-pv .value img:last-child {
        margin-right: 0; }
  #play-background #play-final-score {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    z-index: 100; }
    #play-background #play-final-score .label {
      font-family: cheee-tbone;
      font-size: 6em;
      line-height: 1em;
      margin-top: -0.22em;
      margin-bottom: 0.11111em; }
    #play-background #play-final-score .value {
      font-family: cheee-tbone;
      font-size: 10em;
      line-height: 1em;
      margin-top: -0.22em;
      margin-bottom: 0.13333em; }
    #play-background #play-final-score .text {
      text-align: center; }
    #play-background #play-final-score #play-tryagain {
      position: absolute;
      top: 0;
      left: 0;
      transform: translateX(-66%) translateY(-66%);
      cursor: pointer; }
      #play-background #play-final-score #play-tryagain img {
        display: block;
        width: 17.33333em;
        height: auto; }
  #play-background #play-start {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    cursor: pointer; }
    #play-background #play-start img {
      display: block;
      width: 16.66667em;
      height: auto;
      margin-bottom: 1.33333em; }
    #play-background #play-start .text {
      text-align: center; }
  #play-background #play-site {
    position: absolute;
    bottom: 1.33333em;
    right: 1.33333em;
    z-index: 10200;
    cursor: pointer; }
    #play-background #play-site img {
      display: block;
      width: 6.33333em;
      height: auto; }
  #play-background #play-basket,
  #play-background #play-basket-cup {
    position: absolute;
    bottom: 1.33333em;
    left: 5.41667em;
    transform: translateX(-50%);
    width: 8.16667em;
    height: auto;
    z-index: 10100;
    pointer-events: none; }
  #play-background #play-basket-cup {
    z-index: 9900; }
  #play-background .play-tomato {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    transform: translateY(-50%) translateX(-50%);
    width: 5.06667em;
    height: auto;
    z-index: 10000; }
  #play-background #play-boom {
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    width: 16.33333em;
    height: auto;
    z-index: 10200;
    pointer-events: none; }

#play-background.start #play-final-score {
  display: none; }

#play-background.playing #play-start,
#play-background.playing #play-final-score {
  display: none; }

#play-background.end #play-start {
  display: none; }

.Mac .buy-btn {
  padding-top: 0 !important;
  height: 1.53333em !important; }

.Mac .price {
  padding: 0 !important;
  height: 1.53333em !important; }

.Mac .product-content .price {
  padding: 0em 0.5em 0 0.5em !important;
  height: 1.53333em !important; }

.Mac .switch:after {
  margin-top: 0 !important; }

.Mac #validate {
  padding-top: 0 !important;
  height: 1.53333em !important; }

.Mac #basket-back {
  padding-top: 0 !important;
  margin-top: 0 !important;
  height: 1.45em !important; }

.Mac .carou-nav .number {
  margin-top: 0 !important;
  margin-bottom: 0 !important; }

.Mac .pqty {
  margin-top: -0.2em !important; }

.Mac .remove,
.Mac .add {
  margin-top: 0 !important; }

html body {
  color: #2B2A27 !important;
  background-color: #F8F6F3 !important; }
  html body #tomate svg path {
    fill: #2B2A27; }
  html body .arrows svg path {
    fill: #2B2A27; }
  html body #section-infos header,
  html body #section-basket header {
    color: #2B2A27;
    background-color: #F8F6F3; }
    html body #section-infos header .tomate-small svg path,
    html body #section-basket header .tomate-small svg path {
      fill: #2B2A27; }
  html body #section-products .product {
    border-top: 4px solid #2B2A27; }
    html body #section-products .product .product-content {
      color: #2B2A27;
      background-color: #F8F6F3; }
      html body #section-products .product .product-content .buy-btn,
      html body #section-products .product .product-content .soldout {
        color: #2B2A27;
        border: 4px solid #2B2A27; }
      html body #section-products .product .product-content .buy-btn:hover {
        color: transparent;
        background-color: #2B2A27; }
      html body #section-products .product .product-content .price {
        border: 4px solid #2B2A27; }
  html body #section-tomatogramme {
    color: #F8F6F3;
    background-color: #2B2A27; }
  html body #section-infos {
    color: #2B2A27;
    background-color: #CB2817; }
  html body #section-basket {
    color: #2B2A27;
    background-color: #5A8C69; }
    html body #section-basket #basket-products .row {
      border-top: 4px solid #2B2A27; }
      html body #section-basket #basket-products .row .col:nth-child(2) div svg path {
        fill: #2B2A27; }
      html body #section-basket #basket-products .row .col:nth-child(2) input {
        color: #2B2A27; }
    html body #section-basket #basket-delivery {
      border-top: 4px solid #2B2A27; }
      html body #section-basket #basket-delivery .col.switch::after {
        border: 4px solid #2B2A27; }
      html body #section-basket #basket-delivery .col.switch.sel::after {
        background-color: #2B2A27; }
    html body #section-basket .form #coords input {
      color: #2B2A27;
      background-image: radial-gradient(#2B2A27 2px, transparent 0); }
    html body #section-basket .form #paiement .input h4::before {
      border: 4px solid #2B2A27; }
    html body #section-basket .form #paiement .switch.sel h4::before {
      background-color: #2B2A27; }
    html body #section-basket .form #validate {
      border: 4px solid #2B2A27; }
    html body #section-basket .form #validate:hover {
      background-color: #2B2A27;
      color: #5A8C69; }
    html body #section-basket #basket-view.validated {
      color: #2B2A27;
      background-color: #E3C626; }
      html body #section-basket #basket-view.validated #basket-back {
        border: 4px solid #2B2A27; }
      html body #section-basket #basket-view.validated #basket-back:hover {
        color: #E3C626;
        background-color: #2B2A27; }
    html body #section-basket #basket-error {
      color: #F8F6F3;
      background-color: #CB2817; }

html body.inverted {
  color: #F8F6F3 !important;
  background-color: #2B2A27 !important; }
  html body.inverted #tomate svg path {
    fill: #F8F6F3; }
  html body.inverted .arrows svg path {
    fill: #F8F6F3; }
  html body.inverted #section-infos header,
  html body.inverted #section-basket header {
    color: #F8F6F3;
    background-color: #2B2A27; }
    html body.inverted #section-infos header .tomate-small svg path,
    html body.inverted #section-basket header .tomate-small svg path {
      fill: #F8F6F3; }
  html body.inverted #section-products .product {
    border-top: 4px solid #F8F6F3; }
    html body.inverted #section-products .product .product-content {
      color: #F8F6F3;
      background-color: #2B2A27; }
      html body.inverted #section-products .product .product-content .buy-btn,
      html body.inverted #section-products .product .product-content .soldout {
        color: #F8F6F3;
        border: 4px solid #F8F6F3; }
      html body.inverted #section-products .product .product-content .buy-btn:hover {
        color: transparent;
        background-color: #F8F6F3; }
      html body.inverted #section-products .product .product-content .price {
        border: 4px solid #F8F6F3; }
  html body.inverted #section-tomatogramme {
    color: #2B2A27;
    background-color: #F8F6F3; }
  html body.inverted #section-infos {
    color: #F8F6F3;
    background-color: #CB2817; }
  html body.inverted #section-basket {
    color: #F8F6F3;
    background-color: #5A8C69; }
    html body.inverted #section-basket #basket-products .row {
      border-top: 4px solid #F8F6F3; }
      html body.inverted #section-basket #basket-products .row .col:nth-child(2) div svg path {
        fill: #F8F6F3; }
      html body.inverted #section-basket #basket-products .row .col:nth-child(2) input {
        color: #F8F6F3; }
    html body.inverted #section-basket #basket-delivery {
      border-top: 4px solid #F8F6F3; }
      html body.inverted #section-basket #basket-delivery .col.switch::after {
        border: 4px solid #F8F6F3; }
      html body.inverted #section-basket #basket-delivery .col.switch.sel::after {
        background-color: #F8F6F3; }
    html body.inverted #section-basket .form #coords input {
      color: #F8F6F3;
      background-image: radial-gradient(#F8F6F3 2px, transparent 0); }
    html body.inverted #section-basket .form #paiement .input h4::before {
      border: 4px solid #F8F6F3; }
    html body.inverted #section-basket .form #paiement .switch.sel h4::before {
      background-color: #F8F6F3; }
    html body.inverted #section-basket .form #validate {
      border: 4px solid #F8F6F3; }
    html body.inverted #section-basket .form #validate:hover {
      background-color: #F8F6F3;
      color: #5A8C69; }
    html body.inverted #section-basket #basket-view.validated {
      color: #F8F6F3;
      background-color: #E3C626; }
      html body.inverted #section-basket #basket-view.validated #basket-back {
        border: 4px solid #F8F6F3; }
      html body.inverted #section-basket #basket-view.validated #basket-back:hover {
        color: #E3C626;
        background-color: #F8F6F3; }
    html body.inverted #section-basket #basket-error {
      color: #2B2A27;
      background-color: #CB2817; }

html body.red {
  color: #F8F6F3 !important;
  background-color: #CB2817 !important; }
  html body.red #tomate svg path {
    fill: #F8F6F3; }
  html body.red .arrows svg path {
    fill: #F8F6F3; }
  html body.red #section-infos header,
  html body.red #section-basket header {
    color: #F8F6F3;
    background-color: #CB2817; }
    html body.red #section-infos header .tomate-small svg path,
    html body.red #section-basket header .tomate-small svg path {
      fill: #F8F6F3; }
  html body.red #section-products .product {
    border-top: 4px solid #F8F6F3; }
    html body.red #section-products .product .product-content {
      color: #F8F6F3;
      background-color: #CB2817; }
      html body.red #section-products .product .product-content .buy-btn,
      html body.red #section-products .product .product-content .soldout {
        color: #F8F6F3;
        border: 4px solid #F8F6F3; }
      html body.red #section-products .product .product-content .buy-btn:hover {
        color: transparent;
        background-color: #F8F6F3; }
      html body.red #section-products .product .product-content .price {
        border: 4px solid #F8F6F3; }
  html body.red #section-tomatogramme {
    color: #CB2817;
    background-color: #F8F6F3; }
  html body.red #section-infos {
    color: #F8F6F3;
    background-color: #2B2A27; }
  html body.red #section-basket {
    color: #F8F6F3;
    background-color: #2B2A27; }
    html body.red #section-basket #basket-products .row {
      border-top: 4px solid #F8F6F3; }
      html body.red #section-basket #basket-products .row .col:nth-child(2) div svg path {
        fill: #F8F6F3; }
      html body.red #section-basket #basket-products .row .col:nth-child(2) input {
        color: #F8F6F3; }
    html body.red #section-basket #basket-delivery {
      border-top: 4px solid #F8F6F3; }
      html body.red #section-basket #basket-delivery .col.switch::after {
        border: 4px solid #F8F6F3; }
      html body.red #section-basket #basket-delivery .col.switch.sel::after {
        background-color: #F8F6F3; }
    html body.red #section-basket .form #coords input {
      color: #F8F6F3;
      background-image: radial-gradient(#F8F6F3 2px, transparent 0); }
    html body.red #section-basket .form #paiement .input h4::before {
      border: 4px solid #F8F6F3; }
    html body.red #section-basket .form #paiement .switch.sel h4::before {
      background-color: #F8F6F3; }
    html body.red #section-basket .form #validate {
      border: 4px solid #F8F6F3; }
    html body.red #section-basket .form #validate:hover {
      background-color: #F8F6F3;
      color: #2B2A27; }
    html body.red #section-basket #basket-view.validated {
      color: #F8F6F3;
      background-color: #2B2A27; }
      html body.red #section-basket #basket-view.validated #basket-back {
        border: 4px solid #F8F6F3; }
      html body.red #section-basket #basket-view.validated #basket-back:hover {
        color: #2B2A27;
        background-color: #F8F6F3; }
    html body.red #section-basket #basket-error {
      color: #CB2817;
      background-color: #2B2A27; }

html body.green {
  color: #F8F6F3 !important;
  background-color: #5A8C69 !important; }
  html body.green #tomate svg path {
    fill: #F8F6F3; }
  html body.green .arrows svg path {
    fill: #F8F6F3; }
  html body.green #section-infos header,
  html body.green #section-basket header {
    color: #F8F6F3;
    background-color: #5A8C69; }
    html body.green #section-infos header .tomate-small svg path,
    html body.green #section-basket header .tomate-small svg path {
      fill: #F8F6F3; }
  html body.green #section-products .product {
    border-top: 4px solid #F8F6F3; }
    html body.green #section-products .product .product-content {
      color: #F8F6F3;
      background-color: #5A8C69; }
      html body.green #section-products .product .product-content .buy-btn,
      html body.green #section-products .product .product-content .soldout {
        color: #F8F6F3;
        border: 4px solid #F8F6F3; }
      html body.green #section-products .product .product-content .buy-btn:hover {
        color: transparent;
        background-color: #F8F6F3; }
      html body.green #section-products .product .product-content .price {
        border: 4px solid #F8F6F3; }
  html body.green #section-tomatogramme {
    color: #5A8C69;
    background-color: #F8F6F3; }
  html body.green #section-infos {
    color: #F8F6F3;
    background-color: #2B2A27; }
  html body.green #section-basket {
    color: #F8F6F3;
    background-color: #2B2A27; }
    html body.green #section-basket #basket-products .row {
      border-top: 4px solid #F8F6F3; }
      html body.green #section-basket #basket-products .row .col:nth-child(2) div svg path {
        fill: #F8F6F3; }
      html body.green #section-basket #basket-products .row .col:nth-child(2) input {
        color: #F8F6F3; }
    html body.green #section-basket #basket-delivery {
      border-top: 4px solid #F8F6F3; }
      html body.green #section-basket #basket-delivery .col.switch::after {
        border: 4px solid #F8F6F3; }
      html body.green #section-basket #basket-delivery .col.switch.sel::after {
        background-color: #F8F6F3; }
    html body.green #section-basket .form #coords input {
      color: #F8F6F3;
      background-image: radial-gradient(#F8F6F3 2px, transparent 0); }
    html body.green #section-basket .form #paiement .input h4::before {
      border: 4px solid #F8F6F3; }
    html body.green #section-basket .form #paiement .switch.sel h4::before {
      background-color: #F8F6F3; }
    html body.green #section-basket .form #validate {
      border: 4px solid #F8F6F3; }
    html body.green #section-basket .form #validate:hover {
      background-color: #F8F6F3;
      color: #2B2A27; }
    html body.green #section-basket #basket-view.validated {
      color: #F8F6F3;
      background-color: #2B2A27; }
      html body.green #section-basket #basket-view.validated #basket-back {
        border: 4px solid #F8F6F3; }
      html body.green #section-basket #basket-view.validated #basket-back:hover {
        color: #2B2A27;
        background-color: #F8F6F3; }
    html body.green #section-basket #basket-error {
      color: #5A8C69;
      background-color: #2B2A27; }

html body.yellow {
  color: #2B2A27 !important;
  background-color: #E3C626 !important; }
  html body.yellow #tomate svg path {
    fill: #2B2A27; }
  html body.yellow .arrows svg path {
    fill: #2B2A27; }
  html body.yellow #section-infos header,
  html body.yellow #section-basket header {
    color: #2B2A27;
    background-color: #E3C626; }
    html body.yellow #section-infos header .tomate-small svg path,
    html body.yellow #section-basket header .tomate-small svg path {
      fill: #2B2A27; }
  html body.yellow #section-products .product {
    border-top: 4px solid #2B2A27; }
    html body.yellow #section-products .product .product-content {
      color: #2B2A27;
      background-color: #E3C626; }
      html body.yellow #section-products .product .product-content .buy-btn,
      html body.yellow #section-products .product .product-content .soldout {
        color: #2B2A27;
        border: 4px solid #2B2A27; }
      html body.yellow #section-products .product .product-content .buy-btn:hover {
        color: transparent;
        background-color: #2B2A27; }
      html body.yellow #section-products .product .product-content .price {
        border: 4px solid #2B2A27; }
  html body.yellow #section-tomatogramme {
    color: #E3C626;
    background-color: #2B2A27; }
  html body.yellow #section-infos {
    color: #2B2A27;
    background-color: #F8F6F3; }
  html body.yellow #section-basket {
    color: #2B2A27;
    background-color: #F8F6F3; }
    html body.yellow #section-basket #basket-products .row {
      border-top: 4px solid #2B2A27; }
      html body.yellow #section-basket #basket-products .row .col:nth-child(2) div svg path {
        fill: #2B2A27; }
      html body.yellow #section-basket #basket-products .row .col:nth-child(2) input {
        color: #2B2A27; }
    html body.yellow #section-basket #basket-delivery {
      border-top: 4px solid #2B2A27; }
      html body.yellow #section-basket #basket-delivery .col.switch::after {
        border: 4px solid #2B2A27; }
      html body.yellow #section-basket #basket-delivery .col.switch.sel::after {
        background-color: #2B2A27; }
    html body.yellow #section-basket .form #coords input {
      color: #2B2A27;
      background-image: radial-gradient(#2B2A27 2px, transparent 0); }
    html body.yellow #section-basket .form #paiement .input h4::before {
      border: 4px solid #2B2A27; }
    html body.yellow #section-basket .form #paiement .switch.sel h4::before {
      background-color: #2B2A27; }
    html body.yellow #section-basket .form #validate {
      border: 4px solid #2B2A27; }
    html body.yellow #section-basket .form #validate:hover {
      background-color: #2B2A27;
      color: #F8F6F3; }
    html body.yellow #section-basket #basket-view.validated {
      color: #2B2A27;
      background-color: #F8F6F3; }
      html body.yellow #section-basket #basket-view.validated #basket-back {
        border: 4px solid #2B2A27; }
      html body.yellow #section-basket #basket-view.validated #basket-back:hover {
        color: #F8F6F3;
        background-color: #2B2A27; }
    html body.yellow #section-basket #basket-error {
      color: #E3C626;
      background-color: #F8F6F3; }

@media (max-aspect-ratio: 1 / 1) {
  @font-face {
    font-family: 'Grotex';
    src: url("../assets/fonts/Grotex-Regular.woff2") format("woff2"), url("../assets/fonts/Grotex-Regular.woff") format("woff");
    font-weight: normal;
    font-style: normal;
    font-display: swap; }
  html,
  body {
    font-size: 30px; }
  nav {
    height: 2.53333em; }
    nav a {
      font-size: 1em;
      line-height: 1em;
      margin-left: 0; }
    nav .left {
      display: none; }
    nav .right {
      width: 100%;
      justify-content: space-between; }
  #section-intro header {
    padding-bottom: 2.53333em;
    margin-bottom: 0; }
    #section-intro header #headband-intro {
      font-size: 1em;
      line-height: 1em;
      height: 2.53333em; }
    #section-intro header #tomate {
      padding: 0 2.66667%;
      height: fit-content !important; }
    #section-intro header nav {
      padding: 0 2.66667%;
      background-color: #F8F6F3 !important;
      color: #2B2A27 !important; }
    #section-intro header #drag-img1 {
      top: unset;
      bottom: 1.06667em;
      width: 10.2em; }
    #section-intro header #drag-img2 {
      width: 5.2em !important; }
    #section-intro header #drag-img3 {
      width: 3.53333em; }
    #section-intro header #drag-img4 {
      right: 0;
      transform: translateX(0) translateY(-50%);
      width: 7.56667em; }
  #section-intro #desc-intro {
    display: block;
    padding: 0 2.66667%;
    margin-bottom: 4em; }
    #section-intro #desc-intro .left {
      font-size: 1.33333em;
      line-height: 1.25em;
      width: 100%;
      text-indent: 2em;
      margin-bottom: 1.5em; }
      #section-intro #desc-intro .left p:first-child {
        text-indent: 0; }
    #section-intro #desc-intro .right {
      display: block;
      width: 100%; }
      #section-intro #desc-intro .right .drag-imgs {
        position: unset; }
    #section-intro #desc-intro #drag-img5 {
      display: none; }
    #section-intro #desc-intro #drag-img6 {
      top: 22%;
      width: 11.11111em; }
    #section-intro #desc-intro #drag-img7 {
      top: 44%;
      width: 7em; }
    #section-intro #desc-intro #drag-img8 {
      display: none; }
    #section-intro #desc-intro #drag-img9 {
      top: 66%;
      width: 6.33333em; }
    #section-intro #desc-intro #drag-img10 {
      width: 18.05556em; }
  .carou .carou-slider {
    word-spacing: -2em; }
  .carou-nav {
    margin-top: 1em; }
    .carou-nav .arrows {
      width: 5.66667em; }
      .carou-nav .arrows div svg {
        width: 1.8em; }
    .carou-nav .number {
      font-size: 1.33333em;
      line-height: 1em;
      margin-top: -0.0375em;
      margin-bottom: -0.2125em; }
  #section-products h1 {
    font-size: 4em;
    line-height: 1em;
    margin-top: -0.22em;
    margin-bottom: -0.11333em;
    padding: 0 2.66667%;
    padding-bottom: 0.5em; }
  #section-products #products .product {
    min-height: 6.66667em; }
    #section-products #products .product .product-content {
      display: block;
      padding: 2em 2.66667%; }
      #section-products #products .product .product-content .left {
        width: 100%;
        margin-bottom: 2em; }
        #section-products #products .product .product-content .left h2 {
          font-size: 4em;
          line-height: 1em;
          margin-top: -0.22em;
          margin-bottom: -0.11333em;
          padding-bottom: 0.5em; }
        #section-products #products .product .product-content .left .text {
          font-size: 1.33333em;
          line-height: 1.25em;
          margin-bottom: 3em; }
        #section-products #products .product .product-content .left .cols .col {
          width: 48.66667%; }
          #section-products #products .product .product-content .left .cols .col .title {
            font-size: 1.33333em;
            line-height: 1em;
            margin-bottom: 0.625em; }
          #section-products #products .product .product-content .left .cols .col .text {
            font-size: 1em;
            line-height: 1.26667em;
            margin-bottom: 2em; }
          #section-products #products .product .product-content .left .cols .col .buy-btn,
          #section-products #products .product .product-content .left .cols .col .soldout {
            font-size: 2em;
            line-height: 1em;
            padding-top: 0.15em;
            height: 1.38333em;
            border-radius: 10em; }
          #section-products #products .product .product-content .left .cols .col .price {
            font-size: 2em;
            line-height: 1em;
            padding-top: 0.15em;
            height: 1.38333em;
            width: unset;
            border-radius: 10em; }
      #section-products #products .product .product-content .right {
        width: 100%;
        max-height: unset !important; }
        #section-products #products .product .product-content .right .carou {
          padding-top: 105% !important; }
  #section-tomatogramme #headband-top-tomato {
    font-size: 1em;
    line-height: 1em;
    height: 2.53333em; }
  #section-tomatogramme #counter-tomato {
    font-size: 9.16667em;
    line-height: 1em;
    margin-top: -0.22996em;
    margin-bottom: -0.10822em; }
  #section-tomatogramme #headband-bottom-tomato {
    font-size: 1em;
    line-height: 1em;
    height: 2.53333em; }
  #section-footer footer {
    display: block;
    padding: 0 2.66667%;
    padding-top: 2em;
    padding-bottom: 4em; }
    #section-footer footer div h3 {
      font-size: 1.33333em;
      line-height: 1.2em;
      margin-bottom: 0.625em; }
    #section-footer footer div .text {
      font-size: 1em;
      line-height: 1.26667em; }
    #section-footer footer #infos,
    #section-footer footer #who,
    #section-footer footer #plus {
      width: 100%;
      margin-bottom: 2em; }
  #section-infos header,
  #section-basket header {
    padding: 0 2.66667%;
    padding-top: 0.83333em; }
  #section-infos #infos-view {
    padding: 0 2.66667%;
    padding-top: 2em; }
    #section-infos #infos-view h3 {
      font-size: 1.33333em;
      line-height: 1em;
      margin-bottom: 0.625em; }
    #section-infos #infos-view .contact {
      font-size: 3em;
      line-height: 1em;
      margin-top: -0.22em;
      margin-bottom: 0.73111em;
      padding-bottom: 0.27778em; }
    #section-infos #infos-view #headband-infos {
      font-size: 1em;
      line-height: 1em;
      height: 2.53333em;
      bottom: 0;
      position: absolute; }
  #section-basket #basket-view {
    padding: 0 2.66667%;
    padding-bottom: 2em;
    padding-top: 0.83333em; }
    #section-basket #basket-view #basket {
      margin-bottom: 4em; }
      #section-basket #basket-view #basket .row {
        height: 3.13333em;
        padding-top: 0.83333em;
        padding-bottom: 0.83333em; }
        #section-basket #basket-view #basket .row .col {
          font-size: 1.33333em;
          line-height: 1em;
          margin-top: -0.0375em;
          margin-bottom: -0.2125em; }
        #section-basket #basket-view #basket .row .col:first-child {
          flex-basis: 30%; }
        #section-basket #basket-view #basket .row .col:nth-child(2) {
          flex-basis: 30%; }
        #section-basket #basket-view #basket .row .col:nth-child(3) {
          flex-basis: 20%;
          text-align: center; }
        #section-basket #basket-view #basket .row .col:nth-child(4) {
          flex-basis: 20%;
          display: flex;
          align-items: center;
          justify-content: flex-end; }
      #section-basket #basket-view #basket #basket-products .row .col:nth-child(2) div {
        display: block;
        width: 1.35em;
        margin-top: -0.1em; }
      #section-basket #basket-view #basket #basket-products .row .col:nth-child(2) div:nth-child(1) {
        left: 33%;
        transform: translateX(-100%); }
      #section-basket #basket-view #basket #basket-products .row .col:nth-child(2) div:nth-child(3) {
        left: 66%; }
      #section-basket #basket-view #basket #basket-products .row .col:nth-child(2) input {
        font-size: unset;
        line-height: unset;
        height: 1em; }
      #section-basket #basket-view #basket #basket-delivery .col.switch {
        position: relative;
        line-height: 1em; }
      #section-basket #basket-view #basket #basket-delivery .col.switch::after {
        width: 0.9em;
        height: 0.9em;
        border-radius: 100%;
        margin-left: 0.3em;
        margin-top: -0.25em; }
      #section-basket #basket-view #basket #basket-delivery .col.switch:nth-child(3)::after {
        position: absolute;
        right: 0;
        transform: translateX(150%); }
    #section-basket #basket-view #basket-total {
      display: block; }
      #section-basket #basket-view #basket-total .left {
        font-size: 3em;
        line-height: 1em;
        margin-top: -0.22em;
        margin-bottom: -0.11333em;
        text-align: center;
        width: 100% !important; }
      #section-basket #basket-view #basket-total .right {
        font-size: 3em;
        line-height: 1em;
        margin-top: -0.22em;
        margin-bottom: -0.11333em;
        text-align: center;
        width: 100% !important; }
    #section-basket #basket-view .form {
      display: flex;
      flex-direction: column;
      margin-top: 4em; }
      #section-basket #basket-view .form .left {
        width: 100%; }
        #section-basket #basket-view .form .left #coords {
          margin-bottom: 2em; }
          #section-basket #basket-view .form .left #coords h3 {
            font-size: 1.33333em;
            line-height: 1em;
            margin-bottom: 0.625em; }
          #section-basket #basket-view .form .left #coords .input {
            margin-bottom: 0.83333em; }
            #section-basket #basket-view .form .left #coords .input h4 {
              font-size: 1em;
              line-height: 1.26667em;
              width: 2.73333em;
              margin-right: 0.83333em; }
            #section-basket #basket-view .form .left #coords .input .adresses input:first-child {
              margin-bottom: 0.83333em; }
            #section-basket #basket-view .form .left #coords .input input {
              font-size: 1em;
              line-height: 1.26667em;
              height: 1.26667em;
              padding: 0;
              background-size: 4px 4px;
              background-position: 4px 1em; }
        #section-basket #basket-view .form .left #paiement {
          margin-bottom: 2em; }
          #section-basket #basket-view .form .left #paiement h3 {
            font-size: 1.33333em;
            line-height: 1em;
            margin-bottom: 0.625em; }
          #section-basket #basket-view .form .left #paiement .input h4 {
            font-size: 1em;
            line-height: 1em;
            margin-bottom: 0.41667em; }
          #section-basket #basket-view .form .left #paiement .input h4::before {
            width: 1.2em;
            height: 1.2em;
            margin-bottom: 0.83333em; }
          #section-basket #basket-view .form .left #paiement .input div {
            font-size: 1em;
            line-height: 1.26667em; }
          #section-basket #basket-view .form .left #paiement .input:nth-child(1),
          #section-basket #basket-view .form .left #paiement .input:nth-child(2) {
            margin-bottom: 2em; }
      #section-basket #basket-view .form .right {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        align-items: flex-start; }
        #section-basket #basket-view .form .right h3 {
          font-size: 1.33333em;
          line-height: 1em;
          width: 100%;
          margin-bottom: 0.625em; }
        #section-basket #basket-view .form .right .text {
          font-size: 1em;
          line-height: 1.26667em; }
          #section-basket #basket-view .form .right .text p {
            margin-bottom: 0.83333em; }
          #section-basket #basket-view .form .right .text p:last-child {
            margin-bottom: 0; }
        #section-basket #basket-view .form .right #validate {
          font-size: 2em;
          line-height: 1.4em;
          position: relative;
          width: 100%;
          padding-top: 0.15em;
          height: 1.38333em;
          margin-top: 1em;
          border-radius: 10em; }
  #section-basket #basket-view.validated {
    padding-top: 2em; }
    #section-basket #basket-view.validated #basket-valid {
      margin-bottom: 2em; }
      #section-basket #basket-view.validated #basket-valid .bravo {
        font-size: 3em;
        line-height: 1em;
        margin-top: -0.22em;
        margin-bottom: -0.11333em;
        padding-bottom: 0.94444em; }
      #section-basket #basket-view.validated #basket-valid .row .col {
        font-size: 3em;
        line-height: 1em;
        margin-top: -0.22em;
        margin-bottom: -0.11333em;
        width: 33.33333%; }
      #section-basket #basket-view.validated #basket-valid .row.head {
        margin-bottom: 0.83333em; }
        #section-basket #basket-view.validated #basket-valid .row.head .col {
          font-size: 1.33333em;
          line-height: 1em;
          margin-top: 0;
          margin-bottom: 0; }
        #section-basket #basket-view.validated #basket-valid .row.head .col:first-child {
          display: none; }
        #section-basket #basket-view.validated #basket-valid .row.head .col:nth-child(2) {
          visibility: hidden;
          position: relative; }
        #section-basket #basket-view.validated #basket-valid .row.head .col:nth-child(2)::after {
          content: "COMMANDE";
          visibility: initial;
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%); }
        #section-basket #basket-view.validated #basket-valid .row.head #basket-back {
          padding-top: 0.15em;
          margin-top: -0.15em;
          height: 1.3em;
          width: 5.4em;
          border-radius: 10em; }
      #section-basket #basket-view.validated #basket-valid .row:nth-child(3) {
        display: block; }
  #section-basket #basket-error {
    padding: 2.66667%;
    box-sizing: border-box;
    min-height: 2em;
    height: unset;
    font-size: 1em;
    line-height: 1em; }
  .nav-play,
  #play-basket,
  #play-basket-cup,
  .play-tomato {
    display: none !important; }
  .Mac .buy-btn {
    padding-top: 0 !important;
    height: 1.53333em !important; }
  .Mac .price {
    padding: 0 !important;
    height: 1.53333em !important; }
  .Mac .product-content .price {
    padding: 0em 0.5em 0 0.5em !important;
    height: 1.53333em !important; }
  .Mac .switch:after {
    margin-top: 0 !important; }
  .Mac #validate {
    padding-top: 0 !important;
    height: 1.53333em !important; }
  .Mac #basket-back {
    padding-top: 0 !important;
    margin-top: 0 !important;
    height: 1.45em !important; }
  .Mac .carou-nav .number {
    margin-top: 0 !important;
    margin-bottom: 0 !important; }
  .Mac .pqty {
    margin-top: -0.2em !important; }
  .Mac .remove,
  .Mac .add {
    margin-top: 0 !important; }
  html body {
    color: #2B2A27 !important;
    background-color: #F8F6F3 !important; }
    html body #tomate svg path {
      fill: #2B2A27; }
    html body .arrows svg path {
      fill: #2B2A27; }
    html body #section-infos header,
    html body #section-basket header {
      color: #2B2A27;
      background-color: #F8F6F3; }
      html body #section-infos header .tomate-small svg path,
      html body #section-basket header .tomate-small svg path {
        fill: #2B2A27; }
    html body #section-products .product {
      border-top: 2px solid #2B2A27; }
      html body #section-products .product .product-content {
        color: #2B2A27;
        background-color: #F8F6F3; }
        html body #section-products .product .product-content .buy-btn,
        html body #section-products .product .product-content .soldout {
          color: #2B2A27;
          border: 2px solid #2B2A27; }
        html body #section-products .product .product-content .buy-btn:hover {
          color: transparent;
          background-color: #2B2A27; }
        html body #section-products .product .product-content .price {
          border: 2px solid #2B2A27; }
    html body #section-tomatogramme {
      color: #F8F6F3;
      background-color: #2B2A27; }
    html body #section-infos {
      color: #2B2A27;
      background-color: #CB2817; }
    html body #section-basket {
      color: #2B2A27;
      background-color: #5A8C69; }
      html body #section-basket #basket-products .row {
        border-top: 2px solid #2B2A27; }
        html body #section-basket #basket-products .row .col:nth-child(2) div svg path {
          fill: #2B2A27; }
        html body #section-basket #basket-products .row .col:nth-child(2) input {
          color: #2B2A27; }
      html body #section-basket #basket-delivery {
        border-top: 2px solid #2B2A27; }
        html body #section-basket #basket-delivery .col.switch::after {
          border: 2px solid #2B2A27; }
        html body #section-basket #basket-delivery .col.switch.sel::after {
          background-color: #2B2A27; }
      html body #section-basket .form #coords input {
        color: #2B2A27;
        background-image: radial-gradient(#2B2A27 1px, transparent 0); }
      html body #section-basket .form #paiement .input h4::before {
        border: 2px solid #2B2A27; }
      html body #section-basket .form #paiement .switch.sel h4::before {
        background-color: #2B2A27; }
      html body #section-basket .form #validate {
        border: 2px solid #2B2A27; }
      html body #section-basket .form #validate:hover {
        background-color: #2B2A27;
        color: #5A8C69; }
      html body #section-basket #basket-view.validated {
        color: #2B2A27;
        background-color: #E3C626; }
        html body #section-basket #basket-view.validated #basket-back {
          border: 2px solid #2B2A27; }
        html body #section-basket #basket-view.validated #basket-back:hover {
          color: #E3C626;
          background-color: #2B2A27; }
      html body #section-basket #basket-error {
        color: #F8F6F3;
        background-color: #CB2817; }
  html body.inverted {
    color: #F8F6F3 !important;
    background-color: #2B2A27 !important; }
    html body.inverted #tomate svg path {
      fill: #F8F6F3; }
    html body.inverted .arrows svg path {
      fill: #F8F6F3; }
    html body.inverted #section-infos header,
    html body.inverted #section-basket header {
      color: #F8F6F3;
      background-color: #2B2A27; }
      html body.inverted #section-infos header .tomate-small svg path,
      html body.inverted #section-basket header .tomate-small svg path {
        fill: #F8F6F3; }
    html body.inverted #section-products .product {
      border-top: 2px solid #F8F6F3; }
      html body.inverted #section-products .product .product-content {
        color: #F8F6F3;
        background-color: #2B2A27; }
        html body.inverted #section-products .product .product-content .buy-btn,
        html body.inverted #section-products .product .product-content .soldout {
          color: #F8F6F3;
          border: 2px solid #F8F6F3; }
        html body.inverted #section-products .product .product-content .buy-btn:hover {
          color: transparent;
          background-color: #F8F6F3; }
        html body.inverted #section-products .product .product-content .price {
          border: 2px solid #F8F6F3; }
    html body.inverted #section-tomatogramme {
      color: #2B2A27;
      background-color: #F8F6F3; }
    html body.inverted #section-infos {
      color: #F8F6F3;
      background-color: #CB2817; }
    html body.inverted #section-basket {
      color: #F8F6F3;
      background-color: #5A8C69; }
      html body.inverted #section-basket #basket-products .row {
        border-top: 2px solid #F8F6F3; }
        html body.inverted #section-basket #basket-products .row .col:nth-child(2) div svg path {
          fill: #F8F6F3; }
        html body.inverted #section-basket #basket-products .row .col:nth-child(2) input {
          color: #F8F6F3; }
      html body.inverted #section-basket #basket-delivery {
        border-top: 2px solid #F8F6F3; }
        html body.inverted #section-basket #basket-delivery .col.switch::after {
          border: 2px solid #F8F6F3; }
        html body.inverted #section-basket #basket-delivery .col.switch.sel::after {
          background-color: #F8F6F3; }
      html body.inverted #section-basket .form #coords input {
        color: #F8F6F3;
        background-image: radial-gradient(#F8F6F3 1px, transparent 0); }
      html body.inverted #section-basket .form #paiement .input h4::before {
        border: 2px solid #F8F6F3; }
      html body.inverted #section-basket .form #paiement .switch.sel h4::before {
        background-color: #F8F6F3; }
      html body.inverted #section-basket .form #validate {
        border: 2px solid #F8F6F3; }
      html body.inverted #section-basket .form #validate:hover {
        background-color: #F8F6F3;
        color: #5A8C69; }
      html body.inverted #section-basket #basket-view.validated {
        color: #F8F6F3;
        background-color: #E3C626; }
        html body.inverted #section-basket #basket-view.validated #basket-back {
          border: 2px solid #F8F6F3; }
        html body.inverted #section-basket #basket-view.validated #basket-back:hover {
          color: #E3C626;
          background-color: #F8F6F3; }
      html body.inverted #section-basket #basket-error {
        color: #2B2A27;
        background-color: #CB2817; }
  html body.red {
    color: #F8F6F3 !important;
    background-color: #CB2817 !important; }
    html body.red #tomate svg path {
      fill: #F8F6F3; }
    html body.red .arrows svg path {
      fill: #F8F6F3; }
    html body.red #section-infos header,
    html body.red #section-basket header {
      color: #F8F6F3;
      background-color: #CB2817; }
      html body.red #section-infos header .tomate-small svg path,
      html body.red #section-basket header .tomate-small svg path {
        fill: #F8F6F3; }
    html body.red #section-products .product {
      border-top: 2px solid #F8F6F3; }
      html body.red #section-products .product .product-content {
        color: #F8F6F3;
        background-color: #CB2817; }
        html body.red #section-products .product .product-content .buy-btn,
        html body.red #section-products .product .product-content .soldout {
          color: #F8F6F3;
          border: 2px solid #F8F6F3; }
        html body.red #section-products .product .product-content .buy-btn:hover {
          color: transparent;
          background-color: #F8F6F3; }
        html body.red #section-products .product .product-content .price {
          border: 2px solid #F8F6F3; }
    html body.red #section-tomatogramme {
      color: #CB2817;
      background-color: #F8F6F3; }
    html body.red #section-infos {
      color: #F8F6F3;
      background-color: #2B2A27; }
    html body.red #section-basket {
      color: #F8F6F3;
      background-color: #2B2A27; }
      html body.red #section-basket #basket-products .row {
        border-top: 2px solid #F8F6F3; }
        html body.red #section-basket #basket-products .row .col:nth-child(2) div svg path {
          fill: #F8F6F3; }
        html body.red #section-basket #basket-products .row .col:nth-child(2) input {
          color: #F8F6F3; }
      html body.red #section-basket #basket-delivery {
        border-top: 2px solid #F8F6F3; }
        html body.red #section-basket #basket-delivery .col.switch::after {
          border: 2px solid #F8F6F3; }
        html body.red #section-basket #basket-delivery .col.switch.sel::after {
          background-color: #F8F6F3; }
      html body.red #section-basket .form #coords input {
        color: #F8F6F3;
        background-image: radial-gradient(#F8F6F3 1px, transparent 0); }
      html body.red #section-basket .form #paiement .input h4::before {
        border: 2px solid #F8F6F3; }
      html body.red #section-basket .form #paiement .switch.sel h4::before {
        background-color: #F8F6F3; }
      html body.red #section-basket .form #validate {
        border: 2px solid #F8F6F3; }
      html body.red #section-basket .form #validate:hover {
        background-color: #F8F6F3;
        color: #2B2A27; }
      html body.red #section-basket #basket-view.validated {
        color: #F8F6F3;
        background-color: #2B2A27; }
        html body.red #section-basket #basket-view.validated #basket-back {
          border: 2px solid #F8F6F3; }
        html body.red #section-basket #basket-view.validated #basket-back:hover {
          color: #2B2A27;
          background-color: #F8F6F3; }
      html body.red #section-basket #basket-error {
        color: #CB2817;
        background-color: #2B2A27; }
  html body.green {
    color: #F8F6F3 !important;
    background-color: #5A8C69 !important; }
    html body.green #tomate svg path {
      fill: #F8F6F3; }
    html body.green .arrows svg path {
      fill: #F8F6F3; }
    html body.green #section-infos header,
    html body.green #section-basket header {
      color: #F8F6F3;
      background-color: #5A8C69; }
      html body.green #section-infos header .tomate-small svg path,
      html body.green #section-basket header .tomate-small svg path {
        fill: #F8F6F3; }
    html body.green #section-products .product {
      border-top: 2px solid #F8F6F3; }
      html body.green #section-products .product .product-content {
        color: #F8F6F3;
        background-color: #5A8C69; }
        html body.green #section-products .product .product-content .buy-btn,
        html body.green #section-products .product .product-content .soldout {
          color: #F8F6F3;
          border: 2px solid #F8F6F3; }
        html body.green #section-products .product .product-content .buy-btn:hover {
          color: transparent;
          background-color: #F8F6F3; }
        html body.green #section-products .product .product-content .price {
          border: 2px solid #F8F6F3; }
    html body.green #section-tomatogramme {
      color: #5A8C69;
      background-color: #F8F6F3; }
    html body.green #section-infos {
      color: #F8F6F3;
      background-color: #2B2A27; }
    html body.green #section-basket {
      color: #F8F6F3;
      background-color: #2B2A27; }
      html body.green #section-basket #basket-products .row {
        border-top: 2px solid #F8F6F3; }
        html body.green #section-basket #basket-products .row .col:nth-child(2) div svg path {
          fill: #F8F6F3; }
        html body.green #section-basket #basket-products .row .col:nth-child(2) input {
          color: #F8F6F3; }
      html body.green #section-basket #basket-delivery {
        border-top: 2px solid #F8F6F3; }
        html body.green #section-basket #basket-delivery .col.switch::after {
          border: 2px solid #F8F6F3; }
        html body.green #section-basket #basket-delivery .col.switch.sel::after {
          background-color: #F8F6F3; }
      html body.green #section-basket .form #coords input {
        color: #F8F6F3;
        background-image: radial-gradient(#F8F6F3 1px, transparent 0); }
      html body.green #section-basket .form #paiement .input h4::before {
        border: 2px solid #F8F6F3; }
      html body.green #section-basket .form #paiement .switch.sel h4::before {
        background-color: #F8F6F3; }
      html body.green #section-basket .form #validate {
        border: 2px solid #F8F6F3; }
      html body.green #section-basket .form #validate:hover {
        background-color: #F8F6F3;
        color: #2B2A27; }
      html body.green #section-basket #basket-view.validated {
        color: #F8F6F3;
        background-color: #2B2A27; }
        html body.green #section-basket #basket-view.validated #basket-back {
          border: 2px solid #F8F6F3; }
        html body.green #section-basket #basket-view.validated #basket-back:hover {
          color: #2B2A27;
          background-color: #F8F6F3; }
      html body.green #section-basket #basket-error {
        color: #5A8C69;
        background-color: #2B2A27; }
  html body.yellow {
    color: #2B2A27 !important;
    background-color: #E3C626 !important; }
    html body.yellow #tomate svg path {
      fill: #2B2A27; }
    html body.yellow .arrows svg path {
      fill: #2B2A27; }
    html body.yellow #section-infos header,
    html body.yellow #section-basket header {
      color: #2B2A27;
      background-color: #E3C626; }
      html body.yellow #section-infos header .tomate-small svg path,
      html body.yellow #section-basket header .tomate-small svg path {
        fill: #2B2A27; }
    html body.yellow #section-products .product {
      border-top: 2px solid #2B2A27; }
      html body.yellow #section-products .product .product-content {
        color: #2B2A27;
        background-color: #E3C626; }
        html body.yellow #section-products .product .product-content .buy-btn,
        html body.yellow #section-products .product .product-content .soldout {
          color: #2B2A27;
          border: 2px solid #2B2A27; }
        html body.yellow #section-products .product .product-content .buy-btn:hover {
          color: transparent;
          background-color: #2B2A27; }
        html body.yellow #section-products .product .product-content .price {
          border: 2px solid #2B2A27; }
    html body.yellow #section-tomatogramme {
      color: #E3C626;
      background-color: #2B2A27; }
    html body.yellow #section-infos {
      color: #2B2A27;
      background-color: #F8F6F3; }
    html body.yellow #section-basket {
      color: #2B2A27;
      background-color: #F8F6F3; }
      html body.yellow #section-basket #basket-products .row {
        border-top: 2px solid #2B2A27; }
        html body.yellow #section-basket #basket-products .row .col:nth-child(2) div svg path {
          fill: #2B2A27; }
        html body.yellow #section-basket #basket-products .row .col:nth-child(2) input {
          color: #2B2A27; }
      html body.yellow #section-basket #basket-delivery {
        border-top: 2px solid #2B2A27; }
        html body.yellow #section-basket #basket-delivery .col.switch::after {
          border: 2px solid #2B2A27; }
        html body.yellow #section-basket #basket-delivery .col.switch.sel::after {
          background-color: #2B2A27; }
      html body.yellow #section-basket .form #coords input {
        color: #2B2A27;
        background-image: radial-gradient(#2B2A27 1px, transparent 0); }
      html body.yellow #section-basket .form #paiement .input h4::before {
        border: 2px solid #2B2A27; }
      html body.yellow #section-basket .form #paiement .switch.sel h4::before {
        background-color: #2B2A27; }
      html body.yellow #section-basket .form #validate {
        border: 2px solid #2B2A27; }
      html body.yellow #section-basket .form #validate:hover {
        background-color: #2B2A27;
        color: #F8F6F3; }
      html body.yellow #section-basket #basket-view.validated {
        color: #2B2A27;
        background-color: #F8F6F3; }
        html body.yellow #section-basket #basket-view.validated #basket-back {
          border: 2px solid #2B2A27; }
        html body.yellow #section-basket #basket-view.validated #basket-back:hover {
          color: #F8F6F3;
          background-color: #2B2A27; }
      html body.yellow #section-basket #basket-error {
        color: #E3C626;
        background-color: #F8F6F3; } }