.u-mod-img__product-image {
  overflow: hidden;
}

.u-mod-img__product-image[data-type="primary"] {
  aspect-ratio: 640 / 500;
}

.u-mod-img__product-image[data-type="primary"] img {
  transform: scale(1.2);
}

.u-mod-img__product-image[data-type="2-panel"] {
  aspect-ratio: 640 / 360;
}

.u-mod-img__product-image[data-type="3-panel"] {
  aspect-ratio: 640 / 470;
}

.u-mod-img__product-image[data-type="4-panel"] {
  aspect-ratio: 640 / 580;
}

.u-mod-img__product-image[data-type="5-panel"] {
  aspect-ratio: 640 / 690;
}

.u-mod-img__product-image[data-type="6-panel"] {
  aspect-ratio: 640 / 790;
}

.u-mod-img__product-image[data-type="7-panel"] {
  aspect-ratio: 640 / 880;
}

.u-mod-img__product-image img {
  object-fit: cover;
  object-position: center center;
  width: 100%;
  height: 100%;
}

.u-mod-img__product-image[data-type="2-panel"] img,
.u-mod-img__product-image[data-type="3-panel"] img,
.u-mod-img__product-image[data-type="4-panel"] img,
.u-mod-img__product-image[data-type="5-panel"] img,
.u-mod-img__product-image[data-type="6-panel"] img,
.u-mod-img__product-image[data-type="7-panel"] img {
  object-position: center bottom;
}

.u-mod-img__size-sm img {
  max-width: 13rem;
}

.u-mod-table__lite td {
  padding-top: 0.3rem;
  padding-bottom: 0.3rem;
  padding-right: 1rem;
  vertical-align: top;
}

.u-mod-table__wrapper {
  overflow: auto;
}

.u-mod-table__default {
  --border-internal-color: var(--v-color__2);

  width: 100%;
  border: 1px solid var(--v-color__3);
  border-radius: var(--v-border-radius__md);
  overflow: hidden;

  font-size: 90%;
  line-height: 1.2;
}

.u-mod-table__default .has-border-right--alt1 {
  --border-internal-color: var(--v-color__3);
}

.u-mod-table__default thead th,
.u-mod-table__default tbody td {
  padding: 0.5rem;
  text-align: left;
}

.u-mod-table__default-head-row th {
  background-color: var(--v-color__3);
  color: var(--v-color__2);
}

.u-mod-table__default-head-row--alt1 th {
  background-color: var(--v-color__3--alt1);
}

.u-mod-table__default tbody td {
  background-color: var(--v-color__2);
  font-size: 90%;
}

.u-mod-table__default tbody > :nth-child(odd) > td {
  background-color: var(--v-color__2--alt1);
}

/*
.u-mod-table__default tbody tr:hover td {
  background-color: var(--v-color__3--alt2) !important;
}

.u-mod-table__default tbody tr:hover td:hover {
  background-color: var(--v-color__3--alt3) !important;
}
*/

.u-mod-table__default th.has-border-bottom,
.u-mod-table__default td.has-border-bottom,
.u-mod-table__default tr.has-border-bottom th,
.u-mod-table__default tr.has-border-bottom td {
  border-bottom: 1px solid var(--border-internal-color);
}

.u-mod-table__default th.has-border-right,
.u-mod-table__default td.has-border-right,
.u-mod-table__default tr.has-border-right th,
.u-mod-table__default tr.has-border-right td {
  border-right: 1px solid var(--border-internal-color);
}

.u-mod-table__default-comment {
  font-size: 80%;
  line-height: 1.2;
  font-weight: var(--v-font-weight__default);
}

.u-mod-bg__repeat {
  background-size: auto 100% !important;
  background-repeat: repeat !important;
  background-position: left !important;
}

.u-mod-link__lg {
  display: inline-block;
  font-size: 130%;
  text-decoration: none;
  font-weight: var(--v-font-weight__default--bold);
}

.u-mod-link__lg:hover {
  color: var(--v-color__4);
}

.u-mod-text-size__md {
  font-size: 110% !important;
}

.u-mod-text-size__lg {
  font-size: 130% !important;
}

.u-mod-text-size__xl {
  font-size: 150% !important;
}

.u-mod-decorate__style1 > .w153-pbd-element__inner--0 {
  border: 2px solid var(--v-color__4);
  padding: 1rem;
  border-radius: var(--v-border-radius__sm);
}

.u-mod-step {
  text-align: center;
}

.u-mod-step > p {
  display: inline-flex;
  gap: 1rem;
  font-size: 130%;
  align-items: center;
  font-weight: var(--v-font-weight__default--bold);
}

.u-mod-step > p strong {
  font-size: 200%;
  font-weight: var(--v-font-weight__default--bold);
  color: var(--v-color__4);
}

@media (min-width: 1000px) {
  .u-mod-table__default {
    font-size: 100%;
  }

  .u-mod-table__default thead th,
  .u-mod-table__default tbody td {
    padding: 1rem;
  }

  .u-mod-decorate__style1 > .w153-pbd-element__inner--0 {
    padding: 2rem;
  }
}