.hp-noteworthy { width: 100%; max-width: 449px; aspect-ratio: 449/635; text-decoration: none !important; display: flex; flex-direction: column; position: relative; overflow: hidden; }
.hp-noteworthy_thumbnail { margin: 0; z-index: 1; position: relative; }
.hp-noteworthy_img { display: block; width: 100%; max-width: calc(100% - 52px); margin: 0 auto; }
.hp-noteworthy_background { background: #A79E96; width: 100%; height: 100%; position: absolute; top: 50px; z-index: 0; }
.hp-noteworthy_background._black { background: #3D3D3D; }
.hp-noteworthy_content { margin: auto auto 0; padding: 0 28px 28px; z-index: 1; }
.hp-noteworthy_header { font-family: Roboto, Arial, sans-serif; font-size: 24px; font-weight: normal; line-height: 1; color: #FFFFFF; text-align: center; margin: 0 0 15px; }
.hp-noteworthy_copy { font-family: Roboto, Arial, sans-serif; font-size: 20px; line-height: 1.2; color: #FFFFFF; text-align: center; margin: 0 0 20px; }
.hp-noteworthy_btn { display: block; width: 194px; background: #FFFFFF; border: 1px solid #000000; margin: 0 auto; padding: 15px 10px; font-family: Roboto, Arial, sans-serif; font-size: 14px; font-weight: 700; line-height: 16px; letter-spacing: 2px; color: #000000; text-transform: uppercase; text-align: center; text-decoration: none; transition: background-color 0.2s; }
.hp-noteworthy_btn:hover { background: #ED1C24; border-color: #ED1C24; color: #FFFFFF; }

div.hp-noteworthy_value-price_container { background: var(--value-overlay-color, #3D3D3D); font-family: Roboto, Arial, sans-serif; color: #FFFFFF; position: absolute; top: 0; left: 26px; padding: 10px 15px 20px; border-bottom-right-radius: 20%; }
span.hp-noteworthy_value-price_indicator { font-size: 26px; }
div.hp-noteworthy_value-price { display: flex; flex-direction: row; flex-wrap: wrap; gap: 0; width: fit-content; margin: 7px 0 0; text-decoration: none; }
span.hp-noteworthy_value-price_tag > sup { font-size: 32px; font-weight: bold; line-height: 26px; display: block; position: static; }
span.hp-noteworthy_value-price_dollar { font-size: 70px; font-weight: bold; line-height: 52px; display: block; margin-left: 2px; }
span.hp-noteworthy_value-price_cents > sup { font-size: 32px; font-weight: bold; line-height: 26px; height: 30px; display: block; position: static; margin-left: 2px; }
span.hp-noteworthy_value-price_unit > sub { font-size: 16px; letter-spacing: 1.41px; line-height: 22px; display: block; margin-left: 2px; }

@media (min-width: 1200px) and (max-width: 1360px) {
  .hp-noteworthy_header { font-size: 20px; }
  .hp-noteworthy_copy { font-size: 16px; }
}

@media (min-width: 1024px) and (max-width: 1199px) {
  .hp-noteworthy_header { font-size: 20px; }
  .hp-noteworthy_copy { font-size: 16px; }
  .hp-noteworthy_btn { width: 150px; padding: 10px; }
  span.hp-noteworthy_value-price_indicator { font-size: 20px; }
  div.hp-noteworthy_value-price { margin-top: 3px; }
  span.hp-noteworthy_value-price_tag > sup { font-size: 24px; }
  span.hp-noteworthy_value-price_dollar { font-size: 50px; line-height: 45px; }
  span.hp-noteworthy_value-price_cents > sup { font-size: 24px; line-height: 26px; height: 22px; }
  span.hp-noteworthy_value-price_unit > sub { font-size: 14px; }
}

@media (max-width: 1023px) {
  .hp-noteworthy { max-width: none; min-width: 280px; aspect-ratio: 93/53; flex-direction: row; }
  .hp-noteworthy_thumbnail { width: 40%; margin: auto 0; padding: 0; box-sizing: border-box; }
  .hp-noteworthy_img { max-width: 100%; margin: 0; aspect-ratio: 36/52; }
  .hp-noteworthy_background { top: 0; }
  .hp-noteworthy_content { width: 50%; margin: auto auto; padding: 0 20px; box-sizing: border-box; }
  .hp-noteworthy_btn { width: 100%; max-width: 194px; }
  div.hp-noteworthy_value-price_container { left: 0; }
}

@media (max-width: 767px) {
  span.hp-noteworthy_value-price_indicator { font-size: 20px; }
  div.hp-noteworthy_value-price { margin-top: 3px; }
  span.hp-noteworthy_value-price_tag > sup { font-size: 24px; }
  span.hp-noteworthy_value-price_dollar { font-size: 50px; line-height: 45px; }
  span.hp-noteworthy_value-price_cents > sup { font-size: 24px; line-height: 26px; height: 22px; }
  span.hp-noteworthy_value-price_unit > sub { font-size: 14px; }
  .hp-noteworthy ._hide-mobile { display: none; }
}

@media (min-width: 460px) and (max-width: 600px) {
  .hp-noteworthy_header { font-size: 20px; }
  .hp-noteworthy_copy { font-size: 16px; }
  .hp-noteworthy_btn { max-width: 150px; }
}

@media (max-width: 540px) {
  div.hp-noteworthy_value-price_container { padding: 5px 10px 10px; }
  span.hp-noteworthy_value-price_indicator { font-size: 14px; }
  span.hp-noteworthy_value-price_tag > sup { font-size: 14px; line-height: 14px; }
  span.hp-noteworthy_value-price_dollar { font-size: 32px; line-height: 26px; }
  span.hp-noteworthy_value-price_cents > sup { font-size: 14px; line-height: 14px; height: 12px; }
  span.hp-noteworthy_value-price_unit > sub { font-size: 12px; line-height: 12px; letter-spacing: 1px; }
}

@media (max-width: 459px) {
  .hp-noteworthy_content { padding: 0 10px; }
  .hp-noteworthy_header { font-size: 14px; margin: 0 0 10px; }
  .hp-noteworthy_copy { font-size: 12px; margin: 0 0 10px; }
  .hp-noteworthy_btn { font-size: 12px; padding: 7px; max-width: 100px; }
}