/* Design presentation only. Eligibility remains the existing data-netflix flag. */
.store-card.has-netflix-benefit { border-color: #76504f; background: #101712; }
.store-card.has-netflix-benefit:hover { border-color: #c9656d; }
.store-card.has-netflix-benefit .store-card-label { padding-right: 80px; }
.store-card.has-netflix-benefit .shop-card-head { padding-right: 18px; }
.netflix-corner-ribbon { position: absolute; z-index: 1; top: -1px; right: -1px; width: 136px; height: 136px; overflow: hidden; pointer-events: none; }
.netflix-corner-ribbon > span { position: absolute; top: 22px; right: -46px; display: flex; align-items: center; justify-content: center; width: 184px; height: 34px; transform: rotate(45deg); background: linear-gradient(90deg, #b50d26, #e9233d 55%, #c00f2a); border-top: 1px solid #ff7b8c; border-bottom: 1px solid #8b1022; box-shadow: 0 4px 10px #0006, inset 0 0 0 2px #ffffff0a; color: #fff; font-size: 13px; font-weight: 650; letter-spacing: .025em; white-space: nowrap; }
.netflix-benefit { position: relative; padding: 20px; margin: 0 0 22px; border: 1px solid #e8596545; background: linear-gradient(120deg, #40191e66, #231316); color: #fff0ee; }
.netflix-benefit-top { display: flex; gap: 14px; justify-content: space-between; align-items: center; padding-bottom: 14px; border-bottom: 1px dashed #ff8b9338; }
.netflix-benefit-brand { color: #ff6772; font-size: 22px; font-weight: 750; letter-spacing: -.045em; line-height: 1.2; }
.netflix-benefit-label { color: #e7adaf; font-size: 10px; white-space: nowrap; }
.netflix-benefit-title { display: block; margin-top: 15px; font-size: 17px; font-weight: 600; letter-spacing: -.025em; line-height: 1.6; }
.netflix-benefit-copy { margin-top: 8px; color: #e6c3c2; font-size: 11px; line-height: 1.9; }
.netflix-benefit-note { display: flex; align-items: center; gap: 7px; margin-top: 15px; font-size: 10px; color: #c59d9e; }
.netflix-benefit-note::before { content: "✓"; color: #f0a6ab; }
.netflix-benefit--compact { display: flex; align-items: center; gap: 13px; margin: 0 0 24px; padding: 16px 0; border: 0; border-top: 1px solid #6f494947; border-bottom: 1px solid #6f494947; background: none; }
.netflix-benefit-play { display: grid; place-items: center; flex: 0 0 34px; width: 34px; height: 34px; border: 1px solid #d9485650; border-radius: 9px; background: #e9233d13; color: #ff6979; }
.netflix-benefit-play::before { content: ""; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid currentColor; margin-left: 2px; }
.netflix-benefit--compact .netflix-benefit-title { margin: 0; color: #f1dfdd; font-size: 13px; font-weight: 550; }
.netflix-benefit--compact .netflix-benefit-copy { margin-top: 2px; color: #aa9793; font-size: 11px; }
.store-card.has-netflix-benefit .store-view:not([aria-disabled="true"]) { background: var(--accent); border-color: var(--accent); color: var(--accent-ink); }
.store-card.has-netflix-benefit .store-view:not([aria-disabled="true"]):hover { background: #e9ffb3; border-color: #e9ffb3; color: #101608; }
.store-detail > .netflix-benefit { margin-top: 25px; margin-bottom: 25px; padding: 22px; }
@media (max-width: 639px) {
  .netflix-benefit { padding: 17px; }
  .netflix-benefit--compact { padding: 15px 0; }
  .netflix-benefit-brand { font-size: 21px; }
  .netflix-benefit-title { font-size: 16px; }
  .store-detail > .netflix-benefit { padding: 18px; }
}