html {
  -webkit-text-size-adjust: 100%;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

body {
  margin: 0;
  color: #111;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.45;
}

body > table {
  width: min(100%, 1200px) !important;
  margin-inline: auto;
}

table {
  max-width: 100%;
}

td,
th {
  overflow-wrap: anywhere;
}

img,
video,
iframe,
object,
embed {
  max-width: 100% !important;
}

img,
video {
  height: auto !important;
}

video {
  background: #000;
}

.video-container {
  width: 100%;
}

.video-blocks,
.video-blocks-2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 1rem;
  margin-bottom: 1rem;
}

font[size="2"] {
  font-size: 0.85rem;
}

font[size="3"] {
  font-size: 1rem;
}

.unavailable-product {
  color: #333;
  font-weight: 700;
}

@media (max-width: 760px) {
  body {
    background-attachment: scroll !important;
  }

  body > table,
  body > table > tbody,
  body > table > tbody > tr,
  body > table > tbody > tr > td {
    display: block;
    width: 100% !important;
  }

  body > table > tbody > tr > td {
    padding-inline: 0.5rem;
  }

  body > table > tbody > tr > td:first-child > table {
    width: 100% !important;
    margin-bottom: 1rem;
  }

  body > table > tbody > tr > td:first-child > table > tbody {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  body > table > tbody > tr > td:first-child > table > tbody > tr,
  body > table > tbody > tr > td:first-child > table > tbody > tr > td {
    display: block;
    width: 100% !important;
    height: 100%;
  }

  td[nowrap] {
    white-space: normal !important;
  }

  table[width] {
    width: 100% !important;
  }

  .video-blocks,
  .video-blocks-2 {
    display: block;
  }

  video {
    display: block;
    width: 100% !important;
    margin: 0 auto 1rem;
  }
}

@media (max-width: 420px) {
  body > table > tbody > tr > td:first-child > table > tbody {
    grid-template-columns: 1fr;
  }
}

@media print {
  body {
    background: #fff !important;
  }

  a {
    color: #000;
    text-decoration: none;
  }
}
