.ts-product-area {
  margin-top: 40px;
  background-color: var(--bg-color-dark-medium);
  border-radius: 10px;
}

.ts-product-info {
  border-radius: 10px;
}
.ts-product-area > .ts-product-main-img {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 459px;
  max-height: 459px;
}

.ts-product-area > .ts-product-main-img > img,
.ts-product-area > .ts-product-main-img > iframe {
  min-height: 459px;
  max-height: 459px;
}
.ts-product-area > .ts-product-listen-imgs {
  margin-top: 10px;
}

.ts-product-area > .ts-product-listen-imgs > ul {
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0px;
}

.ts-product-area > .ts-product-listen-imgs {
  margin: 10px auto;
}

.ts-product-area > .ts-product-listen-imgs > ul > li > img {
  max-width: 140px;
  width: 140px;
  border: 3px solid var(--font-color-secondary-dark);
}

.ts-product-area > .ts-product-listen-imgs > ul > li:hover img {
  border: 3px solid var(--bg-orange-secondary);
  cursor: pointer;
}

.active-image {
  border: 3px solid var(--bg-orange-secondary) !important;
  cursor: pointer !important;
}

.ts-product-area > .ts-product-listen-imgs > ul > li {
  margin: 0 8px;
}

.ts-about-product > .ts-product-card-about {
  border-radius: 8px;
  border: 1px solid var(--bg-color-gray-medium-secondary);
  padding: 10px;
  margin-top: 40px;
  padding: 40px;
}

.ts-card-bordered-about {
  padding: 20px;
}

.ts-about-product > .ts-product-card-about > h4 {
  color: var(--font-orange-secondary);
  font-family: "Poppins", sans-serif;
}

.ts-about-product > .ts-product-card-about > .ts-specify-product > .ts-price {
  font-family: Arial, sans-serif;
  font-weight: 300;
  font-size: 21pt;
  text-transform: uppercase;
  color: #37a84e;
}

.ts-about-product
  > .ts-product-card-about
  > .ts-specify-product
  > .ts-price
  > .ts-type-price {
  margin-right: 5px;
  color: #37a84e;
}

.ts-product-card-about > .ts-description-product {
  font-family: "Poppins", sans-serif;
  font-size: 11pt;
  color: rgb(197, 197, 197) !important;
  margin-top: 16px;
  margin-bottom: 30px;
  white-space: pre;
}

.ts-product-card-about > .ts-description-product > p {
  white-space: break-spaces;
  word-break: break-all;
}

.ts-buttons-controller > div {
  margin: 8px 0;
}
.ts-buttons-controller > div > button {
  display: block;
  width: 100%;
  border-radius: 5px;
  border: none;
  font-family: "Arial", sans-serif;
  font-size: 13pt;
  padding: 10px;
  font-weight: bold;
  color: #fff;
}

.ts-buttons-controller > .ts-btn-add-cart > button {
  background-color: var(--bg-orange-secondary);
  border: 2px solid var(--bg-orange-secondary);
  margin-bottom: 16px;
}
.ts-buttons-controller > .ts-btn-add-cart:hover button {
  background-color: var(--bg-color-orange-dark);
  border: 2px solid var(--bg-orange-secondary);
}

.ts-buttons-controller > .ts-btn-buy-now > button {
  background-color: transparent;
  border: 2px solid var(--bg-orange-secondary);
}

.ts-buttons-controller > .ts-btn-buy-now:hover button {
  background-color: var(--bg-orange-secondary);
  border: 2px solid var(--bg-orange-secondary);
}
.ts-specify-product {
  margin-bottom: 2px;
  line-height: 28px;
}

.ts-specify-product > .ts-line-through > .ts-price-promo {
  text-decoration: line-through;
  color: #9c9c9c;
  font-weight: 100;
  font-family: Arial, sans-serif;
  vertical-align: middle;
}

.ts-value-porcentage {
  border-radius: 5px;
  background-color: var(--bg-orange-secondary);
  color: #fff;
  font-weight: bold;
  font-size: 9pt;
  padding: 3px;
}

.ts-description-product > .ts-title {
  color: var(--font-orange-secondary);
}

.ts-description-product > .ts-about-product > .ts-text-desc {
  color: rgb(197, 197, 197);
  white-space: pre;
}

.ts-card-bordered-about > h4 {
  color: var(--font-orange-secondary);
  margin-bottom: 16px;
  font-family: "Poppins", sans-serif;
}

.ts-controller-table-p {
  display: flex;
  justify-content: left;
}

.ts-controller-table-p > a {
  padding-left: 5px;
  padding-right: 5px;
}
