@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 AUCUNE REGLE CSS. Rappel utile :
     la base du site est font-size 62.5%, donc 1rem = 10px.

     LARGEUR : PLEINE LARGEUR DU CONTENEUR (`.list_wine.container`, 1180px sur grand
     ecran). Decision d'Etienne le 09/09/2026, ligne tracee a la main sur une capture
     jusqu'au bord droit des cartes de vins.

     ⚠️ NE PAS reintroduire de `max-width` de lecture ici, et NE PAS recentrer avec
     `margin: 0 auto`. Les deux ont ete essayes le meme jour et rejetes :
       - 72rem centre  -> le bloc flotte entre deux marges, sans appui ni sur le titre,
         qui court sur toute la largeur, ni sur la colonne de filtres en dessous
         (« c'est super moche sur un ordi ») ;
       - 72rem aligne a gauche -> le paragraphe s'arrete aux deux tiers et laisse un
         grand vide a sa droite, alors que titre, liste et cartes occupent tout.
     Sur CETTE page, le desequilibre de composition coute plus cher que la longueur de
     ligne. C'est l'interligne genereux (2.8rem pour 1.6rem, soit 1.75) qui rend ces
     lignes longues lisibles — ne pas le reduire. */
  /* « 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 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. */
  /* « Types de vins », sous la liste des vins : c'est cette section qui assure du contenu
     des DEUX cotes des liens. Le filet superieur la separe de la liste — sans lui, le
     texte semblait appartenir a la pagination qui le precede.
     Filet et texte courent tous deux sur toute la largeur du conteneur (cf. %hub-mesure). */
  /* 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. */
  /* Pleine largeur du conteneur, comme le reste de la page. Les pastilles se centrent
     d'elles-memes dans cette largeur : c'est une grille, pas un paragraphe, elle n'a pas
     de mesure de lecture a respecter. */
}
@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__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 0 4.8rem 0;
}
@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;
  /* Serre contre le texte : isolee par un grand blanc, l'etiquette avait l'air
     posee la par erreur au lieu de coiffer le paragraphe. */
  margin: 0 0 1.2rem 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 {
  width: 100%;
  margin: 5.6rem 0 0 0;
  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: 100%;
  margin: 5.6rem 0 0 0;
}
@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;
  }
}