.ds-sc {
  --sc-new: 30px;                                   
  --sc-old: 14px;                                   
  --sc-ink: var(--ds-brand, #2244a8);
  --sc-grad: linear-gradient(100deg, #2c50b6 0%, #2244a8 46%, #1e6aff 100%);
  --sc-muted: var(--ds-note, #7C88AE);
  --sc-strike: rgba(34, 68, 168, .72);
  --sc-glow: rgba(30, 106, 255, .22);
  --sc-unit: var(--ds-body, #4d5a8d);
  position: relative;
  display: inline-flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 6px;
  font-family: var(--ds-font, 'Open Sans', 'Open Sans Fallback', system-ui, sans-serif);
  line-height: 1.2;
  text-align: left;
}

.ds-sc__top { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 2px 7px; }
.ds-sc__tag {
  align-self: center;
  display: inline-flex; align-items: center;
  padding: 4px 10px 4px 9px;
  border-radius: var(--ds-r-pill, 999px);
  background: var(--ds-brand-grad, linear-gradient(135deg, #2c50b6 0%, #2244a8 52%, #1c3a92 100%));
  box-shadow: 0 6px 16px -8px var(--ds-brand-glow, rgba(28, 58, 146, .65)), inset 0 1px 0 rgba(255, 255, 255, .22);
  color: #fff;
  font-size: 11px; line-height: 1.15; font-weight: 700; letter-spacing: .07em; text-transform: uppercase;
  white-space: nowrap;
}
.ds-sc__was { font-size: 13px; line-height: 1.2; color: var(--sc-muted); white-space: nowrap; }

.ds-sc__old {
  position: relative;
  font-size: var(--sc-old); line-height: 1.2; font-weight: 600;
  color: var(--sc-muted);
  text-decoration: none;
  white-space: nowrap;
}
.ds-sc__old::after {
  content: ''; position: absolute; left: -3px; right: -3px; top: 26%; bottom: 22%;
  background: linear-gradient(to top right, transparent calc(50% - 1.1px), var(--sc-strike) calc(50% - 1.1px), var(--sc-strike) calc(50% + 1.1px), transparent calc(50% + 1.1px));
  pointer-events: none;
}

.ds-sc__now { position: relative; display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
.ds-sc__new {
  position: relative; z-index: 0;
  font-size: var(--sc-new); line-height: 1.02; font-weight: 800; letter-spacing: -.022em;
  text-decoration: none;
  color: var(--sc-ink);
  white-space: nowrap;
}
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .ds-sc__new { background: var(--sc-grad); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
}
.ds-sc__new::before {
  content: ''; position: absolute; z-index: -1; left: -10%; right: -10%; top: 10%; bottom: -8%;
  border-radius: var(--ds-r-pill, 999px);
  background: radial-gradient(60% 70% at 40% 55%, var(--sc-glow), transparent 72%);
  filter: blur(10px);
  -webkit-text-fill-color: initial;
  pointer-events: none;
}
.ds-sc__u { font-size: 14px; line-height: 1.3; font-weight: 600; color: var(--sc-unit); }

.ds-sc__term {
  display: inline-flex; align-items: center; gap: 7px;
  margin-top: 2px; padding: 5px 12px 5px 10px;
  border-radius: var(--ds-r-pill, 999px);
  background: rgba(34, 68, 168, .07);
  border: 1px solid rgba(34, 68, 168, .16);
  color: var(--ds-ink, #1a2c51);
  font-size: 13px; line-height: 1.2; font-weight: 700;
  white-space: nowrap;
}
.ds-sc__term i {
  position: relative; flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%;
  background: var(--ds-mint, #7CE6B0);
  box-shadow: 0 0 0 3px rgba(var(--ds-mint-rgb, 124, 230, 176), .28);
}
.ds-sc__term i::after {
  content: ''; position: absolute; inset: -5px; border-radius: 50%;
  border: 2px solid rgba(var(--ds-mint-rgb, 124, 230, 176), .6);
  animation: ds-sc-ping 2.4s cubic-bezier(.2, .7, .3, 1) infinite;
}
@keyframes ds-sc-ping { 0% { transform: scale(.5); opacity: .9; } 80%, 100% { transform: scale(1.6); opacity: 0; } }

.ds-sc--dark {
  --sc-ink: #fff;
  --sc-grad: linear-gradient(100deg, #fff 0%, #fff 58%, #d6e9ff 100%);
  --sc-muted: rgba(214, 233, 255, .78);
  --sc-strike: rgba(180, 220, 255, .9);
  --sc-glow: rgba(var(--ds-mint-rgb, 124, 230, 176), .38);
  --sc-unit: rgba(255, 255, 255, .86);
}
.ds-sc--dark .ds-sc__tag {
  background: rgba(255, 255, 255, .16);
  border: 1px solid rgba(255, 255, 255, .34);
  padding: 3px 9px 3px 8px;
  -webkit-backdrop-filter: var(--ds-glass-blur, blur(10px)); backdrop-filter: var(--ds-glass-blur, blur(10px));
  box-shadow: 0 6px 18px -10px rgba(4, 16, 48, .7), inset 0 1px 0 rgba(255, 255, 255, .25);
}
.ds-sc--dark .ds-sc__term { background: rgba(255, 255, 255, .12); border-color: rgba(255, 255, 255, .28); color: #fff; }

.ds-sc--hero { --sc-new: 36px; --sc-old: 16px; gap: 8px; }
.ds-sc--hero .ds-sc__tag { font-size: 12px; padding: 5px 12px 5px 11px; }
.ds-sc--hero .ds-sc__was { font-size: 14px; }
.ds-sc--hero .ds-sc__u { font-size: 15px; }
.ds-sc--lg { --sc-new: 34px; --sc-old: 15px; }
.ds-sc--sm { --sc-new: 22px; --sc-old: 13px; gap: 4px; }
.ds-sc--sm .ds-sc__u { font-size: 13px; }
.ds-sc--sm .ds-sc__tag { font-size: 10px; padding: 3px 8px; }
.ds-sc--sm .ds-sc__was { font-size: 12px; }
@media (min-width: 1024px) {
  .ds-sc--hero { --sc-new: 48px; --sc-old: 18px; }
  .ds-sc--hero .ds-sc__tag { font-size: 13px; padding: 6px 14px 6px 13px; }
  .ds-sc--hero .ds-sc__was { font-size: 15px; }
  .ds-sc--hero .ds-sc__u { font-size: 16px; }
  .ds-sc--lg { --sc-new: 40px; --sc-old: 16px; }
  .ds-sc--sm { --sc-new: 24px; }
}

.ds-sc--line { --sc-new: 1em; --sc-old: .82em; flex-direction: row; flex-wrap: wrap; align-items: baseline; gap: 2px 8px; font-size: inherit; }
.ds-sc--line .ds-sc__top, .ds-sc--line .ds-sc__now { display: contents; }
.ds-sc--line .ds-sc__old { order: 1; }
.ds-sc--line .ds-sc__tag { order: 2; font-size: 10px; padding: 2px 7px; }
.ds-sc--line .ds-sc__new { order: 3; font-weight: 800; }
.ds-sc--line .ds-sc__new::before { display: none; }
.ds-sc--line .ds-sc__u { order: 4; font-size: .86em; }
.ds-sc--line .ds-sc__term { order: 5; }
.ds-sc--line .ds-sc__was, .ds-sc--bare .ds-sc__tag {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) { .ds-sc__term i::after { animation: none; opacity: 0; } }
@media (forced-colors: active) {
  .ds-sc__old { text-decoration: line-through; }
  .ds-sc__old::after, .ds-sc__new::before { display: none; }
  .ds-sc__new { -webkit-text-fill-color: CanvasText; background: none; }
}
@media print { .ds-sc__new { -webkit-text-fill-color: currentColor; background: none; } }


.v-price__sc { margin: 0; }
.v-price__sc .ds-sc__u { font-weight: 600; }
.v-price__x .ds-sc--line { display: inline; font-weight: 600; }
.v-price__x .ds-sc--line .ds-sc__old { margin: 0 calc(6px - .3168em) 0 2px; }
.v-price__x .ds-sc--line .ds-sc__new { margin-right: calc(4px - .2598em); }
.v-price__x .ds-sc--line .ds-sc__new { color: #fff; }

.v-op__p .v-op__sc { align-items: flex-end; text-align: right; gap: 3px; }
.v-op__p .v-op__sc .ds-sc__top,
.v-op__p .v-op__sc .ds-sc__now { justify-content: flex-end; }
.v-op__p .v-op__sc .ds-sc__now { flex-direction: column; align-items: flex-end; gap: 3px; }
.v-op__p .v-op__sc .ds-sc__tag { order: -1; }
.v-op__p .v-op__sc .ds-sc__new { --sc-new: 19px; }
.v-op__p .v-op__sc .ds-sc__new::before { display: none; }
.v-op__p .v-op__sc .ds-sc__u { font-size: 12px; font-weight: 400; color: var(--ds-note); }
.v-op__p .v-op__sc .ds-sc__was { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
@media (min-width: 720px) { .v-op__p .v-op__sc .ds-sc__new { --sc-new: 21px; } }

.v-calc__was { display: flex; margin: 0 0 6px; }
.v-calc__was .ds-sc__top { align-items: center; }