.alliages {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
}

.alliages > div{
  display: flex;
  flex-direction: column;
  gap: var(--gap);
}
.alliages > div h2{
  margin: 0;
}
.alliages a{
  width: fit-content;
  display: flex;
  gap: var(--gap);
  align-items: flex-end;
}
.alliages a span{
  border-radius: calc(var(--radius) / 2);
  background: var(--black-mask);
  backdrop-filter: blur(10px);
}
.alliages li{
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: auto auto auto;

}
.alliages ul{
  display: flex;
  gap: var(--gap);
}
.alliages li{
  border: 1px solid #FFFFFF50;
  border-radius: calc(var(--radius) / 2);
  padding: var(--gap);
  background: var(--black-mask);
  backdrop-filter: blur(10px);
}
.alliages li span:first-of-type {
  grid-row: 1 / 3;
  grid-column: 1 / 2;
  font-size: var(--large-font);
  line-height: 100%;
  align-self: flex-start; 
}
.alliages li span:nth-child(2){
  grid-row: 1 / 2;
  grid-column: 2 / 3;
  text-align: right;
  font-size: var(--small-font);
}
.alliages li span:nth-child(3){
  grid-row: 2 / 3;
  grid-column: 2 / 3;
  text-align: right;
  font-size: var(--small-font);
}
.alliages li span:last-of-type {
  grid-row: 3 / 4;
  grid-column: 1 / 3;
  color: var(--primary);
  font-size: var(--small-font);
  margin-top: var(--gap);
}

/* SIMPLE VIEW */
.alliages.simple-alliage-view ul{
  justify-content: center;
  margin: 0;
  padding: 0;
}
.alliages.simple-alliage-view li {width: 100%;}
.alliages.simple-alliage-view li span:first-of-type {
  font-size: var(--x-large-font);
}
.alliages.simple-alliage-view li span:nth-child(2),
.alliages.simple-alliage-view li span:nth-child(3),
.alliages.simple-alliage-view li span:last-of-type{
  font-size: var(--medium-font);
}
@media (max-width: 1600px) {

}
@media (max-width: 1200px) {
    
}
@media (max-width: 992px) {
  
}
@media (max-width: 768px) {
  
}
@media (max-width: 576px) {
  .alliages {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    gap: var(--gap);
  }
}