@font-face {font-family: 'montserrat';src: url('fonts/Montserrat-Medium.ttf') format('truetype');}
:root{--primary-color:#c10a28;}
a:active{-webkit-tap-highlight-color: transparent;}a{text-decoration: none;}
body{overflow-x: hidden;margin: 0;font-family:'montserrat';}
.moonlinks{display: flex;justify-content: center;align-items: center;flex-direction: column;}
.vip{width: 12%;position: absolute;left: 50%;transform: translateX(-50%);top:1%}
.slare{width: 8vw;}
h1,.toyotomi,.card,.img-cont img{margin: 2vh auto;display: block;}
.toyotomi{width:50%;margin-top:8vh;}
h1{width: fit-content;background-color: #dedede;padding:1% 2%;border-radius:50px;font-size:1.5rem;}
footer{margin-top:5vh;}
footer a{text-decoration: none;color:black;}
.img-cont img{width: 80%;background-color: #dedede;border-radius:30px;padding:1%;}
.card{
      width:100%;
      max-width:80%;
      border:2px solid var(--primary-color);
      border-radius:16px;
      padding:14px 16px 6px;
      box-sizing:border-box;
    }

    .card h2{
      margin:0 0 10px;
      font-size:1.1rem;
      color:var(--primary-color);
    }
.cont{padding:10px 6px;}
    /* ---------- Table ---------- */
    .specs{
      width:100%;
      border-collapse:collapse;
    }
    .specs td{
      padding:12px 0;
      vertical-align:top;

    }

    .label{
      font-weight:700;
      white-space:nowrap;
      color:var(--primary-color);
      width:1%;border-top:1px solid var(--primary-color);border-bottom:1px solid var(--primary-color);
    }

    /* ---------- Section Titles ---------- */
    .section-title{
      margin:14px 0 6px;
      color:var(--primary-color);
      font-weight:700;
    }
    .para{ margin:0 0 10px; }
          .specs, .specs tr, .specs td{ display:block; width:100%; }
      .specs tr{ margin:0 0 14px;}
      .label{ margin-bottom:4px; }
      .lang{position: absolute;right: 3%;top:1%;color: white;background-color: var(--primary-color);padding:2%;border-radius:30px;}
@media only screen and (min-width: 600px){
.vip{width: 7%;}
.slare{width: 5vw;}
.toyotomi{width: 60%;}
}
@media only screen and (min-width: 992px) {
.vip{width: 4%;}
.slare{width: 3vw;}
.toyotomi{width:30%;}
.img-cont img{width:50%;}
.card {max-width:60%;}
.label{border:none}
 .specs {
    display: table;
    border-collapse: collapse;
    width: 100%;
  }
  .specs tr {
    display: table-row;
    margin: 0;
  }
  .specs td {
    width: auto;
    display: table-cell;
    border-bottom: 1px solid #e9e9e9;
  }
.lang{padding:1%;}
 }
@media only screen and (min-width: 1700px) {
.vip{width: 3%;}
.slare{width: 2vw;}
.toyotomi{width: 20%;}
.img-cont img{width:40%;}.lang{padding:.5%;}
}