@import url(https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@300;400;500;600;700&display=swap);
@charset "UTF-8";
@font-face {
  font-family: "TT Chocolates Regular";
  font-style: normal;
  font-weight: normal;
  src: local("TT Chocolates Regular"), url(/fonts/TTChocolatesRegular.woff?9bcc06d5984cd5d0489b0d430a5ce2ef) format("woff");
}
@font-face {
  font-family: "TT Chocolates Light";
  font-style: normal;
  font-weight: normal;
  src: local("TT Chocolates Light"), url(/fonts/TTChocolatesLight.woff?f54e43c7879a2370565e3b4380c606aa) format("woff");
}
@font-face {
  font-family: "TT Chocolates Bold";
  font-style: normal;
  font-weight: normal;
  src: local("TT Chocolates Bold"), url(/fonts/TTChocolatesBold.woff?1e81d6cc07f695ca084e56b95f99be84) format("woff");
}
@font-face {
  font-family: "icomoon";
  src: url(/fonts/icomoon.woff?1fed0be07b0da595bd9687f3719a7924) format("woff"), url(/fonts/icomoon.svg?cc913b47a8c17df417dbd576142e58f1#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-certification:before {
  content: "\e900";
}

.icon-search:before {
  content: "\e901";
}

.icon-line:before {
  content: "\e902";
}

.icon-arrow-up:before {
  content: "\e903";
}

.icon-croix:before {
  content: "\e904";
}

.icon-menu:before {
  content: "\e905";
}

.icon-arrow-down:before {
  content: "\e906";
}

.icon-insta:before {
  content: "\e907";
}

.icon-facebook:before {
  content: "\e908";
}

.icon-twitter:before {
  content: "\e909";
}

.icon-linkedin:before {
  content: "\e90a";
}

.icon-categ:before {
  content: "\e90b";
}

.icon-cepage:before {
  content: "\e90c";
}

.icon-domaine:before {
  content: "\e90d";
}

.icon-region:before {
  content: "\e90e";
}

.icon-pays:before {
  content: "\e90f";
}

.icon-appelation:before {
  content: "\e910";
}

.icon-cuve:before {
  content: "\e911";
}

.icon-arrow-left:before {
  content: "\e912";
}

.icon-big-arrow-left:before {
  content: "\e913";
}

.icon-big-arrow-right:before {
  content: "\e914";
}

.button {
  display: inline-block;
  padding: 1.5rem 4rem;
  font-family: "TT Chocolates Bold";
  color: #fff;
  text-transform: uppercase;
  border: none;
  line-height: 2rem;
  max-width: 30rem;
  text-align: center;
}
@media (max-width: 667px) {
  .button {
    max-width: 100%;
    width: 100%;
  }
}
.button--primary {
  background-color: #1f1f1f;
  border: 2px solid #1f1f1f;
}
.button--secondary {
  background-color: #d2b87a;
  border: 2px solid #d2b87a;
}
.button--bordered {
  border: 2px solid #1f1f1f;
  background-color: transparent;
  color: #1f1f1f;
}
.button--arrow {
  display: flex;
  align-items: center;
  justify-content: center;
}
.button--arrow::before {
  content: "\e914";
  font-family: "icomoon";
  color: #d2b87a;
  font-size: 2.4rem;
  margin-right: 0.8rem;
}

hr {
  width: 100%;
  background-color: #efefef;
  height: 1px;
  border: 0;
}

input, textarea {
  border: solid 1px #e1dfda;
  padding: 1.5rem 2rem;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  font-family: "Lexend Deca", sans-serif;
  font-weight: 300;
}
input::placeholder, textarea::placeholder {
  font-family: "Lexend Deca", sans-serif;
  font-weight: 300;
}

input[type=radio] {
  border: solid 1px #e1dfda;
  margin: 0 0.8rem 0 0;
}

.advertising-large {
  padding: 3rem 0 2rem 0;
  display: flex;
  justify-content: center;
}
.advertising-large img {
  width: 98rem;
}
@media (max-width: 960px) {
  .advertising-large img {
    width: 100%;
  }
}

input[type=checkbox] {
  border: solid 1px #e1dfda;
  border-radius: 50%;
}

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  border: solid 1px #e1dfda;
  padding: 1.5rem 2rem;
  font-family: "Lexend Deca", sans-serif;
  font-weight: 300;
  background-image: url(/images/icon-arrow-down.svg?c99a8373ab3722a034da32c321b81760);
  background-repeat: no-repeat;
  background-position: calc(100% - 3px) center;
  background-size: 2.4rem;
}

.range-slider {
  width: 100%;
  margin: auto;
  text-align: center;
  position: relative;
  height: 4rem;
}
.range-slider div {
  display: flex;
  justify-content: space-between;
}
.range-slider input {
  box-shadow: none;
  outline: 0;
  border: none !important;
  padding: 0;
}
.range-slider input[type=range] {
  -webkit-appearance: none;
  width: 100%;
}
.range-slider input[type=range]:focus {
  outline: none;
}
.range-slider input[type=range]:focus::-webkit-slider-runnable-track, .range-slider input[type=range]:focus::-ms-fill-lower, .range-slider input[type=range]:focus::-ms-fill-upper {
  background: #d2b87a;
}
.range-slider input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 2px;
  cursor: pointer;
  background: #d2b87a;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}
.range-slider input[type=range]::-webkit-slider-thumb {
  z-index: 2;
  position: relative;
  border: 1px solid #d2b87a;
  height: 13px;
  width: 13px;
  border-radius: 25px;
  background: white;
  cursor: pointer;
  -webkit-appearance: none;
  margin-top: -5.5px;
}
.range-slider input[type=range]::-moz-range-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  background: #d2b87a;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}
.range-slider input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
.range-slider input[type=range]::-ms-fill-lower, .range-slider input[type=range]::-ms-fill-upper {
  background: #d2b87a;
  border-radius: 1px;
  box-shadow: none;
  border: 0;
}
.range-slider input[type=range]::-ms-thumb {
  z-index: 2;
  position: relative;
  border: 1px solid #d2b87a;
  height: 13px;
  width: 13px;
  border-radius: 25px;
  background: #fff;
  cursor: pointer;
}

.range-slider svg,
.range-slider input[type=range] {
  position: absolute;
  left: 0;
  bottom: 0;
}

.list_wine {
  padding: 3rem 0;
  display: flex;
  flex-direction: column;
  /* ══ HUBS D'APPELLATION — chapeau, types de vins, maillage lateral ══════════════
     Ces trois blocs ont ete ajoutes le 07/09/2026 SANS AUCUN STYLE : le texte
     courait sur toute la largeur du conteneur, soit ~180 caracteres par ligne, le
     surplus du chapeau tombait brut sous la pagination et les appellations voisines
     s'affichaient en liens bleus par defaut. Illisible.

     MESURE DE LECTURE : 70rem = 700px. A 1.6rem (16px), cela donne ~75 caracteres
     par ligne, l'optimum typographique. Le 98rem de __intro ci-dessus convient a une
     phrase unique centree, pas a deux paragraphes de prose.
     Rappel : la base du site est font-size 62.5%, donc 1rem = 10px. */
  /* « LIRE LA SUITE » — repli du chapeau, sans une ligne de JavaScript.
     Une case a cocher masquee pilote la hauteur du bloc. Le texte est ENTIER dans le
     HTML : ni tronque, ni charge apres coup. Un robot le lit en totalite, et il reste
     lisible si la feuille de style ne se charge pas.

     Le repli n'agit QUE sur mobile et tablette. 70 % des visites sont mobiles (Etienne,
     09/09/2026) et la presentation mediane fait 739 caracteres — sur un ecran de
     telephone, c'est un mur avant d'atteindre la liste des vins, qui est ce que le
     visiteur vient chercher. Sur grand ecran, a 70rem de large, le texte tient sans
     gener : on l'affiche entier.

     ⚠️ NE PAS revenir a l'ancienne solution — couper la presentation en deux et renvoyer
     le surplus sous la liste. Elle scindait un meme paragraphe en deux moities separees
     par toute la hauteur de la page (« c'est dommage d'avoir coupe le texte en deux,
     c'est assez moche », Etienne, 09/09/2026), et elle frappait plus d'une presentation
     sur deux : 358 sur 664 depassent 700 caracteres. */
  /* Masquee a l'oeil, mais TOUJOURS focalisable au clavier. `display: none` ou l'attribut
     `hidden` la sortiraient de l'ordre de tabulation : le bouton deviendrait cliquable a
     la souris et inatteignable autrement. On la deplace hors champ visuel. */
  /* Sur grand ecran il n'y a rien a deplier : le bouton n'existe pas. */
  /* Le statut (A.O.C./A.O.P., I.G.P.…) flottait en paragraphe orphelin au-dessus du
     texte. C'est une etiquette, pas une phrase : on la traite comme telle. */
  /* Suite du chapeau + « Types de vins », sous la liste des vins. Le filet superieur
     separe l'editorial de la liste : sans lui le texte semblait appartenir a la
     pagination qui le precede. */
  /* Maillage lateral : une grille de pastilles, pas une liste a puces de liens bleus.
     Les libelles sont COURTS (nom de l'appellation seul) — l'intitule complet
     « Les vins de X primes au Gilbert & Gaillard International Challenge », repete
     quinze fois, rendait le bloc illisible et diluait l'ancre pour le referencement. */
}
@media (max-width: 960px) {
  .list_wine {
    padding: 1.9rem 0;
  }
}
@media (max-width: 960px) {
  .list_wine .advertising-large {
    display: none;
  }
}
.list_wine__title {
  margin: 2rem 0 2.4rem 0;
  font-size: 4rem;
  line-height: 4.2rem;
  text-align: center;
  font-family: "TT Chocolates Light";
}
@media (max-width: 960px) {
  .list_wine__title {
    font-size: 3.2rem;
    line-height: 3.4rem;
  }
}
.list_wine__intro {
  width: 98rem;
  margin: 0 auto 6rem auto;
  text-align: center;
  line-height: 2.4rem;
}
@media (max-width: 1280px) {
  .list_wine__intro {
    width: 100%;
  }
}
@media (max-width: 960px) {
  .list_wine__intro {
    margin: 0 auto 2.4rem auto;
    width: 100%;
  }
}
.list_wine .list_wine__types, .list_wine .list_wine__chapeau {
  width: 70rem;
  max-width: 100%;
}
@media (max-width: 1280px) {
  .list_wine .list_wine__types, .list_wine .list_wine__chapeau {
    width: 100%;
  }
}
.list_wine .list_wine__types p, .list_wine__types .list_wine p, .list_wine .list_wine__encepagement, .list_wine .list_wine__presentation {
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: #1f1f1f;
}
.list_wine .list_wine__internal-linking h2, .list_wine__internal-linking .list_wine h2, .list_wine .list_wine__types h2, .list_wine__types .list_wine h2 {
  margin: 0 0 1.6rem 0;
  font-family: "TT Chocolates Light";
  font-size: 2.6rem;
  line-height: 3.2rem;
  color: #1f1f1f;
}
@media (max-width: 960px) {
  .list_wine .list_wine__internal-linking h2, .list_wine__internal-linking .list_wine h2, .list_wine .list_wine__types h2, .list_wine__types .list_wine h2 {
    font-size: 2.2rem;
    line-height: 2.8rem;
  }
}
.list_wine__chapeau {
  margin: 0 auto 4.8rem auto;
}
@media (max-width: 960px) {
  .list_wine__chapeau {
    margin-bottom: 2.8rem;
  }
}
.list_wine__chapeau-etat {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}
.list_wine__chapeau-corps {
  position: relative;
}
.list_wine__chapeau-bascule {
  display: none;
}
@media (max-width: 960px) {
  .list_wine {
    /* La case etant hors champ, c'est le bouton qui doit montrer le focus clavier. */
  }
  .list_wine__chapeau-corps {
    max-height: 16.8rem; /* 6 lignes a 2.8rem */
    overflow: hidden;
    /* Degrade de lecture : signale que le texte continue, sans barre ni pointilles. */
  }
  .list_wine__chapeau-corps::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 5.6rem;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #fff 85%);
    pointer-events: none;
  }
  .list_wine__chapeau-etat:checked ~ .list_wine__chapeau-corps {
    max-height: none;
  }
  .list_wine__chapeau-etat:checked ~ .list_wine__chapeau-corps::after {
    display: none;
  }
  .list_wine__chapeau-bascule {
    display: inline-block;
    margin-top: 1.2rem;
    padding: 0;
    font-family: "TT Chocolates Bold";
    font-size: 1.3rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #8a6f28;
    cursor: pointer;
    border-bottom: 1px solid rgba(210, 184, 122, 0.6);
  }
  .list_wine__chapeau-bascule .replier {
    display: none;
  }
  .list_wine__chapeau-etat:focus-visible ~ .list_wine__chapeau-bascule {
    outline: 2px solid #d2b87a;
    outline-offset: 3px;
  }
  .list_wine__chapeau-etat:checked ~ .list_wine__chapeau-bascule .deplier {
    display: none;
  }
  .list_wine__chapeau-etat:checked ~ .list_wine__chapeau-bascule .replier {
    display: inline;
  }
}
.list_wine__statut {
  display: inline-block;
  margin: 0 0 1.8rem 0;
  padding: 0.5rem 1.2rem;
  font-family: "TT Chocolates Bold";
  font-size: 1.1rem;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: #8a6f28;
  background-color: rgba(210, 184, 122, 0.16);
}
.list_wine__presentation {
  margin: 0;
}
.list_wine__encepagement {
  margin: 2.4rem 0 0 0;
  padding: 1.6rem 2rem;
  font-size: 1.5rem;
  line-height: 2.4rem;
  background-color: #f0f0f0;
  border-left: 3px solid #d2b87a;
}
.list_wine__encepagement strong {
  display: block;
  margin-bottom: 0.6rem;
  font-family: "TT Chocolates Bold";
  font-size: 1.1rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #7e7e7e;
}
.list_wine__types {
  margin: 5.6rem auto 0 auto;
  padding-top: 4rem;
  border-top: 1px solid rgba(0, 0, 0, 0.09);
}
@media (max-width: 960px) {
  .list_wine__types {
    margin-top: 3.2rem;
    padding-top: 2.4rem;
  }
}
.list_wine__types p {
  margin: 0 0 2rem 0;
}
.list_wine__types p:last-child {
  margin-bottom: 0;
}
.list_wine__types p + h2 {
  margin-top: 3.6rem;
}
.list_wine__internal-linking {
  width: 98rem;
  max-width: 100%;
  margin: 5.6rem auto 0 auto;
}
@media (max-width: 1280px) {
  .list_wine__internal-linking {
    width: 100%;
  }
}
@media (max-width: 960px) {
  .list_wine__internal-linking {
    margin-top: 3.2rem;
  }
}
.list_wine__internal-linking h2 {
  margin-bottom: 2.4rem;
  text-align: center;
}
.list_wine__internal-linking ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.list_wine__internal-linking li {
  margin: 0;
}
.list_wine__internal-linking a {
  display: inline-block;
  padding: 0.9rem 1.8rem;
  font-size: 1.4rem;
  line-height: 1.8rem;
  color: #1f1f1f;
  text-decoration: none;
  border: 1px solid rgba(0, 0, 0, 0.13);
  border-radius: 2rem;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}
.list_wine__internal-linking a:hover, .list_wine__internal-linking a:focus {
  border-color: #d2b87a;
  background-color: rgba(210, 184, 122, 0.14);
}
.list_wine__content {
  display: flex;
}
@media (max-width: 960px) {
  .list_wine__content {
    flex-direction: column;
  }
}
.list_wine .button-toggle {
  display: none;
}
@media (max-width: 960px) {
  .list_wine .button-toggle {
    display: block;
    margin: 0 auto 2rem auto;
    text-align: center;
    border-color: #d2b87a;
  }
}
.list_wine__search {
  width: 28rem;
  margin-right: 4.8rem;
}
@media (max-width: 960px) {
  .list_wine__search {
    padding: 1.5rem 0;
    display: none;
  }
}
.list_wine__search .title {
  margin-bottom: 1rem;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
@media (max-width: 960px) {
  .list_wine__search .title {
    margin-left: 5vw;
    max-width: 75%;
  }
}
.list_wine__search .icon-croix {
  display: none;
}
@media (max-width: 960px) {
  .list_wine__search .icon-croix {
    display: block;
    position: absolute;
    top: 2.7rem;
    right: 2rem;
    font-size: 2rem;
  }
}
.list_wine__search .form {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.list_wine__search .form .container-bio {
  position: relative;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  margin-top: 1.6rem;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  border: solid 1px #e1dfda;
  padding: 0.5rem 2rem 0.5rem 4.5rem;
  background-color: #fff;
}
.list_wine__search .form .container-bio input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}
.list_wine__search .form .container-bio input:checked ~ .checkmark {
  background-color: #2196F3;
}
.list_wine__search .form .container-bio input:checked ~ .checkmark:after {
  display: flex;
}
.list_wine__search .form .container-bio .checkmark {
  position: absolute;
  top: 1.2rem;
  left: 2rem;
  height: 18px;
  width: 18px;
  border: 1px solid #1f1f1f;
  border-radius: 50%;
  background-color: #fff;
}
.list_wine__search .form .container-bio .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 2.5px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.list_wine__search .form select {
  margin-top: 1.6rem;
}
.list_wine__search .form .button {
  margin: 1.6rem 0 0 0;
}
@media (max-width: 960px) {
  .list_wine__search .form .button {
    margin: 1.6rem auto;
  }
}
.list_wine__search .form a {
  margin: 1.6rem auto;
  text-decoration: underline;
  font-weight: 600;
}
@media (max-width: 960px) {
  .list_wine__search .form a {
    display: none;
  }
}
.list_wine__search .form .dropdown {
  margin-top: 1.6rem;
  border: solid 1px #e1dfda;
  padding: 0.5rem 2rem;
  cursor: pointer;
}
.list_wine__search .form .dropdown .dropbtn {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.list_wine__search .form .dropdown .dropbtn:after {
  font-family: "icomoon";
  margin-right: -1.6rem;
  font-size: 2rem;
  line-height: 16px;
  font-weight: 900;
  content: "\e906";
  color: #1f1f1f;
}
.list_wine__search .form .dropdown .active {
  font-weight: bold;
}
.list_wine__search .form .dropdown .active:after {
  content: "\e903";
}
.list_wine__search .form .dropdown-content {
  display: none;
  margin-bottom: 1.5rem;
  margin-top: 1rem;
}
.list_wine__search .form .show {
  display: block;
}
.list_wine__search hr {
  margin: 0 0 1.6rem 0;
}
@media (max-width: 960px) {
  .list_wine__search hr {
    margin: 0 5vw 1.6rem 5vw;
  }
}
.list_wine__search .article__pub {
  width: 100%;
}
@media (max-width: 960px) {
  .list_wine__search .article__pub {
    display: none;
  }
}
.list_wine .overlay {
  display: block;
  height: 100%;
  position: fixed;
  z-index: 1020;
  left: 0;
  top: 0;
  background-color: #fff;
  overflow-x: hidden;
  transition: 0.5s;
}
.list_wine .overlay-content {
  position: relative;
  margin: 0 auto;
  max-width: 90vw;
  width: 100%;
  text-align: center;
}
.list_wine__list {
  width: 100%;
  display: flex;
  flex-direction: column;
}
.list_wine__list .list .wine {
  margin-top: -1px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 1.9rem 2.4rem;
  color: #1f1f1f;
  border: 1px solid #f0f0f0;
}
.list_wine__list .list .wine__img {
  width: 4.5rem;
  margin-right: 5.6rem;
}
@media (max-width: 1280px) {
  .list_wine__list .list .wine__img {
    margin-right: 2rem;
  }
}
@media (max-width: 960px) {
  .list_wine__list .list .wine__img {
    margin-right: 1rem;
  }
}
.list_wine__list .list .wine__content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
@media (max-width: 960px) {
  .list_wine__list .list .wine__content {
    flex-direction: column-reverse;
  }
}
.list_wine__list .list .wine__deco {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.list_wine__list .list .wine__info {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.list_wine__list .list .wine__info > div {
  display: flex;
  align-items: center;
}
.list_wine__list .list .wine__info > div span {
  margin-right: 1rem;
  color: #d2b87a;
  font-size: 2rem;
}
.list_wine__list .list .wine__info .name {
  font-weight: 600;
}
.list_wine__list .list .wine__labels {
  width: 15rem;
}
.list_wine__list .list .wine__labels img {
  width: 3.2rem;
  margin-right: 1.5rem;
}
@media (max-width: 960px) {
  .list_wine__list .list .wine__labels img {
    margin-right: 0.8rem;
  }
}
.list_wine__list .list .wine__points {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: "TT Chocolates Bold";
  text-transform: uppercase;
  line-height: 2.4rem;
}
@media (max-width: 960px) {
  .list_wine__list .list .wine__points {
    width: 5.5rem;
    height: 5.5rem;
  }
}
.list_wine__list .list .wine__points > p:first-child {
  font-size: 3.2rem;
  color: #1f1f1f;
}
@media (max-width: 960px) {
  .list_wine__list .list .wine__points > p:first-child {
    font-size: 2.2rem;
    line-height: 2.2rem;
  }
}
.list_wine__list .list .wine__points > p:last-child {
  color: #d2b87a;
}
@media (max-width: 960px) {
  .list_wine__list .list .wine__points > p:last-child {
    font-size: 1rem;
    line-height: 2rem;
  }
}
.list_wine__general {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2.3rem;
}
.list_wine__general .number {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 2.4rem;
}
@media (max-width: 960px) {
  .list_wine__general .number {
    text-align: center;
  }
}
.list_wine__general .reset {
  display: none;
  text-decoration: underline;
  font-weight: 500;
}
@media (max-width: 960px) {
  .list_wine__general .reset {
    display: flex;
  }
}