/* Base isolada para navegadores antigos de Smart TV. */
* { box-sizing: border-box; }
html, body {
  width: 100%;
  height: 100%;
  margin: 0;
  overflow: hidden;
  background: #090909;
  color: #fff8ee;
  font-family: Arial, sans-serif;
}
/* No visor da TV, o ponteiro não deve ficar sobre os preços. */
html.tv-mode, html.tv-mode body, html.tv-mode body * { cursor: none !important; }
.display-shell { position: relative; width: 100%; height: 100%; padding: 28px 38px 20px; }
.slides { position: absolute; top: 28px; right: 38px; bottom: 58px; left: 38px; }
.slide { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: none; width: 100%; height: 100%; }
.slide.active { display: block; }
.price-card {
  position: relative;
  float: left;
  width: 48.5%;
  height: 30.5%;
  margin: 0 3% 2.6% 0;
  padding: 12px 18px;
  overflow: hidden;
  border: 1px solid #a94d16;
  border-radius: 18px;
  background: #211d19;
}
.price-card:nth-child(2n) { margin-right: 0; }
.product-image {
  float: left;
  width: 35%;
  height: 100%;
  margin-right: 4%;
  border-radius: 14px;
  background-image: url('/images/bakery-products-sprite.png');
  background-repeat: no-repeat;
  background-size: 600% 300%;
}
.product-copy { float: left; width: 61%; padding-top: 2.5%; }
.product-name { margin: 0 0 18px; color: #fff8ee; font-size: 32px; line-height: 1.05; }
.price-label { margin: 0 0 4px; color: #ff9a38; font-size: 13px; font-weight: bold; text-transform: uppercase; }
.price { white-space: nowrap; }
.currency { color: #ff9a38; font-size: 23px; font-weight: bold; }
.amount { color: #fff8ee; font-size: 54px; font-weight: bold; }
.unit { color: #c8bbae; font-size: 30px; font-weight: bold; }
.display-footer { position: absolute; right: 38px; bottom: 18px; left: 38px; height: 28px; }
.progress { float: left; }
.progress-dot { display: inline-block; width: 38px; height: 5px; margin-right: 9px; border-radius: 5px; background: #413831; }
.progress-dot.active { background: #f47a1f; }
.status { float: right; margin: 0; color: #8f8378; font-size: 15px; }
.loading-card, .error-card { padding-top: 25%; color: #c8bbae; text-align: center; font-size: 26px; }
.controls { display: none; }
.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
}