/* SerasMac core offer, service detail and package selector surfaces. */

.sm-package-hero,
.sm-service-offer-hero,
.sm-selector-hero {
  position: relative;
  padding-block: clamp(4.5rem, 8vw, 7.5rem);
  overflow: hidden;
  background: #0b1717;
  color: var(--sm-ink-inverse);
}

.sm-package-hero::before,
.sm-service-offer-hero::before,
.sm-selector-hero::before {
  content: "";
  position: absolute;
  inset: 0 0 0 50%;
  background: url("../../images/hero-machine-risk.webp") center / cover no-repeat;
  opacity: 0.16;
  filter: saturate(0.72);
  pointer-events: none;
}

.sm-selector-hero::before {
  background-image: url("../../images/verification-room.webp");
  background-position: center;
}

.sm-package-hero::after,
.sm-service-offer-hero::after,
.sm-selector-hero::after {
  content: "CN / TR / BUYER CONTROL";
  position: absolute;
  right: -1.5rem;
  bottom: -1.25rem;
  color: rgba(255, 255, 255, 0.055);
  font-size: 7.5rem;
  font-weight: 700;
  line-height: 1;
  white-space: nowrap;
  pointer-events: none;
}

.sm-package-hero__grid,
.sm-service-offer-hero__grid,
.sm-selector-hero__grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  gap: clamp(2.5rem, 7vw, 6rem);
  align-items: center;
}

.sm-package-hero .sm-breadcrumb,
.sm-service-offer-hero .sm-breadcrumb,
.sm-selector-hero .sm-breadcrumb {
  margin-bottom: var(--sm-space-8);
  color: rgba(255, 255, 255, 0.65);
}

.sm-package-hero .sm-breadcrumb a,
.sm-service-offer-hero .sm-breadcrumb a,
.sm-selector-hero .sm-breadcrumb a { color: rgba(255, 255, 255, 0.72); }
.sm-package-hero .sm-eyebrow,
.sm-service-offer-hero .sm-eyebrow,
.sm-selector-hero .sm-eyebrow { color: #84c8c5; }
.sm-package-hero .sm-eyebrow::before,
.sm-service-offer-hero .sm-eyebrow::before,
.sm-selector-hero .sm-eyebrow::before { background: #84c8c5; }

.sm-package-hero h1,
.sm-service-offer-hero h1,
.sm-selector-hero h1 {
  max-width: 900px;
  margin: var(--sm-space-5) 0 0;
  color: #fff;
  font-size: 5rem;
  line-height: 0.98;
  letter-spacing: 0;
}

.sm-package-hero__lead,
.sm-service-offer-hero__lead,
.sm-selector-hero__grid > div > p:last-child {
  max-width: 760px;
  margin-top: var(--sm-space-6);
  color: #b9c9c5;
  font-size: var(--sm-text-lg);
}

.sm-package-hero .sm-page-hero__actions,
.sm-service-offer-hero .sm-page-hero__actions {
  display: flex;
  flex-wrap: wrap;
  gap: var(--sm-space-3);
  margin-top: var(--sm-space-8);
}

.sm-package-hero .sm-btn--outline,
.sm-service-offer-hero .sm-btn--outline {
  border-color: rgba(255, 255, 255, 0.35);
  color: #fff;
}

.sm-package-hero .sm-btn--outline:hover,
.sm-service-offer-hero .sm-btn--outline:hover {
  border-color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.sm-package-hero__standard,
.sm-service-offer-hero__card,
.sm-selector-hero__grid > aside {
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: var(--sm-radius-md);
  background: rgba(255, 255, 255, 0.04);
}

.sm-package-hero__standard { padding: var(--sm-space-8); }
.sm-package-hero__standard > p {
  color: #83cbc5;
  font-size: var(--sm-text-xs);
  font-weight: 700;
  letter-spacing: var(--sm-tracking-wider);
  text-transform: uppercase;
}
.sm-package-hero__standard ol { margin: var(--sm-space-6) 0 0; }
.sm-package-hero__standard li {
  display: grid;
  grid-template-columns: 2.25rem 1fr;
  gap: var(--sm-space-3);
  align-items: center;
  min-height: 3.5rem;
  border-top: 1px solid rgba(255, 255, 255, 0.14);
  color: #dbe4e1;
  font-size: var(--sm-text-sm);
}
.sm-package-hero__standard li span { color: var(--sm-copper-soft); font-size: var(--sm-text-xs); }

.sm-package-rail {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  margin: 0;
  border: 1px solid var(--sm-line);
  border-radius: var(--sm-radius-md);
  background: var(--sm-surface);
}
.sm-package-rail li { border-right: 1px solid var(--sm-line); }
.sm-package-rail li:last-child { border-right: 0; }
.sm-package-rail a {
  display: grid;
  grid-template-rows: 1.5rem 2rem minmax(2.75rem, auto);
  gap: var(--sm-space-3);
  min-height: 9rem;
  padding: var(--sm-space-5);
  color: var(--sm-ink);
}
.sm-package-rail a:hover { background: var(--sm-surface-soft); color: var(--sm-teal); }
.sm-package-rail__index { color: var(--sm-copper); font-size: var(--sm-text-xs); font-weight: 700; }
.sm-package-rail .sm-icon { width: 1.6rem; height: 1.6rem; color: var(--sm-teal); }
.sm-package-rail strong { font-size: var(--sm-text-sm); line-height: 1.35; }

.sm-package-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: var(--sm-space-4);
}
.sm-package-card {
  display: flex;
  flex-direction: column;
  min-width: 0;
  border: 1px solid var(--sm-line);
  border-radius: var(--sm-radius-md);
  background: var(--sm-surface);
  overflow: hidden;
}
.sm-package-card.is-featured { background: #102c35; border-color: #102c35; color: #fff; }
.sm-package-card__head { min-height: 19rem; padding: var(--sm-space-8); }
.sm-package-card__code {
  color: var(--sm-teal);
  font-size: 0.68rem;
  font-weight: 700;
  letter-spacing: var(--sm-tracking-wider);
  text-transform: uppercase;
}
.sm-package-card__flag {
  float: right;
  padding: 0.35rem 0.55rem;
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #ffd49a;
  font-size: 0.65rem;
  text-transform: uppercase;
}
.sm-package-card h3 { margin: var(--sm-space-8) 0 var(--sm-space-4); font-size: 2rem; letter-spacing: 0; }
.sm-package-card h3 a { color: inherit; }
.sm-package-card__head > p { color: var(--sm-ink-muted); font-size: var(--sm-text-sm); }
.sm-package-card.is-featured .sm-package-card__code { color: #83cbc5; }
.sm-package-card.is-featured h3 { color: #fff; }
.sm-package-card.is-featured .sm-package-card__head > p,
.sm-package-card.is-featured .sm-package-card__section p { color: #adc0bb; }

.sm-package-card__section {
  padding: var(--sm-space-6) var(--sm-space-8);
  border-top: 1px solid var(--sm-line);
}
.sm-package-card.is-featured .sm-package-card__section,
.sm-package-card.is-featured .sm-package-card__foot { border-color: rgba(255, 255, 255, 0.14); }
.sm-package-card__section > strong {
  display: block;
  margin-bottom: var(--sm-space-4);
  color: inherit;
  font-size: var(--sm-text-xs);
  letter-spacing: var(--sm-tracking-wide);
  text-transform: uppercase;
}
.sm-package-card__section ul { display: grid; gap: var(--sm-space-3); margin: 0; }
.sm-package-card__section li { display: flex; gap: var(--sm-space-2); color: inherit; font-size: var(--sm-text-sm); }
.sm-package-card__section li .sm-icon { flex: 0 0 auto; width: 1rem; height: 1rem; margin-top: 0.2rem; color: var(--sm-teal); }
.sm-package-card__section li span { min-width: 0; overflow-wrap: anywhere; }
.sm-package-card.is-featured li .sm-icon { color: #ffd49a; }
.sm-package-card__section--pricing { margin-top: auto; }
.sm-package-card__section--pricing p { font-size: var(--sm-text-xs); }
.sm-package-card__foot { padding: var(--sm-space-5) var(--sm-space-8) var(--sm-space-8); border-top: 1px solid var(--sm-line); }
.sm-package-card.is-featured .sm-btn--primary { background: #f1b24a; border-color: #f1b24a; color: #10201e; }

.sm-control-desk,
.sm-offer-path { padding-block: var(--sm-section-space); background: #0b1717; color: #fff; }
.sm-control-desk__grid { display: grid; grid-template-columns: 0.9fr 1.1fr; gap: clamp(3rem, 8vw, 7rem); align-items: center; }
.sm-control-desk h2,
.sm-offer-path h2 { margin: var(--sm-space-5) 0 var(--sm-space-5); color: #fff; letter-spacing: 0; }
.sm-control-desk p,
.sm-offer-path .sm-section-header p { color: #adc0bb; }
.sm-control-desk .sm-btn { margin-top: var(--sm-space-8); }
.sm-control-desk__modules { border-top: 1px solid rgba(255, 255, 255, 0.16); }
.sm-control-desk__modules > div {
  display: grid;
  grid-template-columns: 3rem 1fr;
  gap: var(--sm-space-5);
  padding: var(--sm-space-5) 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}
.sm-control-desk__modules span { color: #f1b24a; font-size: var(--sm-text-xs); }
.sm-control-desk__modules strong { font-size: var(--sm-text-sm); }

.sm-package-boundary { display: grid; grid-template-columns: 0.85fr 1.15fr; gap: clamp(3rem, 8vw, 7rem); align-items: start; }
.sm-package-boundary h2 { margin-top: var(--sm-space-5); letter-spacing: 0; }
.sm-package-boundary__list { border-top: 1px solid var(--sm-line-strong); }
.sm-package-boundary__list p { padding: var(--sm-space-6) 0; border-bottom: 1px solid var(--sm-line); }

.sm-service-offer-hero__trigger {
  max-width: 760px;
  margin-top: var(--sm-space-6);
  color: #fff;
  font-family: var(--sm-font-display);
  font-size: 1.8rem;
  line-height: 1.3;
}
.sm-service-offer-hero__lead { font-size: var(--sm-text-base); }
.sm-service-offer-hero__card { padding: var(--sm-space-8); }
.sm-service-offer-hero__card > span {
  color: #83cbc5;
  font-size: var(--sm-text-xs);
  font-weight: 700;
  letter-spacing: var(--sm-tracking-wider);
  text-transform: uppercase;
}
.sm-service-offer-hero__card > strong { display: block; margin-top: var(--sm-space-4); color: #fff; font-size: var(--sm-text-lg); }
.sm-service-offer-hero__card ul { display: grid; gap: var(--sm-space-2); margin: var(--sm-space-6) 0; }
.sm-service-offer-hero__card li { padding-top: var(--sm-space-2); border-top: 1px solid rgba(255, 255, 255, 0.14); color: #dce5e2; font-size: var(--sm-text-sm); }
.sm-service-offer-hero__card p { color: #93aaa4; font-size: var(--sm-text-xs); }

.sm-service-problem-grid { display: grid; grid-template-columns: 0.75fr 1.25fr; gap: clamp(3rem, 8vw, 8rem); align-items: start; }
.sm-service-problem-grid h2 { margin-top: var(--sm-space-5); letter-spacing: 0; }
.sm-service-problem-grid__copy { font-family: var(--sm-font-display); font-size: 2.6rem; line-height: 1.25; color: var(--sm-ink); }

.sm-service-deliverables {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
  border: 1px solid var(--sm-line);
  background: var(--sm-surface);
}
.sm-service-deliverables li { min-height: 12rem; padding: var(--sm-space-6); border-right: 1px solid var(--sm-line); }
.sm-service-deliverables li:last-child { border-right: 0; }
.sm-service-deliverables span { color: var(--sm-copper); font-size: var(--sm-text-xs); font-weight: 700; }
.sm-service-deliverables strong { display: block; margin-top: var(--sm-space-8); font-size: var(--sm-text-sm); line-height: 1.45; }

.sm-service-scope-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sm-space-6); }
.sm-service-scope-grid article { padding: var(--sm-space-10); border: 1px solid var(--sm-line); background: var(--sm-surface); }
.sm-service-scope-grid h2 { margin: var(--sm-space-5) 0 var(--sm-space-8); font-size: 2.7rem; letter-spacing: 0; }
.sm-service-scope-list { display: grid; gap: var(--sm-space-4); margin: 0; }
.sm-service-scope-list li { padding-top: var(--sm-space-4); border-top: 1px solid var(--sm-line); color: var(--sm-ink-muted); font-size: var(--sm-text-sm); }
.sm-service-scope-list--positive li { display: flex; gap: var(--sm-space-3); color: var(--sm-ink); }
.sm-service-scope-list--positive .sm-icon { flex: 0 0 auto; width: 1rem; height: 1rem; margin-top: 0.2rem; color: var(--sm-teal); }

.sm-offer-path .sm-section-header { color: #fff; }
.sm-offer-path__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid rgba(255, 255, 255, 0.16); }
.sm-offer-path__grid article { min-height: 16rem; padding: var(--sm-space-8); border-right: 1px solid rgba(255, 255, 255, 0.16); }
.sm-offer-path__grid article:last-child { border-right: 0; }
.sm-offer-path__grid article.is-primary { background: #f1b24a; color: #10201e; }
.sm-offer-path__grid span { color: #83cbc5; font-size: var(--sm-text-xs); font-weight: 700; text-transform: uppercase; }
.sm-offer-path__grid .is-primary span { color: #664510; }
.sm-offer-path__grid h3 { margin: var(--sm-space-8) 0 var(--sm-space-4); color: #fff; letter-spacing: 0; }
.sm-offer-path__grid .is-primary h3,
.sm-offer-path__grid .is-primary p { color: #10201e; }
.sm-offer-path__grid p { color: #9fb3ad; font-size: var(--sm-text-sm); }

.sm-service-workflow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); margin: 0; border-top: 1px solid var(--sm-line-strong); }
.sm-service-workflow li { min-height: 13rem; padding: var(--sm-space-6); border-right: 1px solid var(--sm-line); border-bottom: 1px solid var(--sm-line); }
.sm-service-workflow li:first-child { border-left: 1px solid var(--sm-line); }
.sm-service-workflow span { color: var(--sm-teal); font-size: var(--sm-text-xs); font-weight: 700; }
.sm-service-workflow strong { display: block; margin-top: var(--sm-space-8); }
.sm-service-workflow p { margin-top: var(--sm-space-3); font-size: var(--sm-text-sm); }

.sm-service-faq-grid { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: clamp(3rem, 8vw, 7rem); }
.sm-service-faq-grid h2 { margin-top: var(--sm-space-5); letter-spacing: 0; }
.sm-service-faq-grid details { border-top: 1px solid var(--sm-line-strong); }
.sm-service-faq-grid details:last-child { border-bottom: 1px solid var(--sm-line-strong); }
.sm-service-faq-grid summary { padding: var(--sm-space-5) 0; font-weight: 700; cursor: pointer; }
.sm-service-faq-grid details p { padding: 0 0 var(--sm-space-6); font-size: var(--sm-text-sm); }

.sm-selector-hero__grid > aside { display: grid; gap: var(--sm-space-3); padding: var(--sm-space-8); }
.sm-selector-hero__grid > aside .sm-icon { width: 2rem; height: 2rem; color: #f1b24a; }
.sm-selector-hero__grid > aside strong { color: #fff; }
.sm-selector-hero__grid > aside span { color: #adc0bb; font-size: var(--sm-text-sm); }

.sm-selector-section { background: var(--sm-surface-soft); }
.sm-selector-layout { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr); gap: var(--sm-space-6); align-items: start; }
.sm-selector { display: grid; gap: var(--sm-space-5); }
.sm-selector__step { margin: 0; padding: var(--sm-space-8); border: 1px solid var(--sm-line); border-radius: var(--sm-radius-md); background: var(--sm-surface); }
.sm-selector__step legend { width: 100%; padding: 0 0 var(--sm-space-5); font-family: var(--sm-font-display); font-size: var(--sm-text-xl); font-weight: 600; }
.sm-selector__step legend span { margin-right: var(--sm-space-3); color: var(--sm-copper); font-family: var(--sm-font-body); font-size: var(--sm-text-xs); }
.sm-selector-options { display: grid; grid-template-columns: 1fr 1fr; gap: var(--sm-space-3); }
.sm-selector-options label { position: relative; min-width: 0; cursor: pointer; }
.sm-selector-options input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.sm-selector-options label > span {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 6.25rem;
  padding: var(--sm-space-4);
  border: 1px solid var(--sm-line);
  border-radius: var(--sm-radius-sm);
  background: var(--sm-surface-soft);
  transition: border-color var(--sm-duration-fast), background var(--sm-duration-fast);
}
.sm-selector-options input:checked + span { border-color: var(--sm-teal); background: rgba(12, 110, 115, 0.07); box-shadow: inset 0 0 0 1px var(--sm-teal); }
.sm-selector-options input:focus-visible + span { outline: 3px solid var(--sm-copper-soft); outline-offset: 3px; }
.sm-selector-options strong { font-size: var(--sm-text-sm); }
.sm-selector-options small { margin-top: var(--sm-space-2); color: var(--sm-ink-muted); font-size: var(--sm-text-xs); }
.sm-selector-options--binary label > span { min-height: 5rem; }
.sm-selector__actions { display: flex; flex-wrap: wrap; gap: var(--sm-space-3); }

.sm-selector-result {
  position: sticky;
  top: 7rem;
  min-height: 34rem;
  padding: var(--sm-space-8);
  border: 1px solid var(--sm-line);
  border-radius: var(--sm-radius-md);
  background: #0b1717;
  color: #fff;
}
.sm-selector-result__empty > span,
.sm-selector-result__content > span { color: #83cbc5; font-size: var(--sm-text-xs); font-weight: 700; letter-spacing: var(--sm-tracking-wider); text-transform: uppercase; }
.sm-selector-result h2 { margin: var(--sm-space-8) 0 var(--sm-space-5); color: #fff; font-size: 3.2rem; letter-spacing: 0; }
.sm-selector-result p { color: #adc0bb; }
.sm-selector-result__content ul { display: grid; gap: var(--sm-space-3); margin: var(--sm-space-8) 0; }
.sm-selector-result__content li { padding: var(--sm-space-3) 0; border-top: 1px solid rgba(255, 255, 255, 0.15); font-size: var(--sm-text-sm); }
.sm-selector-result__addon { margin: var(--sm-space-6) 0; padding: var(--sm-space-5); border-left: 3px solid #f1b24a; background: rgba(255, 255, 255, 0.06); }
.sm-selector-result__addon strong { color: #ffd49a; }
.sm-selector-result__addon p { margin-top: var(--sm-space-2); font-size: var(--sm-text-xs); }
.sm-selector-result__actions { display: grid; gap: var(--sm-space-3); margin-top: var(--sm-space-8); }
.sm-selector-result .sm-btn--outline { border-color: rgba(255, 255, 255, 0.3); color: #fff; }

.sm-package-hero ~ .sm-section .sm-section-header h2,
.sm-service-offer-hero ~ .sm-section .sm-section-header h2 { font-size: 3.25rem; letter-spacing: 0; }

.sm-final-cta {
  display: block;
  padding-block: var(--sm-section-space-compact);
  border: 0;
  border-radius: 0;
  background: var(--sm-teal);
  box-shadow: none;
}
.sm-final-cta::after { display: none; }
.sm-final-cta__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.8fr);
  gap: var(--sm-space-12);
  align-items: center;
}
.sm-final-cta h2 { margin: var(--sm-space-4) 0; color: #fff; font-size: 3.25rem; letter-spacing: 0; }
.sm-final-cta p { color: rgba(255, 255, 255, 0.82); }
.sm-final-cta .sm-btn--outline { border-color: rgba(255, 255, 255, 0.55); color: #fff; }

@media (max-width: 1024px) {
  .sm-package-hero__grid,
  .sm-service-offer-hero__grid,
  .sm-selector-hero__grid,
  .sm-control-desk__grid,
  .sm-package-boundary,
  .sm-service-problem-grid,
  .sm-service-faq-grid { grid-template-columns: 1fr; }
  .sm-package-rail { grid-template-columns: repeat(3, 1fr); }
  .sm-package-rail li:nth-child(3n) { border-right: 0; }
  .sm-package-rail li:nth-child(-n + 3) { border-bottom: 1px solid var(--sm-line); }
  .sm-package-grid { grid-template-columns: 1fr 1fr; }
  .sm-service-deliverables { grid-template-columns: repeat(3, 1fr); }
  .sm-service-deliverables li:nth-child(3) { border-right: 0; }
  .sm-service-deliverables li:nth-child(-n + 3) { border-bottom: 1px solid var(--sm-line); }
  .sm-selector-layout { grid-template-columns: 1fr; }
  .sm-selector-result { position: static; min-height: 0; }
}

@media (max-width: 720px) {
  .sm-package-hero,
  .sm-service-offer-hero,
  .sm-selector-hero { padding-block: 4rem; }
  .sm-package-hero h1,
  .sm-service-offer-hero h1,
  .sm-selector-hero h1 { font-size: 2.75rem; }
  .sm-package-hero::after,
  .sm-service-offer-hero::after,
  .sm-selector-hero::after { font-size: 3rem; }
  .sm-service-offer-hero__trigger { font-size: 1.45rem; }
  .sm-service-problem-grid__copy { font-size: 1.75rem; }
  .sm-service-scope-grid h2 { font-size: 2.1rem; }
  .sm-selector-result h2 { font-size: 2.35rem; }
  .sm-package-hero ~ .sm-section .sm-section-header h2,
  .sm-service-offer-hero ~ .sm-section .sm-section-header h2,
  .sm-final-cta h2 { font-size: 2.35rem; }
  .sm-package-hero .sm-page-hero__actions,
  .sm-service-offer-hero .sm-page-hero__actions { align-items: stretch; }
  .sm-package-hero .sm-btn,
  .sm-service-offer-hero .sm-btn { width: 100%; white-space: normal; }
  .sm-package-rail { grid-template-columns: 1fr 1fr; }
  .sm-package-rail li:nth-child(3n) { border-right: 1px solid var(--sm-line); }
  .sm-package-rail li:nth-child(even) { border-right: 0; }
  .sm-package-rail li:nth-child(-n + 4) { border-bottom: 1px solid var(--sm-line); }
  .sm-package-rail a { min-height: 8rem; }
  .sm-package-grid,
  .sm-service-scope-grid,
  .sm-offer-path__grid,
  .sm-service-workflow,
  .sm-selector-options { grid-template-columns: 1fr; }
  .sm-package-card__head { min-height: 0; }
  .sm-offer-path__grid article { min-height: 0; border-right: 0; border-bottom: 1px solid rgba(255, 255, 255, 0.16); }
  .sm-offer-path__grid article:last-child { border-bottom: 0; }
  .sm-service-deliverables { grid-template-columns: 1fr; }
  .sm-service-deliverables li { min-height: 0; border-right: 0; border-bottom: 1px solid var(--sm-line); }
  .sm-service-deliverables li:last-child { border-bottom: 0; }
  .sm-service-workflow li,
  .sm-service-workflow li:first-child { min-height: 0; border-right: 1px solid var(--sm-line); border-left: 1px solid var(--sm-line); }
  .sm-service-scope-grid article,
  .sm-selector__step,
  .sm-selector-result { padding: var(--sm-space-6); }
  .sm-selector__actions { display: grid; }
  .sm-selector__actions .sm-btn { width: 100%; }
  .sm-final-cta__inner { grid-template-columns: 1fr; gap: var(--sm-space-8); }
}

@media (prefers-reduced-motion: reduce) {
  .sm-selector-options label > span { transition: none; }
}