/*
 * Super Nexa Professional UI
 * Loaded after the existing theme CSS so it can safely normalize the current
 * stacked V2/V3/V4 overrides without editing checkout or order logic.
 */

.sng-page {
  --sng-pro-brand: #7047eb;
  --sng-pro-brand-2: #8b5cf6;
  --sng-pro-brand-dark: #171326;
  --sng-pro-bg: #f7f7fb;
  --sng-pro-surface: #ffffff;
  --sng-pro-surface-soft: #f7f4ff;
  --sng-pro-text: #171522;
  --sng-pro-muted: #6e6a79;
  --sng-pro-line: #e8e5ee;
  --sng-pro-success: #16845b;
  --sng-pro-warning: #a76508;
  --sng-pro-danger: #c4324c;
  --sng-pro-r-sm: 14px;
  --sng-pro-r-md: 20px;
  --sng-pro-r-lg: 28px;
  --sng-pro-shadow-sm: 0 8px 24px rgba(27, 20, 55, 0.055);
  --sng-pro-shadow-md: 0 20px 60px rgba(27, 20, 55, 0.09);
  --sng-pro-shadow-lg: 0 30px 90px rgba(27, 20, 55, 0.12);

  color: var(--sng-pro-text) !important;
  background:
    radial-gradient(circle at 8% 0%, rgba(112, 71, 235, 0.09), transparent 29%),
    radial-gradient(circle at 92% 6%, rgba(139, 92, 246, 0.07), transparent 25%),
    linear-gradient(180deg, #fbfaff 0%, var(--sng-pro-bg) 46%, #ffffff 100%) !important;
}

.sng-page,
.sng-page button,
.sng-page input,
.sng-page select,
.sng-page textarea {
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
}

.sng-page a,
.sng-page button,
.sng-page input,
.sng-page select,
.sng-page textarea,
.sng-page summary {
  -webkit-tap-highlight-color: transparent !important;
}

/* Header: compact, stable and premium */
.sng-page .sng-header {
  position: sticky !important;
  top: 12px !important;
  z-index: 9990 !important;
  min-height: 68px !important;
  margin-top: 12px !important;
  padding: 9px 11px !important;
  border: 1px solid rgba(232, 229, 238, 0.92) !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.92) !important;
  box-shadow: 0 12px 38px rgba(29, 21, 58, 0.075) !important;
  backdrop-filter: blur(16px) saturate(135%) !important;
  -webkit-backdrop-filter: blur(16px) saturate(135%) !important;
}

.sng-page .sng-menu-btn {
  width: 46px !important;
  height: 46px !important;
  border: 1px solid var(--sng-pro-line) !important;
  border-radius: 14px !important;
  background: #fff !important;
  box-shadow: none !important;
  transition: transform 180ms ease, border-color 180ms ease, background-color 180ms ease !important;
}

.sng-page .sng-menu-btn:hover {
  transform: translateY(-1px) !important;
  border-color: rgba(112, 71, 235, 0.35) !important;
  background: var(--sng-pro-surface-soft) !important;
}

.sng-page .sng-logo {
  color: var(--sng-pro-text) !important;
  font-size: clamp(22px, 2.1vw, 28px) !important;
  font-weight: 900 !important;
  letter-spacing: -0.75px !important;
}

.sng-page .sng-logo img {
  max-height: 42px !important;
}

.sng-page .sng-nav {
  gap: 3px !important;
  padding: 4px !important;
  border: 0 !important;
  background: #f6f4fa !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
}

.sng-page .sng-nav a {
  padding: 10px 15px !important;
  color: #666171 !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  transition: color 180ms ease, background-color 180ms ease !important;
}

.sng-page .sng-nav a:hover {
  color: var(--sng-pro-brand-dark) !important;
  background: #ffffff !important;
}

/* Hero: clearer hierarchy, less oversized and less "template-like" */
.sng-page .sng-hero {
  width: min(1240px, 100%) !important;
  margin: 18px auto 0 !important;
  padding: clamp(44px, 6vw, 78px) clamp(22px, 5vw, 72px) clamp(36px, 5vw, 62px) !important;
  overflow: hidden !important;
  position: relative !important;
  border: 1px solid rgba(112, 71, 235, 0.13) !important;
  border-radius: 32px !important;
  background:
    radial-gradient(circle at 88% 18%, rgba(112, 71, 235, 0.14), transparent 27%),
    radial-gradient(circle at 15% 90%, rgba(139, 92, 246, 0.08), transparent 31%),
    linear-gradient(135deg, #ffffff 0%, #faf8ff 58%, #f4efff 100%) !important;
  box-shadow: var(--sng-pro-shadow-md) !important;
}

.sng-page .sng-hero::before {
  content: "";
  position: absolute;
  width: 330px;
  height: 330px;
  right: -155px;
  top: -165px;
  border: 1px solid rgba(112, 71, 235, 0.14);
  border-radius: 50%;
  box-shadow:
    0 0 0 42px rgba(112, 71, 235, 0.035),
    0 0 0 84px rgba(112, 71, 235, 0.022);
  pointer-events: none;
}

.sng-page .sng-hero-copy {
  position: relative !important;
  z-index: 1 !important;
  width: 100% !important;
  max-width: 1030px !important;
  margin: 0 !important;
  padding: 0 !important;
}

.sng-page .sng-badge {
  padding: 9px 14px !important;
  border: 1px solid rgba(112, 71, 235, 0.18) !important;
  border-radius: 999px !important;
  color: var(--sng-pro-brand) !important;
  background: rgba(255, 255, 255, 0.82) !important;
  box-shadow: 0 7px 22px rgba(65, 39, 132, 0.06) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  letter-spacing: 0.25px !important;
}

.sng-page .sng-hero h1 {
  max-width: 980px !important;
  margin: 22px 0 0 !important;
  color: var(--sng-pro-text) !important;
  font-size: clamp(46px, 6.25vw, 84px) !important;
  line-height: 0.98 !important;
  letter-spacing: clamp(-3.5px, -0.055em, -1.8px) !important;
  font-weight: 900 !important;
  text-wrap: balance !important;
}

.sng-page .sng-hero p {
  max-width: 770px !important;
  margin: 22px 0 0 !important;
  color: var(--sng-pro-muted) !important;
  font-size: clamp(17px, 1.55vw, 20px) !important;
  line-height: 1.62 !important;
  font-weight: 500 !important;
}

.sng-page .sng-hero-trust {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  max-width: 900px !important;
  margin-top: 25px !important;
}

.sng-page .sng-hero-trust div {
  flex: 0 1 auto !important;
  min-height: 48px !important;
  padding: 10px 14px !important;
  border: 1px solid var(--sng-pro-line) !important;
  border-radius: 14px !important;
  background: rgba(255, 255, 255, 0.9) !important;
  box-shadow: var(--sng-pro-shadow-sm) !important;
}

.sng-page .sng-hero-trust svg {
  width: 19px !important;
  height: 19px !important;
  color: var(--sng-pro-brand) !important;
}

.sng-page .sng-hero-trust b {
  font-size: 13px !important;
  font-weight: 800 !important;
}

.sng-page .sng-hurry {
  max-width: 900px !important;
  margin-top: 13px !important;
  padding: 12px 14px !important;
  border: 1px solid #ecd8ad !important;
  border-radius: 14px !important;
  color: #6f4b0c !important;
  background: #fffaf0 !important;
  font-size: 13px !important;
  box-shadow: none !important;
}

.sng-page .sng-actions {
  gap: 10px !important;
  margin-top: 24px !important;
}

/* Buttons: one consistent system */
.sng-page .sng-btn,
.sng-page .sng-add,
.sng-page .sng-checkout-btn,
.sng-page .sng-continue-btn,
.sng-page .sng-see-more,
.sng-page .snx2-contact,
.sng-page .snx3-contact,
.sng-page .mkpkg-contact {
  min-height: 56px !important;
  border-radius: 15px !important;
  font-size: 15px !important;
  font-weight: 850 !important;
  letter-spacing: -0.1px !important;
  transition:
    transform 180ms cubic-bezier(.2,.75,.2,1),
    box-shadow 180ms ease,
    filter 180ms ease !important;
}

.sng-page .sng-primary,
.sng-page .sng-add,
.sng-page .sng-checkout-btn,
.sng-page .sng-see-more,
.sng-page .snx2-contact,
.sng-page .snx3-contact,
.sng-page .mkpkg-contact {
  border: 0 !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #1b1727 0%, #453276 48%, var(--sng-pro-brand) 100%) !important;
  box-shadow: 0 13px 30px rgba(66, 43, 124, 0.2) !important;
}

.sng-page .sng-soft,
.sng-page .sng-continue-btn {
  color: var(--sng-pro-text) !important;
  border: 1px solid var(--sng-pro-line) !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

@media (hover: hover) and (pointer: fine) {
  .sng-page .sng-btn:hover,
  .sng-page .sng-add:hover,
  .sng-page .sng-checkout-btn:hover,
  .sng-page .sng-continue-btn:hover,
  .sng-page .sng-see-more:hover,
  .sng-page .snx2-contact:hover,
  .sng-page .snx3-contact:hover,
  .sng-page .mkpkg-contact:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.025) !important;
  }
}

/* Main order builder */
.sng-page .sng-order {
  width: min(1080px, 100%) !important;
  max-width: 1080px !important;
  margin: 24px auto 0 !important;
  padding: clamp(20px, 3.4vw, 38px) !important;
  position: relative !important;
  top: auto !important;
  overflow: visible !important;
  border: 1px solid var(--sng-pro-line) !important;
  border-radius: 28px !important;
  background: #ffffff !important;
  box-shadow: var(--sng-pro-shadow-lg) !important;
  backdrop-filter: none !important;
}

.sng-page .sng-order::before {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  top: 0;
  height: 3px;
  border-radius: 0 0 99px 99px;
  background: linear-gradient(90deg, transparent, var(--sng-pro-brand), var(--sng-pro-brand-2), transparent);
  opacity: 0.8;
}

.sng-page .sng-kicker {
  color: var(--sng-pro-brand) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: 1.5px !important;
}

.sng-page .sng-order h2 {
  max-width: 730px !important;
  margin: 10px 0 8px !important;
  color: var(--sng-pro-text) !important;
  font-size: clamp(32px, 4vw, 48px) !important;
  line-height: 1.04 !important;
  letter-spacing: -1.8px !important;
  font-weight: 900 !important;
}

.sng-page .sng-rating {
  margin-bottom: 22px !important;
  font-size: 15px !important;
  letter-spacing: 0.8px !important;
}

.sng-page .sng-rating span {
  color: var(--sng-pro-muted) !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
}

.sng-page .sng-order label:not(.sng-check) {
  margin: 19px 0 9px !important;
  color: #35313f !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}

.sng-page .sng-options {
  gap: 9px !important;
}

.sng-page .sng-platforms,
.sng-page .sng-services,
.sng-page .sng-qtys {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.sng-page .sng-opt {
  min-width: 0 !important;
  min-height: 56px !important;
  padding: 10px 12px !important;
  overflow: hidden !important;
  border: 1px solid var(--sng-pro-line) !important;
  border-radius: 14px !important;
  color: #37323f !important;
  background: #ffffff !important;
  box-shadow: none !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  transition:
    transform 170ms ease,
    border-color 170ms ease,
    background-color 170ms ease,
    box-shadow 170ms ease !important;
}

.sng-page .sng-opt svg {
  width: 19px !important;
  height: 19px !important;
  color: #80798c !important;
}

.sng-page .sng-opt.is-active {
  color: var(--sng-pro-brand-dark) !important;
  border-color: rgba(112, 71, 235, 0.48) !important;
  background: linear-gradient(180deg, #fbfaff 0%, #f3eeff 100%) !important;
  box-shadow:
    0 0 0 2px rgba(112, 71, 235, 0.08),
    0 9px 20px rgba(80, 48, 151, 0.075) !important;
}

.sng-page .sng-opt.is-active svg {
  color: var(--sng-pro-brand) !important;
}

@media (hover: hover) and (pointer: fine) {
  .sng-page .sng-opt:not(.is-disabled):hover {
    transform: translateY(-1px) !important;
    border-color: rgba(112, 71, 235, 0.34) !important;
    background: #fbfaff !important;
  }
}

.sng-page .sng-order input:not([type="checkbox"]),
.sng-page .sng-order textarea,
.sng-page .sng-order select {
  width: 100% !important;
  min-height: 58px !important;
  padding: 0 16px !important;
  border: 1px solid #dfdbe6 !important;
  border-radius: 14px !important;
  color: var(--sng-pro-text) !important;
  background: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(16, 12, 28, 0.025) !important;
  font-size: 15px !important;
  font-weight: 550 !important;
  transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease !important;
}

.sng-page .sng-order input:not([type="checkbox"]):focus,
.sng-page .sng-order textarea:focus,
.sng-page .sng-order select:focus {
  border-color: rgba(112, 71, 235, 0.72) !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 4px rgba(112, 71, 235, 0.11) !important;
  outline: 0 !important;
}

.sng-page .sng-selected {
  margin-top: 12px !important;
  padding: 13px 15px !important;
  border: 1px solid var(--sng-pro-line) !important;
  border-radius: 13px !important;
  color: var(--sng-pro-muted) !important;
  background: #faf9fc !important;
  font-size: 13px !important;
}

.sng-page .sng-check {
  margin-top: 15px !important;
  padding: 13px 14px !important;
  border: 1px solid #eadbb9 !important;
  border-radius: 14px !important;
  color: #6a4a13 !important;
  background: #fffaf1 !important;
}

.sng-page .sng-check span {
  color: #6a4a13 !important;
  font-size: 12.5px !important;
  line-height: 1.55 !important;
  font-weight: 600 !important;
}

.sng-page .sng-add {
  min-height: 62px !important;
  margin-top: 14px !important;
  border-radius: 16px !important;
  font-size: 17px !important;
}

.sng-page .sng-min-line {
  margin-top: 10px !important;
  color: var(--sng-pro-muted) !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
}

/* Proof strip */
.sng-page .sng-under-order-proof {
  width: min(1080px, 100%) !important;
  margin-top: 14px !important;
}

.sng-page .sng-under-order-proof .sng-order-proof-wrap {
  padding: 17px !important;
  border: 1px solid var(--sng-pro-line) !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: var(--sng-pro-shadow-sm) !important;
}

.sng-page .sng-proof-scroll article {
  min-width: 185px !important;
  padding: 8px !important;
  border: 1px solid var(--sng-pro-line) !important;
  border-radius: 15px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

.sng-page .sng-proof-scroll img,
.sng-page .sng-proof-placeholder {
  border-radius: 11px !important;
}

/* Section rhythm and typography */
.sng-page .sng-stats,
.sng-page .sng-section,
.sng-page .sng-final,
.sng-page .sng-footer {
  width: min(1120px, 100%) !important;
}

.sng-page .sng-stats {
  gap: 12px !important;
  margin-top: 18px !important;
}

.sng-page .sng-stats div {
  padding: 19px 15px !important;
  border: 1px solid var(--sng-pro-line) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: var(--sng-pro-shadow-sm) !important;
}

.sng-page .sng-stats strong {
  color: var(--sng-pro-text) !important;
  font-size: clamp(23px, 2.6vw, 30px) !important;
  font-weight: 900 !important;
}

.sng-page .sng-stats span {
  color: var(--sng-pro-muted) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}

.sng-page .sng-section {
  padding-top: clamp(62px, 8vw, 96px) !important;
}

.sng-page .sng-section-head {
  max-width: 720px !important;
  margin-bottom: 28px !important;
}

.sng-page .sng-section-head span,
.sng-page .sng-final span {
  color: var(--sng-pro-brand) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: 1.6px !important;
}

.sng-page .sng-section-head h2,
.sng-page .sng-final h2 {
  margin-top: 12px !important;
  color: var(--sng-pro-text) !important;
  font-size: clamp(36px, 5vw, 58px) !important;
  line-height: 1.04 !important;
  letter-spacing: -2.4px !important;
  font-weight: 900 !important;
  text-wrap: balance !important;
}

.sng-page .sng-section-head p,
.sng-page .sng-final p {
  max-width: 650px !important;
  color: var(--sng-pro-muted) !important;
  font-size: 15px !important;
  line-height: 1.68 !important;
}

/* Cards: consistent shapes and restrained shadows */
.sng-page .sng-service-grid,
.sng-page .sng-proof-grid,
.sng-page .sng-reviews {
  gap: 14px !important;
}

.sng-page .sng-service-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}

.sng-page .sng-proof-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

.sng-page .sng-service-grid article,
.sng-page .sng-proof-grid article,
.sng-page .sng-reviews article,
.sng-page .sng-review-card,
.sng-page .mkpkg-card,
.sng-page .snx2-content,
.sng-page .snx2-img,
.sng-page .snx3-card {
  border: 1px solid var(--sng-pro-line) !important;
  border-radius: 21px !important;
  background: #ffffff !important;
  box-shadow: var(--sng-pro-shadow-sm) !important;
  backdrop-filter: none !important;
  transition:
    transform 220ms cubic-bezier(.2,.75,.2,1),
    border-color 220ms ease,
    box-shadow 220ms ease !important;
}

.sng-page .sng-service-grid article,
.sng-page .sng-proof-grid article,
.sng-page .sng-reviews article {
  padding: 22px !important;
}

@media (hover: hover) and (pointer: fine) {
  .sng-page .sng-service-grid article:hover,
  .sng-page .sng-proof-grid article:hover,
  .sng-page .sng-reviews article:hover,
  .sng-page .sng-review-card:hover,
  .sng-page .mkpkg-card:hover,
  .sng-page .snx2-content:hover,
  .sng-page .snx3-card:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(112, 71, 235, 0.23) !important;
    box-shadow: 0 18px 42px rgba(27, 20, 55, 0.095) !important;
  }
}

.sng-page .sng-service-grid svg,
.sng-page .sng-proof-grid svg {
  width: 48px !important;
  height: 48px !important;
  padding: 11px !important;
  border-radius: 14px !important;
  color: var(--sng-pro-brand) !important;
  background: var(--sng-pro-surface-soft) !important;
}

.sng-page .sng-service-grid h3,
.sng-page .sng-proof-grid h3,
.sng-page .sng-reviews h3 {
  color: var(--sng-pro-text) !important;
  font-size: 20px !important;
  letter-spacing: -0.55px !important;
  font-weight: 850 !important;
}

.sng-page .sng-service-grid p,
.sng-page .sng-proof-grid p,
.sng-page .sng-reviews p {
  color: var(--sng-pro-muted) !important;
  font-size: 14px !important;
  line-height: 1.62 !important;
}

.sng-page .sng-problem {
  gap: 14px !important;
}

.sng-page .sng-problem > div {
  padding: clamp(24px, 3vw, 34px) !important;
  border-radius: 23px !important;
}

.sng-page .sng-problem > div:first-child {
  background: linear-gradient(145deg, #171522 0%, #28203e 100%) !important;
}

.sng-page .sng-problem > div:last-child {
  border: 1px solid var(--sng-pro-line) !important;
  background: #ffffff !important;
}

.sng-page .sng-problem h2 {
  font-size: clamp(31px, 4vw, 43px) !important;
  letter-spacing: -1.7px !important;
}

.sng-page .sng-problem li {
  font-size: 15px !important;
}

.sng-page .sng-faq {
  max-width: 900px !important;
  border: 1px solid var(--sng-pro-line) !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: var(--sng-pro-shadow-sm) !important;
}

.sng-page .sng-faq summary {
  padding: 19px 20px !important;
  color: var(--sng-pro-text) !important;
  font-size: 15px !important;
  font-weight: 800 !important;
}

.sng-page .sng-faq p {
  padding: 0 20px 19px !important;
  color: var(--sng-pro-muted) !important;
  font-size: 14px !important;
}

.sng-page .sng-final {
  margin-top: clamp(62px, 8vw, 96px) !important;
  padding: clamp(52px, 7vw, 76px) 22px !important;
  border-radius: 28px !important;
  background:
    radial-gradient(circle at 50% -20%, rgba(139, 92, 246, 0.55), transparent 42%),
    linear-gradient(145deg, #171522 0%, #2d2244 100%) !important;
  box-shadow: var(--sng-pro-shadow-lg) !important;
}

.sng-page .sng-final h2 {
  color: #ffffff !important;
}

.sng-page .sng-final span,
.sng-page .sng-final p {
  color: rgba(255, 255, 255, 0.72) !important;
}

.sng-page .sng-footer {
  margin-top: 36px !important;
  padding: 20px !important;
  border: 1px solid var(--sng-pro-line) !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}

/* Live social preview injected under the existing link input */
.sng-page .sng-live-preview {
  display: grid !important;
  grid-template-rows: 0fr !important;
  margin-top: 0 !important;
  opacity: 0 !important;
  transform: translateY(8px) !important;
  transition:
    grid-template-rows 360ms cubic-bezier(.2,.75,.2,1),
    margin-top 360ms ease,
    opacity 260ms ease,
    transform 360ms cubic-bezier(.2,.75,.2,1) !important;
}

.sng-page .sng-live-preview.is-visible {
  grid-template-rows: 1fr !important;
  margin-top: 12px !important;
  opacity: 1 !important;
  transform: translateY(0) !important;
}

.sng-page .sng-live-preview__clip {
  min-height: 0 !important;
  overflow: hidden !important;
}

.sng-page .sng-live-preview__card {
  overflow: hidden !important;
  border: 1px solid var(--sng-pro-line) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #ffffff 0%, #fbfaff 100%) !important;
  box-shadow: 0 12px 34px rgba(35, 24, 68, 0.075) !important;
}

.sng-page .sng-live-preview__head {
  min-height: 48px !important;
  padding: 10px 13px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  border-bottom: 1px solid var(--sng-pro-line) !important;
  background: rgba(255, 255, 255, 0.88) !important;
}

.sng-page .sng-live-preview__title {
  display: flex !important;
  align-items: center !important;
  gap: 9px !important;
  min-width: 0 !important;
  color: var(--sng-pro-text) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}

.sng-page .sng-live-preview__dot {
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 8px !important;
  border-radius: 50% !important;
  background: #23a36d !important;
  box-shadow: 0 0 0 4px rgba(35, 163, 109, 0.11) !important;
}

.sng-page .sng-live-preview__badge {
  flex: 0 0 auto !important;
  padding: 6px 9px !important;
  border-radius: 999px !important;
  color: var(--sng-pro-brand) !important;
  background: var(--sng-pro-surface-soft) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0.75px !important;
  text-transform: uppercase !important;
}

.sng-page .sng-live-preview__body {
  position: relative !important;
  min-height: 130px !important;
  padding: 14px !important;
}

.sng-page .sng-live-preview__embed {
  width: 100% !important;
  min-height: 220px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: 14px !important;
  background: #f5f3f8 !important;
}

.sng-page .sng-live-preview__embed--youtube {
  aspect-ratio: 16 / 9 !important;
  min-height: 0 !important;
}

.sng-page .sng-live-preview__embed iframe {
  width: 100% !important;
  height: 100% !important;
  min-height: 320px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #111 !important;
}

.sng-page .sng-live-preview__embed--youtube iframe {
  min-height: 0 !important;
  aspect-ratio: 16 / 9 !important;
}

.sng-page .sng-live-preview__embed .instagram-media,
.sng-page .sng-live-preview__embed .tiktok-embed {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 620px !important;
  margin: 0 auto !important;
}

.sng-page .sng-live-preview__profile {
  min-height: 132px !important;
  display: grid !important;
  grid-template-columns: 72px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 15px !important;
  padding: 17px !important;
  border: 1px solid #ece8f1 !important;
  border-radius: 15px !important;
  background: #ffffff !important;
}

.sng-page .sng-live-preview__avatar {
  width: 72px !important;
  height: 72px !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid #e6e1ec !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  background: linear-gradient(145deg, #262031, var(--sng-pro-brand)) !important;
  box-shadow: 0 9px 24px rgba(66, 43, 124, 0.18) !important;
  font-size: 25px !important;
  font-weight: 900 !important;
}

.sng-page .sng-live-preview__avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.sng-page .sng-live-preview__profile-copy {
  min-width: 0 !important;
}

.sng-page .sng-live-preview__profile-copy strong {
  display: block !important;
  overflow: hidden !important;
  color: var(--sng-pro-text) !important;
  font-size: 16px !important;
  font-weight: 850 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.sng-page .sng-live-preview__profile-copy span {
  display: block !important;
  margin-top: 5px !important;
  color: var(--sng-pro-muted) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.sng-page .sng-live-preview__open {
  min-height: 42px !important;
  padding: 0 14px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--sng-pro-line) !important;
  border-radius: 12px !important;
  color: var(--sng-pro-text) !important;
  background: #ffffff !important;
  text-decoration: none !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}

.sng-page .sng-live-preview__message {
  min-height: 116px !important;
  padding: 20px !important;
  display: grid !important;
  place-items: center !important;
  text-align: center !important;
  border: 1px dashed #dcd6e5 !important;
  border-radius: 14px !important;
  color: var(--sng-pro-muted) !important;
  background: #faf9fc !important;
  font-size: 13px !important;
  line-height: 1.55 !important;
}

.sng-page .sng-live-preview__message.is-error {
  border-color: #f0c6ce !important;
  color: var(--sng-pro-danger) !important;
  background: #fff7f8 !important;
}

.sng-page .sng-live-preview__skeleton {
  min-height: 128px !important;
  display: grid !important;
  grid-template-columns: 70px 1fr !important;
  gap: 15px !important;
  align-items: center !important;
  padding: 17px !important;
  border-radius: 14px !important;
  background: #faf9fc !important;
}

.sng-page .sng-live-preview__skeleton-avatar,
.sng-page .sng-live-preview__skeleton-line {
  position: relative !important;
  overflow: hidden !important;
  background: #ece9f1 !important;
}

.sng-page .sng-live-preview__skeleton-avatar::after,
.sng-page .sng-live-preview__skeleton-line::after {
  content: "";
  position: absolute;
  inset: 0;
  transform: translateX(-100%);
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.75), transparent);
  animation: sng-preview-shimmer 1.35s infinite;
}

.sng-page .sng-live-preview__skeleton-avatar {
  width: 70px !important;
  height: 70px !important;
  border-radius: 50% !important;
}

.sng-page .sng-live-preview__skeleton-lines {
  display: grid !important;
  gap: 10px !important;
}

.sng-page .sng-live-preview__skeleton-line {
  height: 12px !important;
  border-radius: 99px !important;
}

.sng-page .sng-live-preview__skeleton-line:nth-child(1) { width: 58% !important; }
.sng-page .sng-live-preview__skeleton-line:nth-child(2) { width: 88% !important; }
.sng-page .sng-live-preview__skeleton-line:nth-child(3) { width: 72% !important; }

@keyframes sng-preview-shimmer {
  100% { transform: translateX(100%); }
}

/* Scroll reveal: JS adds classes only when observer support exists */
html.sng-motion-ready .sng-reveal {
  opacity: 0 !important;
  filter: blur(3px) !important;
  transform: translate3d(0, 34px, 0) scale(0.992) !important;
  transition:
    opacity 700ms cubic-bezier(.2,.75,.2,1),
    transform 760ms cubic-bezier(.2,.75,.2,1),
    filter 620ms ease !important;
  transition-delay: var(--sng-reveal-delay, 0ms) !important;
  will-change: opacity, transform, filter !important;
}

html.sng-motion-ready .sng-reveal.is-visible {
  opacity: 1 !important;
  filter: blur(0) !important;
  transform: translate3d(0, 0, 0) scale(1) !important;
  will-change: auto !important;
}

html.sng-motion-ready .sng-hero-load {
  opacity: 0 !important;
  transform: translate3d(0, 20px, 0) !important;
  transition:
    opacity 700ms ease,
    transform 760ms cubic-bezier(.2,.75,.2,1) !important;
  transition-delay: var(--sng-load-delay, 0ms) !important;
}

html.sng-motion-ready .sng-hero-load.is-visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
}

/* Mobile */
@media (max-width: 900px) {
  .sng-page .sng-header {
    top: 8px !important;
    min-height: 62px !important;
    margin-top: 8px !important;
    border-radius: 17px !important;
  }

  .sng-page .sng-hero {
    margin-top: 14px !important;
    padding: 36px 18px 30px !important;
    border-radius: 25px !important;
  }

  .sng-page .sng-hero::before {
    width: 230px;
    height: 230px;
    right: -120px;
    top: -125px;
  }

  .sng-page .sng-hero h1 {
    font-size: clamp(42px, 12vw, 58px) !important;
    line-height: 0.99 !important;
    letter-spacing: -2.3px !important;
  }

  .sng-page .sng-hero p {
    font-size: 16px !important;
    line-height: 1.62 !important;
  }

  .sng-page .sng-hero-trust {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .sng-page .sng-hero-trust div {
    min-width: 0 !important;
    padding: 10px !important;
  }

  .sng-page .sng-order {
    margin-top: 17px !important;
    padding: 19px !important;
    border-radius: 23px !important;
  }

  .sng-page .sng-order h2 {
    font-size: 31px !important;
    letter-spacing: -1.25px !important;
  }

  .sng-page .sng-platforms,
  .sng-page .sng-services {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .sng-page .sng-qtys {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .sng-page .sng-opt {
    min-height: 54px !important;
    font-size: 13px !important;
  }

  .sng-page .sng-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .sng-page .sng-service-grid,
  .sng-page .sng-proof-grid {
    grid-template-columns: 1fr !important;
  }

  .sng-page .sng-section-head h2,
  .sng-page .sng-final h2 {
    font-size: clamp(34px, 9vw, 44px) !important;
    letter-spacing: -1.65px !important;
  }

  .sng-page .sng-live-preview__profile {
    grid-template-columns: 58px minmax(0, 1fr) !important;
  }

  .sng-page .sng-live-preview__avatar {
    width: 58px !important;
    height: 58px !important;
    font-size: 20px !important;
  }

  .sng-page .sng-live-preview__open {
    grid-column: 1 / -1 !important;
    width: 100% !important;
  }

  .sng-page .sng-live-preview__embed iframe {
    min-height: 250px !important;
  }

  html.sng-motion-ready .sng-reveal {
    filter: none !important;
    transform: translate3d(0, 24px, 0) !important;
  }
}

@media (max-width: 480px) {
  .sng-page .sng-hero-trust {
    grid-template-columns: 1fr !important;
  }

  .sng-page .sng-qtys {
    grid-template-columns: 1fr !important;
  }

  .sng-page .sng-live-preview__head {
    align-items: flex-start !important;
  }

  .sng-page .sng-live-preview__badge {
    max-width: 42% !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.sng-motion-ready .sng-reveal,
  html.sng-motion-ready .sng-hero-load,
  .sng-page .sng-live-preview,
  .sng-page .sng-live-preview__skeleton-avatar::after,
  .sng-page .sng-live-preview__skeleton-line::after {
    opacity: 1 !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
  }
}


/* === Super Nexa Professional UI 1.1: full-bleed trust layout === */
body.sng-professional-active {
  margin: 0 !important;
  background: #f6f1ff !important;
}

body.sng-professional-active .sng-page {
  position: relative !important;
  isolation: isolate !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0 80px !important;
  overflow: clip !important;
  background:
    radial-gradient(circle at 8% 10%, rgba(113, 71, 235, .11), transparent 24%),
    radial-gradient(circle at 92% 28%, rgba(139, 92, 246, .10), transparent 25%),
    linear-gradient(180deg, #f8f4ff 0%, #f5efff 42%, #fbfaff 100%) !important;
}

.sng-page > :not(.sng-bg-orb) {
  position: relative;
  z-index: 1;
}

/* Full-width white header, with logo and review badge directly on the bar */
.sng-page .sng-header {
  width: 100% !important;
  max-width: none !important;
  min-height: 76px !important;
  margin: 0 !important;
  padding: 10px max(16px, calc((100vw - 1680px) / 2)) !important;
  grid-template-columns: 50px auto auto minmax(0, 1fr) !important;
  gap: 13px !important;
  top: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid #e9e6ef !important;
  border-radius: 0 !important;
  background: rgba(255, 255, 255, .97) !important;
  box-shadow: 0 8px 25px rgba(24, 18, 43, .055) !important;
  backdrop-filter: blur(18px) saturate(140%) !important;
  -webkit-backdrop-filter: blur(18px) saturate(140%) !important;
}

.sng-page .sng-logo {
  min-width: 0 !important;
  max-width: 240px !important;
}

.sng-page .sng-logo img {
  max-width: 100% !important;
  max-height: 48px !important;
}

.sng-page .sng-header-review {
  min-height: 44px !important;
  padding: 6px 12px 6px 7px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  justify-self: start !important;
  border: 0 !important;
  border-radius: 999px !important;
  color: #272330 !important;
  background: #f7f6fa !important;
  text-decoration: none !important;
  box-shadow: none !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  transition: transform 180ms ease, background-color 180ms ease !important;
}

.sng-page .sng-header-review:hover {
  transform: translateY(-1px) !important;
  background: #f0edf7 !important;
}

.sng-page .sng-header-review__star {
  width: 32px !important;
  height: 32px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  color: #fff !important;
  background: linear-gradient(135deg, #ff7a18, #ff4d00) !important;
  box-shadow: 0 7px 17px rgba(255, 103, 20, .22) !important;
  font-size: 15px !important;
}

.sng-page .sng-header-review strong {
  font-size: 14px !important;
  font-weight: 900 !important;
}

.sng-page .sng-nav {
  justify-self: end !important;
}

/* Hero and order builder share one full-bleed animated background */
.sng-page .sng-hero {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(50px, 6vw, 84px) max(18px, calc((100vw - 1240px) / 2)) clamp(56px, 7vw, 92px) !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    radial-gradient(circle at 88% 8%, rgba(112, 71, 235, .14), transparent 25%),
    radial-gradient(circle at 8% 72%, rgba(139, 92, 246, .10), transparent 27%),
    linear-gradient(135deg, rgba(255,255,255,.72) 0%, rgba(249,246,255,.82) 48%, rgba(241,233,255,.86) 100%) !important;
  box-shadow: none !important;
}

.sng-page .sng-hero::before {
  width: 390px !important;
  height: 390px !important;
  right: -150px !important;
  top: -205px !important;
  animation: sng-ring-float 10s ease-in-out infinite alternate !important;
}

.sng-page .sng-hero::after {
  content: "";
  position: absolute;
  left: -110px;
  bottom: 18%;
  width: 230px;
  height: 230px;
  border: 1px solid rgba(112, 71, 235, .11);
  border-radius: 42%;
  transform: rotate(18deg);
  box-shadow: 0 0 0 34px rgba(112, 71, 235, .025);
  pointer-events: none;
  animation: sng-soft-box-float 12s ease-in-out infinite alternate !important;
}

.sng-page .sng-hero-copy {
  width: min(1240px, 100%) !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.sng-page .sng-order,
.sng-page .sng-under-order-proof {
  width: min(1240px, calc(100% - 32px)) !important;
  max-width: 1240px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.sng-page .sng-hero .sng-order,
.sng-page .sng-hero .sng-under-order-proof {
  width: 100% !important;
}

.sng-page .sng-hero > * {
  position: relative !important;
  z-index: 1 !important;
}

.sng-page .sng-stats,
.sng-page .sng-section,
.sng-page .sng-final,
.sng-page .sng-footer {
  width: min(1240px, calc(100% - 32px)) !important;
}

.sng-page #reviews {
  scroll-margin-top: 92px !important;
}

.sng-page .sng-order {
  margin-top: clamp(32px, 5vw, 56px) !important;
  padding: clamp(23px, 3.6vw, 42px) !important;
  border-radius: 30px !important;
  box-shadow: 0 28px 82px rgba(40, 24, 82, .12) !important;
}

/* More readable order choices without making the layout bulky */
.sng-page .sng-platforms .sng-opt,
.sng-page .sng-services .sng-opt {
  min-height: 62px !important;
  font-size: 16px !important;
  letter-spacing: -.15px !important;
}

.sng-page .sng-qtys .sng-opt {
  min-height: 62px !important;
  font-size: 16px !important;
  letter-spacing: -.1px !important;
}

.sng-page .sng-opt svg {
  width: 21px !important;
  height: 21px !important;
}

/* Link field avatar: appears inside the exact field the customer is typing in */
.sng-page .sng-link-field {
  position: relative !important;
  width: 100% !important;
}

.sng-page .sng-link-field .sng-link-field__input.has-sng-avatar {
  padding-right: 70px !important;
}

.sng-page .sng-link-field__avatar {
  position: absolute !important;
  top: 50% !important;
  right: 8px !important;
  width: 44px !important;
  height: 44px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 2px solid #fff !important;
  border-radius: 50% !important;
  color: #fff !important;
  background: linear-gradient(145deg, #262031, var(--sng-pro-brand)) !important;
  box-shadow: 0 8px 22px rgba(55, 36, 104, .18) !important;
  opacity: 0 !important;
  transform: translateY(-50%) scale(.82) !important;
  pointer-events: none !important;
  transition: opacity 220ms ease, transform 260ms cubic-bezier(.2,.75,.2,1) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.sng-page .sng-link-field__avatar.is-visible {
  opacity: 1 !important;
  transform: translateY(-50%) scale(1) !important;
}

.sng-page .sng-link-field__avatar.is-loading::after,
.sng-page .sng-live-preview__head-avatar.is-loading::after {
  content: "";
  position: absolute;
  inset: -3px;
  border: 2px solid transparent;
  border-top-color: #8b5cf6;
  border-radius: 50%;
  animation: sng-avatar-spin .8s linear infinite;
}

.sng-page .sng-link-field__avatar img,
.sng-page .sng-live-preview__head-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.sng-page .sng-live-preview__head-avatar {
  position: relative !important;
  width: 30px !important;
  height: 30px !important;
  flex: 0 0 30px !important;
  display: none !important;
  place-items: center !important;
  overflow: hidden !important;
  border: 1px solid #e8e3ef !important;
  border-radius: 50% !important;
  color: #fff !important;
  background: linear-gradient(145deg, #262031, var(--sng-pro-brand)) !important;
  font-size: 9px !important;
  font-weight: 900 !important;
}

.sng-page .sng-live-preview__head-avatar.is-visible {
  display: grid !important;
}

.sng-page .sng-live-preview__title {
  gap: 8px !important;
}

/* Full-page moving decorative objects */
.sng-page .sng-bg-orb {
  position: absolute !important;
  z-index: 0 !important;
  display: block !important;
  pointer-events: none !important;
  opacity: .52 !important;
  filter: blur(.2px) !important;
}

.sng-page .sng-bg-orb--one {
  top: 13%;
  right: -85px;
  width: 240px;
  height: 240px;
  border: 1px solid rgba(112, 71, 235, .13);
  border-radius: 50%;
  box-shadow: 0 0 0 38px rgba(112, 71, 235, .025);
  animation: sng-orb-one 13s ease-in-out infinite alternate;
}

.sng-page .sng-bg-orb--two {
  top: 46%;
  left: -105px;
  width: 210px;
  height: 210px;
  border-radius: 40%;
  background: linear-gradient(145deg, rgba(139,92,246,.08), rgba(255,255,255,.02));
  transform: rotate(22deg);
  animation: sng-orb-two 15s ease-in-out infinite alternate;
}

.sng-page .sng-bg-orb--three {
  top: 76%;
  right: 4%;
  width: 105px;
  height: 105px;
  border: 1px solid rgba(112, 71, 235, .12);
  border-radius: 28px;
  transform: rotate(17deg);
  animation: sng-orb-three 11s ease-in-out infinite alternate;
}

.sng-page .sng-badge {
  animation: sng-important-float 5.5s ease-in-out infinite !important;
}

.sng-page .sng-hero-trust div:nth-child(odd) {
  animation: sng-trust-float 7s ease-in-out infinite !important;
}

.sng-page .sng-hero-trust div:nth-child(even) {
  animation: sng-trust-float 7s ease-in-out 1.4s infinite reverse !important;
}

/* Directional reveal variation while preserving the requested hide-to-up motion */
html.sng-motion-ready .sng-reveal--left {
  transform: translate3d(-28px, 25px, 0) scale(.992) !important;
}

html.sng-motion-ready .sng-reveal--right {
  transform: translate3d(28px, 25px, 0) scale(.992) !important;
}

html.sng-motion-ready .sng-reveal--left.is-visible,
html.sng-motion-ready .sng-reveal--right.is-visible {
  transform: translate3d(0, 0, 0) scale(1) !important;
}

html.sng-motion-ready .sng-hero-load--down {
  transform: translate3d(0, -20px, 0) !important;
}

html.sng-motion-ready .sng-hero-load--up {
  transform: translate3d(0, 22px, 0) !important;
}

html.sng-motion-ready .sng-hero-load--down.is-visible,
html.sng-motion-ready .sng-hero-load--up.is-visible {
  transform: translate3d(0, 0, 0) !important;
}

@keyframes sng-avatar-spin { to { transform: rotate(360deg); } }
@keyframes sng-ring-float {
  0% { transform: translate3d(0,0,0) scale(1); }
  100% { transform: translate3d(-18px,16px,0) scale(1.035); }
}
@keyframes sng-soft-box-float {
  0% { transform: translate3d(0,0,0) rotate(18deg); }
  100% { transform: translate3d(22px,-16px,0) rotate(24deg); }
}
@keyframes sng-orb-one {
  0% { transform: translate3d(0,0,0) scale(1); }
  100% { transform: translate3d(-28px,32px,0) scale(1.06); }
}
@keyframes sng-orb-two {
  0% { transform: translate3d(0,0,0) rotate(22deg); }
  100% { transform: translate3d(38px,-30px,0) rotate(30deg); }
}
@keyframes sng-orb-three {
  0% { transform: translate3d(0,0,0) rotate(17deg); }
  100% { transform: translate3d(-20px,25px,0) rotate(25deg); }
}
@keyframes sng-important-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}
@keyframes sng-trust-float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

@media (max-width: 900px) {
  .sng-page .sng-header {
    min-height: 70px !important;
    padding: 9px 13px !important;
    grid-template-columns: 46px minmax(0, 1fr) auto !important;
    gap: 9px !important;
  }

  .sng-page .sng-menu-btn {
    width: 46px !important;
    height: 46px !important;
  }

  .sng-page .sng-logo {
    max-width: 185px !important;
    overflow: hidden !important;
  }

  .sng-page .sng-logo img {
    max-height: 44px !important;
  }

  .sng-page .sng-header-review {
    grid-column: 3 !important;
    padding-right: 9px !important;
  }

  .sng-page .sng-header-review span:last-child {
    display: none !important;
  }

  .sng-page .sng-nav {
    display: none !important;
  }

  .sng-page .sng-hero {
    margin: 0 !important;
    padding: 36px 16px 58px !important;
    border-radius: 0 !important;
  }

  .sng-page .sng-hero-copy {
    width: 100% !important;
    max-width: 100% !important;
  }

  .sng-page .sng-order,
  .sng-page .sng-under-order-proof {
    width: calc(100% - 28px) !important;
    max-width: 100% !important;
  }

  .sng-page .sng-hero .sng-order,
  .sng-page .sng-hero .sng-under-order-proof {
    width: 100% !important;
  }

  .sng-page .sng-hero-trust {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  .sng-page .sng-hero-trust div {
    min-height: 60px !important;
  }

  .sng-page .sng-order {
    margin-top: 30px !important;
    padding: 20px !important;
  }

  .sng-page .sng-platforms .sng-opt,
  .sng-page .sng-services .sng-opt {
    min-height: 58px !important;
    font-size: 15px !important;
  }

  /* Always exactly three quantity cards per mobile row, including narrow phones */
  .sng-page .sng-qtys {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
  }

  .sng-page .sng-qtys .sng-opt {
    min-height: 58px !important;
    padding: 7px 4px !important;
    font-size: clamp(11px, 3.15vw, 14px) !important;
    line-height: 1.12 !important;
  }

  .sng-page .sng-qtys .sng-opt span,
  .sng-page .sng-qtys .sng-opt small,
  .sng-page .sng-qtys .sng-opt b {
    gap: 3px !important;
    font-size: inherit !important;
    white-space: nowrap !important;
  }

  .sng-page .sng-bg-orb--one { right: -145px; }
  .sng-page .sng-bg-orb--two { left: -150px; }
}

@media (max-width: 480px) {
  .sng-page .sng-header {
    grid-template-columns: 44px minmax(0, 1fr) auto !important;
  }

  .sng-page .sng-logo {
    max-width: 155px !important;
  }

  .sng-page .sng-header-review {
    min-height: 40px !important;
    padding: 5px 7px 5px 5px !important;
    gap: 5px !important;
  }

  .sng-page .sng-header-review__star {
    width: 29px !important;
    height: 29px !important;
  }

  .sng-page .sng-header-review strong {
    font-size: 12px !important;
  }

  .sng-page .sng-hero-trust {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .sng-page .sng-hero-trust b {
    font-size: 11.5px !important;
  }

  .sng-page .sng-qtys {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }

  .sng-page .sng-link-field__avatar {
    right: 7px !important;
    width: 42px !important;
    height: 42px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .sng-page .sng-bg-orb,
  .sng-page .sng-badge,
  .sng-page .sng-hero-trust div,
  .sng-page .sng-hero::before,
  .sng-page .sng-hero::after,
  .sng-page .sng-link-field__avatar::after,
  .sng-page .sng-live-preview__head-avatar::after {
    animation: none !important;
  }
}

/* ========================================================================
   Super Nexa Professional UI 1.2
   Overlay repair, wider order builder, restrained top-only decoration,
   verified previews, and one consistent non-home theme background.
   ======================================================================== */

body.sng-professional-active {
  --sng-pro-brand: var(--sng-primary, #7047eb);
  --sng-pro-brand-2: #8b5cf6;
  --sng-pro-brand-soft: #eee8ff;
  --sng-pro-brand-soft-2: #f6f2ff;
  --sng-pro-ink: #171326;
  --sng-pro-muted-2: #716c7d;
  --sng-pro-border: #e2daf7;
  --sng-pro-layout: 1440px;
  --line: #e2daf7;
  --soft: #f4efff;
  --text: #171326;
  --muted: #716c7d;
  --p: var(--sng-pro-brand);
  --shadow: 0 24px 70px rgba(49, 31, 91, .14);

  min-height: 100vh !important;
  margin: 0 !important;
  overflow-x: clip !important;
  color: var(--sng-pro-ink) !important;
  background:
    radial-gradient(circle at 8% 3%, #e8ddff 0 74px, transparent 75px),
    radial-gradient(circle at 93% 6%, #d8c8ff 0 48px, transparent 49px),
    linear-gradient(180deg, #f4eeff 0%, #f8f5ff 38%, #f3effb 100%) !important;
  background-attachment: fixed !important;
}

body.sng-professional-active .sng-page,
body.sng-professional-active .sngx-page,
body.sng-professional-active .sng-wp-content,
body.sng-professional-active .sng-woo-page,
body.sng-professional-active .sng-cart-page,
body.sng-professional-active .sng-checkout-page {
  border-left: 0 !important;
  border-right: 0 !important;
  outline: 0 !important;
}

body.sng-professional-active .sng-page {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 0 80px !important;
  overflow-x: clip !important;
  overflow-y: visible !important;
  isolation: auto !important;
  background:
    linear-gradient(180deg, rgba(246,240,255,.96) 0%, rgba(250,248,255,.97) 34%, rgba(243,239,251,.98) 100%) !important;
}

/* Old full-page rings/orbs are removed. Decoration now stays only at the top. */
body.sng-professional-active .sng-bg-orb {
  display: none !important;
}

/* Header remains one integrated white bar, not a separate logo card. */
body.sng-professional-active .sng-header {
  width: 100% !important;
  max-width: none !important;
  min-height: 76px !important;
  margin: 0 !important;
  padding: 10px max(16px, calc((100vw - var(--sng-pro-layout)) / 2)) !important;
  position: sticky !important;
  top: 0 !important;
  z-index: 1200 !important;
  border: 0 !important;
  border-bottom: 1px solid #ebe6f3 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: 0 9px 30px rgba(35, 23, 62, .065) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

body.sng-professional-active .sng-header-review {
  border: 1px solid #ece8f3 !important;
  color: #262130 !important;
  background: #faf9fc !important;
  box-shadow: 0 5px 16px rgba(42, 28, 76, .055) !important;
}

body.sng-professional-active .sng-header-review__star {
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--sng-pro-brand), var(--sng-pro-brand-2)) !important;
  box-shadow: 0 7px 18px rgba(112, 71, 235, .23) !important;
}

/* Menu and cart are portalled to body by JS so no page stacking context clips them. */
body > .sng-menu {
  display: block !important;
  position: fixed !important;
  left: 16px !important;
  top: max(16px, env(safe-area-inset-top)) !important;
  width: min(380px, calc(100vw - 32px)) !important;
  max-height: calc(100dvh - 32px) !important;
  overflow-y: auto !important;
  z-index: 2147483647 !important;
  border: 1px solid #ddd3f5 !important;
  border-radius: 26px !important;
  color: var(--sng-pro-ink) !important;
  background: linear-gradient(180deg, #ffffff 0%, #faf7ff 100%) !important;
  box-shadow: 0 30px 100px rgba(25, 15, 52, .28) !important;
}

body > .sng-backdrop {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483645 !important;
  background: rgba(22, 13, 45, .48) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}

body > .sng-cart-drawer {
  position: fixed !important;
  inset: 0 !important;
  width: 100vw !important;
  height: 100dvh !important;
  z-index: 2147483646 !important;
  overflow: hidden !important;
  background: rgba(22, 13, 45, .44) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}

body > .sng-cart-drawer:not(.is-open) {
  pointer-events: none !important;
}

body > .sng-cart-drawer.is-open {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

body > .sng-cart-drawer .sng-cart-panel {
  position: absolute !important;
  top: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  left: auto !important;
  width: min(540px, 100vw) !important;
  height: 100dvh !important;
  max-height: 100dvh !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  border-left: 1px solid #e2daf7 !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #ffffff 0%, #f8f4ff 100%) !important;
  box-shadow: -24px 0 80px rgba(30, 18, 65, .22) !important;
}

body.sng-cart-active,
body.sng-menu-active {
  overflow: hidden !important;
}

/* Keep the floating support button visible at bottom-left. */
body > .sng-chat {
  position: fixed !important;
  left: 18px !important;
  right: auto !important;
  bottom: max(18px, env(safe-area-inset-bottom)) !important;
  z-index: 2147483000 !important;
  margin: 0 !important;
  transform: none !important;
}

body > .sng-chat > div {
  left: 0 !important;
  right: auto !important;
}

body > .sng-chat button {
  background: linear-gradient(135deg, var(--sng-pro-brand), var(--sng-pro-brand-2)) !important;
  box-shadow: 0 18px 42px rgba(112, 71, 235, .31) !important;
}

/* Full-bleed hero background with restrained top-only moving objects. */
body.sng-professional-active .sng-hero {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: clamp(48px, 5.8vw, 82px) max(16px, calc((100vw - var(--sng-pro-layout)) / 2)) clamp(58px, 7vw, 94px) !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background:
    linear-gradient(125deg, #f8f5ff 0%, #eee7ff 58%, #f8f5ff 100%) !important;
  box-shadow: none !important;
}

body.sng-professional-active .sng-hero::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  top: -180px !important;
  right: -130px !important;
  width: 360px !important;
  height: 360px !important;
  border: 2px solid #d4c5ff !important;
  border-radius: 50% !important;
  box-shadow: 0 0 0 48px #eee8ff, 0 0 0 96px #f5f1ff !important;
  background: transparent !important;
  pointer-events: none !important;
  animation: sng-v12-ring 11s ease-in-out infinite alternate !important;
}

body.sng-professional-active .sng-hero::after {
  display: none !important;
  content: none !important;
}

body.sng-professional-active .sng-hero-decor {
  position: absolute !important;
  z-index: 0 !important;
  display: block !important;
  pointer-events: none !important;
}

body.sng-professional-active .sng-hero-decor--one {
  top: 108px !important;
  right: 8.5% !important;
  width: 58px !important;
  height: 58px !important;
  border-radius: 50% !important;
  background: #7047eb !important;
  box-shadow: 0 14px 34px rgba(112, 71, 235, .24) !important;
  animation: sng-v12-float-one 6.5s ease-in-out infinite !important;
}

body.sng-professional-active .sng-hero-decor--two {
  top: 210px !important;
  right: 16% !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 50% !important;
  background: #b79cff !important;
  box-shadow: 0 10px 24px rgba(112, 71, 235, .18) !important;
  animation: sng-v12-float-two 7.5s ease-in-out infinite !important;
}

body.sng-professional-active .sng-hero-decor--three {
  top: 78px !important;
  left: 5% !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 11px !important;
  background: #d7c8ff !important;
  transform: rotate(18deg) !important;
  animation: sng-v12-float-three 8s ease-in-out infinite !important;
}

body.sng-professional-active .sng-hero > *:not(.sng-hero-decor) {
  position: relative !important;
  z-index: 1 !important;
}

body.sng-professional-active .sng-hero-copy,
body.sng-professional-active .sng-order,
body.sng-professional-active .sng-under-order-proof {
  width: min(var(--sng-pro-layout), 100%) !important;
  max-width: var(--sng-pro-layout) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.sng-professional-active .sng-hero .sng-order,
body.sng-professional-active .sng-hero .sng-under-order-proof {
  width: 100% !important;
  max-width: 100% !important;
}

/* Wider, less lengthy order form. */
body.sng-professional-active .sng-order {
  margin-top: clamp(32px, 5vw, 54px) !important;
  padding: clamp(24px, 3vw, 42px) !important;
  overflow: visible !important;
  border: 1px solid #ddd3f5 !important;
  border-radius: 30px !important;
  background: linear-gradient(145deg, #fffefe 0%, #fbf8ff 58%, #f4efff 100%) !important;
  box-shadow: 0 30px 86px rgba(43, 26, 88, .14) !important;
}

body.sng-professional-active .sng-order::before {
  left: 28px !important;
  right: 28px !important;
  height: 3px !important;
  background: linear-gradient(90deg, transparent, var(--sng-pro-brand), #b297ff, transparent) !important;
}

body.sng-professional-active .sng-platforms,
body.sng-professional-active .sng-services,
body.sng-professional-active .sng-qtys {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 11px !important;
}

body.sng-professional-active .sng-platforms .sng-opt,
body.sng-professional-active .sng-services .sng-opt,
body.sng-professional-active .sng-qtys .sng-opt {
  min-height: 64px !important;
  padding: 10px 12px !important;
  border-color: #e1dbea !important;
  border-radius: 17px !important;
  color: #302b39 !important;
  background: linear-gradient(180deg, #fffefe 0%, #fbf9ff 100%) !important;
  font-size: 16.5px !important;
  font-weight: 850 !important;
  box-shadow: 0 6px 18px rgba(42, 27, 76, .035) !important;
}

body.sng-professional-active .sng-opt.is-active {
  border-color: var(--sng-pro-brand) !important;
  color: var(--sng-pro-brand) !important;
  background: linear-gradient(180deg, #f8f4ff 0%, #eee7ff 100%) !important;
  box-shadow: 0 0 0 3px rgba(112, 71, 235, .08), 0 12px 26px rgba(112, 71, 235, .11) !important;
}

body.sng-professional-active .sng-rating {
  color: var(--sng-pro-brand) !important;
}

body.sng-professional-active .sng-min-line {
  color: #716b7d !important;
  font-size: 14.5px !important;
  font-weight: 650 !important;
  line-height: 1.55 !important;
}

/* Remove the old YT/avatar marker from inside the link input and the purple top badge. */
body.sng-professional-active .sng-link-field__avatar,
body.sng-professional-active .sng-live-preview__head-avatar,
body.sng-professional-active .sng-live-preview__badge {
  display: none !important;
}

body.sng-professional-active .sng-link-field .sng-link-field__input,
body.sng-professional-active .sng-link-field .sng-link-field__input.has-sng-avatar,
body.sng-professional-active .sng-order input[data-sng-link] {
  padding-right: 17px !important;
}

body.sng-professional-active .sng-order input[aria-invalid="true"] {
  border-color: #d9425f !important;
  box-shadow: 0 0 0 4px rgba(217, 66, 95, .10) !important;
}

body.sng-professional-active .sng-live-preview__card {
  border: 1px solid #ddd5ec !important;
  background: linear-gradient(150deg, #fffefe 0%, #f8f4ff 100%) !important;
  box-shadow: 0 18px 48px rgba(43, 27, 80, .085) !important;
}

body.sng-professional-active .sng-live-preview__head {
  min-height: 56px !important;
  padding: 13px 16px !important;
  background: linear-gradient(180deg, #fbf9ff 0%, #f7f3ff 100%) !important;
}

body.sng-professional-active .sng-live-preview__title {
  font-size: 14px !important;
  font-weight: 850 !important;
}

body.sng-professional-active .sng-live-preview__body {
  padding: 15px !important;
  background: linear-gradient(180deg, #fcfaff 0%, #f7f3ff 100%) !important;
}

body.sng-professional-active .sng-live-preview__identity {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: center !important;
  margin-bottom: 12px !important;
  padding: 11px 12px !important;
  border: 1px solid #e3ddef !important;
  border-radius: 15px !important;
  background: linear-gradient(135deg, #ffffff 0%, #f5efff 100%) !important;
}

body.sng-professional-active .sng-live-preview__identity-avatar {
  width: 48px !important;
  height: 48px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--sng-pro-brand), var(--sng-pro-brand-2)) !important;
  box-shadow: 0 9px 22px rgba(112, 71, 235, .20) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

body.sng-professional-active .sng-live-preview__identity-avatar img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

body.sng-professional-active .sng-live-preview__identity-copy {
  min-width: 0 !important;
}

body.sng-professional-active .sng-live-preview__identity-copy strong,
body.sng-professional-active .sng-live-preview__identity-copy small {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body.sng-professional-active .sng-live-preview__identity-copy strong {
  color: var(--sng-pro-ink) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
}

body.sng-professional-active .sng-live-preview__identity-copy small {
  margin-top: 3px !important;
  color: var(--sng-pro-muted-2) !important;
  font-size: 11.5px !important;
  font-weight: 650 !important;
}

body.sng-professional-active .sng-live-preview__profile {
  border-color: #e2dced !important;
  background: linear-gradient(135deg, #ffffff 0%, #f5efff 100%) !important;
}

body.sng-professional-active .sng-live-preview__message.is-error {
  border: 1px solid #efbec8 !important;
  color: #a91f3d !important;
  background: linear-gradient(145deg, #fff7f9 0%, #fff0f4 100%) !important;
  font-weight: 720 !important;
}

/* Tinted cards retain white readability without looking like flat white boxes. */
body.sng-professional-active .sng-stats > div,
body.sng-professional-active .sng-service-grid > article,
body.sng-professional-active .sng-proof-grid > article,
body.sng-professional-active .sng-reviews > article,
body.sng-professional-active .sng-faq,
body.sng-professional-active .sng-footer,
body.sng-professional-active .sng-review-form,
body.sng-professional-active .sng-under-order-proof .sng-order-proof-wrap,
body.sng-professional-active .sng-cart-main,
body.sng-professional-active .sng-cart-summary {
  border-color: #e1daee !important;
  background: linear-gradient(145deg, #fffefe 0%, #faf7ff 66%, #f3edff 100%) !important;
  box-shadow: 0 18px 50px rgba(47, 29, 91, .075) !important;
}

body.sng-professional-active .sng-service-grid > article,
body.sng-professional-active .sng-proof-grid > article,
body.sng-professional-active .sng-reviews > article {
  transition: transform 240ms cubic-bezier(.2,.75,.2,1), box-shadow 240ms ease, border-color 240ms ease !important;
}

@media (hover: hover) and (pointer: fine) {
  body.sng-professional-active .sng-service-grid > article:hover,
  body.sng-professional-active .sng-proof-grid > article:hover,
  body.sng-professional-active .sng-reviews > article:hover {
    transform: translateY(-5px) !important;
    border-color: #cfc0f7 !important;
    box-shadow: 0 25px 65px rgba(47, 29, 91, .12) !important;
  }
}

/* The “Before Your Order” block gets the same breathing room as other cards. */
body.sng-professional-active .sng-before-order-section {
  padding-left: clamp(18px, 3vw, 32px) !important;
  padding-right: clamp(18px, 3vw, 32px) !important;
}

body.sng-professional-active .sng-section,
body.sng-professional-active .sng-stats,
body.sng-professional-active .sng-final,
body.sng-professional-active .sng-footer,
body.sng-professional-active .sng-cart-layout {
  width: min(1320px, calc(100% - 32px)) !important;
  max-width: 1320px !important;
}

@keyframes sng-v12-ring {
  0% { transform: translate3d(0, 0, 0) scale(1); }
  100% { transform: translate3d(-18px, 14px, 0) scale(1.035); }
}

@keyframes sng-v12-float-one {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(-12px, 12px, 0); }
}

@keyframes sng-v12-float-two {
  0%, 100% { transform: translate3d(0, 0, 0); }
  50% { transform: translate3d(13px, -10px, 0); }
}

@keyframes sng-v12-float-three {
  0%, 100% { transform: translate3d(0, 0, 0) rotate(18deg); }
  50% { transform: translate3d(10px, 11px, 0) rotate(26deg); }
}

@media (max-width: 900px) {
  body.sng-professional-active {
    background-attachment: scroll !important;
    background:
      radial-gradient(circle at 4% 2%, #e8ddff 0 44px, transparent 45px),
      radial-gradient(circle at 97% 5%, #d8c8ff 0 32px, transparent 33px),
      linear-gradient(180deg, #f4eeff 0%, #f7f3ff 48%, #f1ecfa 100%) !important;
  }

  body.sng-professional-active .sng-header {
    min-height: 70px !important;
    padding: 9px 12px !important;
  }

  body.sng-professional-active .sng-hero {
    padding: 34px 14px 58px !important;
  }

  body.sng-professional-active .sng-hero::before {
    top: -132px !important;
    right: -145px !important;
    width: 255px !important;
    height: 255px !important;
    box-shadow: 0 0 0 34px #eee8ff, 0 0 0 68px #f5f1ff !important;
  }

  body.sng-professional-active .sng-hero-decor--one {
    top: 88px !important;
    right: 6% !important;
    width: 38px !important;
    height: 38px !important;
  }

  body.sng-professional-active .sng-hero-decor--two {
    top: 170px !important;
    right: 15% !important;
    width: 20px !important;
    height: 20px !important;
  }

  body.sng-professional-active .sng-hero-decor--three {
    top: 64px !important;
    left: 5% !important;
    width: 25px !important;
    height: 25px !important;
  }

  body.sng-professional-active .sng-hero-trust {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  body.sng-professional-active .sng-order,
  body.sng-professional-active .sng-hero .sng-order {
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 30px !important;
    padding: 20px !important;
  }

  body.sng-professional-active .sng-platforms,
  body.sng-professional-active .sng-services {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }

  /* Exactly three quantities in every mobile row, including narrow phones. */
  body.sng-professional-active .sng-qtys {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 7px !important;
    overflow: visible !important;
  }

  body.sng-professional-active .sng-qtys .sng-opt {
    width: 100% !important;
    min-width: 0 !important;
    min-height: 60px !important;
    padding: 7px 3px !important;
    font-size: clamp(10.3px, 3.15vw, 13.5px) !important;
    line-height: 1.12 !important;
  }

  body.sng-professional-active .sng-qtys .sng-opt span,
  body.sng-professional-active .sng-qtys .sng-opt b,
  body.sng-professional-active .sng-qtys .sng-opt small,
  body.sng-professional-active .sng-qtys .sng-opt em {
    min-width: 0 !important;
    gap: 2px !important;
    margin: 0 !important;
    font-size: inherit !important;
    white-space: nowrap !important;
  }

  body.sng-professional-active .sng-platforms .sng-opt,
  body.sng-professional-active .sng-services .sng-opt {
    min-height: 60px !important;
    font-size: 15.5px !important;
  }

  body > .sng-menu {
    left: 10px !important;
    top: max(10px, env(safe-area-inset-top)) !important;
    width: calc(100vw - 20px) !important;
    max-height: calc(100dvh - 20px) !important;
  }

  body > .sng-chat {
    left: 12px !important;
    right: auto !important;
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
  }

  body > .sng-cart-drawer .sng-cart-panel {
    width: min(100vw, 540px) !important;
    padding: 24px 16px !important;
  }

  body.sng-professional-active .sng-section,
  body.sng-professional-active .sng-stats,
  body.sng-professional-active .sng-final,
  body.sng-professional-active .sng-footer,
  body.sng-professional-active .sng-cart-layout {
    width: calc(100% - 24px) !important;
  }
}

@media (max-width: 480px) {
  body.sng-professional-active .sng-header-review {
    min-width: 72px !important;
  }

  body.sng-professional-active .sng-hero-trust {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  body.sng-professional-active .sng-hero-trust b {
    font-size: 11.5px !important;
  }

  body.sng-professional-active .sng-live-preview__profile {
    grid-template-columns: 58px minmax(0, 1fr) !important;
  }

  body.sng-professional-active .sng-live-preview__open {
    grid-column: 1 / -1 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.sng-professional-active .sng-hero::before,
  body.sng-professional-active .sng-hero-decor,
  body.sng-professional-active .sng-badge,
  body.sng-professional-active .sng-hero-trust > div {
    animation: none !important;
  }
}

/* === v1.3: header stays only at the top and scrolls away normally === */
body.sng-professional-active .sng-header,
.sng-page .sng-header {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  inset: auto !important;
}

/* === v1.6 controls: adjustable order width and card gradient === */
body.sng-professional-active .sng-order,
body.sng-professional-active .sng-hero .sng-order {
  width: min(var(--sng-order-max, 1540px), calc(100% - (var(--sng-order-side, 20px) * 2))) !important;
  max-width: var(--sng-order-max, 1540px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.sng-professional-active .sng-under-order-proof,
body.sng-professional-active .sng-hero .sng-under-order-proof {
  width: min(var(--sng-order-max, 1540px), calc(100% - (var(--sng-order-side, 20px) * 2))) !important;
  max-width: var(--sng-order-max, 1540px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.sng-professional-active .sng-order,
body.sng-professional-active .sng-stats > div,
body.sng-professional-active .sng-service-grid > article,
body.sng-professional-active .sng-proof-grid > article,
body.sng-professional-active .sng-reviews > article,
body.sng-professional-active .sng-faq,
body.sng-professional-active .sng-footer,
body.sng-professional-active .sng-review-form,
body.sng-professional-active .sng-under-order-proof .sng-order-proof-wrap,
body.sng-professional-active .sng-cart-main,
body.sng-professional-active .sng-cart-summary {
  background: linear-gradient(
    145deg,
    var(--sng-card-start, #fffefe) 0%,
    var(--sng-card-middle, #faf7ff) 66%,
    var(--sng-card-end, #f3edff) 100%
  ) !important;
}

/* YouTube Shorts showcase */
body.sng-professional-active .sng-video-showcase {
  width: min(1320px, calc(100% - 32px)) !important;
  max-width: 1320px !important;
  padding-top: clamp(58px, 7vw, 88px) !important;
  position: relative !important;
  isolation: isolate !important;
}

body.sng-professional-active .sng-video-showcase__head {
  max-width: 820px !important;
  margin: 0 auto 28px !important;
  text-align: center !important;
}

body.sng-professional-active .sng-video-showcase__head > span {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  padding: 8px 13px !important;
  border: 1px solid rgba(112, 71, 235, .20) !important;
  border-radius: 999px !important;
  color: var(--sng-pro-brand) !important;
  background: rgba(255, 255, 255, .68) !important;
  box-shadow: 0 9px 26px rgba(54, 34, 104, .06) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 1.5px !important;
}

body.sng-professional-active .sng-video-showcase__head h2 {
  margin: 14px 0 0 !important;
  color: var(--sng-pro-ink) !important;
  font-size: clamp(38px, 5.2vw, 68px) !important;
  line-height: 1.02 !important;
  letter-spacing: -2.7px !important;
  font-weight: 950 !important;
  text-wrap: balance !important;
  background: linear-gradient(100deg, #24163d 0%, var(--sng-pro-brand) 45%, #c927b4 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  color: transparent !important;
}

body.sng-professional-active .sng-video-showcase__head p {
  max-width: 700px !important;
  margin: 15px auto 0 !important;
  color: var(--sng-pro-muted-2) !important;
  font-size: 15.5px !important;
  line-height: 1.68 !important;
  font-weight: 560 !important;
}

body.sng-professional-active .sng-video-deck {
  position: relative !important;
  min-height: 650px !important;
  overflow: hidden !important;
  display: grid !important;
  place-items: center !important;
  padding: 34px 18px 18px !important;
  border: 1px solid #dfd5f3 !important;
  border-radius: 34px !important;
  background:
    radial-gradient(circle at 13% 22%, rgba(112, 71, 235, .18), transparent 24%),
    radial-gradient(circle at 87% 78%, rgba(201, 39, 180, .10), transparent 27%),
    linear-gradient(145deg, var(--sng-card-start, #fffefe) 0%, var(--sng-card-middle, #faf7ff) 54%, var(--sng-card-end, #f3edff) 100%) !important;
  box-shadow: 0 28px 82px rgba(48, 29, 91, .12) !important;
}

body.sng-professional-active .sng-video-deck::before {
  content: "" !important;
  position: absolute !important;
  inset: 18px !important;
  border: 1px solid rgba(112, 71, 235, .10) !important;
  border-radius: 27px !important;
  pointer-events: none !important;
}

body.sng-professional-active .sng-video-deck__ambient {
  position: absolute !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  filter: blur(.1px) !important;
}

body.sng-professional-active .sng-video-deck__ambient--one {
  width: 86px !important;
  height: 86px !important;
  left: 8% !important;
  top: 15% !important;
  background: #d9c9ff !important;
  animation: sng-video-ambient-one 7s ease-in-out infinite !important;
}

body.sng-professional-active .sng-video-deck__ambient--two {
  width: 52px !important;
  height: 52px !important;
  right: 9% !important;
  bottom: 17% !important;
  background: #b996ff !important;
  animation: sng-video-ambient-two 8s ease-in-out infinite !important;
}

body.sng-professional-active .sng-video-deck__cards {
  position: absolute !important;
  inset: 0 !important;
  display: grid !important;
  place-items: center !important;
  pointer-events: none !important;
}

body.sng-professional-active .sng-video-deck__card {
  --sng-video-x: 0px;
  --sng-video-y: 0px;
  --sng-video-r: 0deg;
  --sng-video-s: 1;
  --sng-video-z: 10;
  position: absolute !important;
  width: clamp(235px, 21vw, 324px) !important;
  aspect-ratio: 9 / 16 !important;
  padding: 0 !important;
  overflow: hidden !important;
  pointer-events: auto !important;
  border: 1px solid rgba(255, 255, 255, .72) !important;
  border-radius: 24px !important;
  background: #171326 !important;
  box-shadow: 0 28px 62px rgba(28, 19, 52, .24) !important;
  opacity: .94 !important;
  z-index: var(--sng-video-z) !important;
  transform: translate3d(var(--sng-video-x), var(--sng-video-y), 0) rotate(var(--sng-video-r)) scale(var(--sng-video-s)) !important;
  transition: transform 520ms cubic-bezier(.18,.82,.22,1), opacity 360ms ease, filter 360ms ease !important;
  cursor: pointer !important;
}

body.sng-professional-active .sng-video-deck__card img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  filter: saturate(.92) contrast(1.03) brightness(.74) !important;
}

body.sng-professional-active .sng-video-deck__card.is-current {
  opacity: 0 !important;
  pointer-events: none !important;
}

body.sng-professional-active .sng-video-deck__card.is-hidden {
  opacity: 0 !important;
  pointer-events: none !important;
}

body.sng-professional-active .sng-video-deck__play {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 54px !important;
  height: 54px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255,255,255,.5) !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  background: rgba(28, 18, 52, .70) !important;
  box-shadow: 0 12px 32px rgba(0,0,0,.24) !important;
  transform: translate(-50%, -50%) !important;
  font-size: 18px !important;
}

body.sng-professional-active .sng-video-player-shell {
  position: relative !important;
  z-index: 40 !important;
  width: clamp(245px, 22vw, 340px) !important;
  aspect-ratio: 9 / 16 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.86) !important;
  border-radius: 26px !important;
  background: #111019 !important;
  box-shadow: 0 35px 90px rgba(28, 17, 56, .33), 0 0 0 8px rgba(255,255,255,.32) !important;
}

body.sng-professional-active .sng-video-player,
body.sng-professional-active .sng-video-player iframe {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border: 0 !important;
}

body.sng-professional-active .sng-video-sound {
  position: absolute !important;
  left: 50% !important;
  bottom: 14px !important;
  min-height: 38px !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  padding: 8px 13px !important;
  border: 1px solid rgba(255,255,255,.34) !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  background: rgba(20, 16, 31, .78) !important;
  backdrop-filter: blur(10px) !important;
  transform: translateX(-50%) !important;
  box-shadow: 0 9px 28px rgba(0,0,0,.24) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
  cursor: pointer !important;
}

body.sng-professional-active .sng-video-controls {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  margin-top: 18px !important;
}

body.sng-professional-active .sng-video-arrow {
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 1px solid #ddd4ef !important;
  border-radius: 50% !important;
  color: var(--sng-pro-brand) !important;
  background: linear-gradient(145deg, #ffffff, #f3edff) !important;
  box-shadow: 0 9px 24px rgba(49, 31, 91, .08) !important;
  font-size: 28px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

body.sng-professional-active .sng-video-dots {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  min-height: 42px !important;
  padding: 0 8px !important;
}

body.sng-professional-active .sng-video-dot {
  width: 9px !important;
  height: 9px !important;
  min-width: 9px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #c7c2cd !important;
  transition: width 220ms ease, border-radius 220ms ease, background-color 220ms ease !important;
  cursor: pointer !important;
}

body.sng-professional-active .sng-video-dot.is-active {
  width: 26px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, var(--sng-pro-brand), var(--sng-pro-brand-2)) !important;
}

/* UGC creator reward */
body.sng-professional-active .sng-ugc-reward {
  width: min(1320px, calc(100% - 32px)) !important;
  max-width: 1320px !important;
  padding-top: clamp(48px, 6vw, 76px) !important;
}

body.sng-professional-active .sng-ugc-reward__card {
  position: relative !important;
  overflow: hidden !important;
  display: grid !important;
  grid-template-columns: minmax(230px, .72fr) minmax(0, 1.65fr) !important;
  gap: clamp(24px, 4vw, 54px) !important;
  align-items: center !important;
  padding: clamp(24px, 4vw, 46px) !important;
  border: 1px solid #dcd1f3 !important;
  border-radius: 30px !important;
  background:
    radial-gradient(circle at 8% 16%, rgba(112, 71, 235, .18), transparent 27%),
    linear-gradient(145deg, var(--sng-card-start, #fffefe) 0%, var(--sng-card-middle, #faf7ff) 58%, var(--sng-card-end, #f3edff) 100%) !important;
  box-shadow: 0 26px 76px rgba(48, 29, 91, .11) !important;
}

body.sng-professional-active .sng-ugc-reward__card::after {
  content: "" !important;
  position: absolute !important;
  width: 190px !important;
  height: 190px !important;
  right: -78px !important;
  top: -88px !important;
  border: 34px solid rgba(112, 71, 235, .08) !important;
  border-radius: 50% !important;
  pointer-events: none !important;
  animation: sng-ugc-ring 9s ease-in-out infinite !important;
}

body.sng-professional-active .sng-ugc-reward__visual {
  position: relative !important;
  min-height: 250px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 24px !important;
  background:
    radial-gradient(circle at 70% 18%, rgba(255,255,255,.22), transparent 22%),
    linear-gradient(145deg, #21163c 0%, #5630b4 60%, #8a5cf4 100%) !important;
  box-shadow: 0 24px 58px rgba(48, 24, 104, .28) !important;
}

body.sng-professional-active .sng-ugc-reward__phone {
  width: 108px !important;
  height: 178px !important;
  display: grid !important;
  place-items: center !important;
  border: 5px solid rgba(255,255,255,.86) !important;
  border-radius: 25px !important;
  color: #ffffff !important;
  background: linear-gradient(160deg, #a37dff 0%, #4e25a8 100%) !important;
  box-shadow: inset 0 0 0 2px rgba(255,255,255,.16), 0 19px 34px rgba(16, 8, 36, .28) !important;
  font-size: 31px !important;
  transform: rotate(-5deg) !important;
  animation: sng-ugc-phone 5.5s ease-in-out infinite !important;
}

body.sng-professional-active .sng-ugc-reward__bubble {
  position: absolute !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  padding: 8px 12px !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: 999px !important;
  color: #2c174f !important;
  background: #ffffff !important;
  box-shadow: 0 12px 30px rgba(17, 8, 38, .22) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

body.sng-professional-active .sng-ugc-reward__bubble--one {
  left: 8% !important;
  bottom: 13% !important;
  animation: sng-ugc-bubble-one 6s ease-in-out infinite !important;
}

body.sng-professional-active .sng-ugc-reward__bubble--two {
  right: 4% !important;
  top: 12% !important;
  color: #ffffff !important;
  background: linear-gradient(100deg, #7c4cff, #bd36bc) !important;
  animation: sng-ugc-bubble-two 7s ease-in-out infinite !important;
}

body.sng-professional-active .sng-ugc-reward__copy {
  position: relative !important;
  z-index: 1 !important;
}

body.sng-professional-active .sng-ugc-reward__eyebrow {
  display: inline-flex !important;
  padding: 7px 11px !important;
  border: 1px solid rgba(112,71,235,.18) !important;
  border-radius: 999px !important;
  color: var(--sng-pro-brand) !important;
  background: #f3edff !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  letter-spacing: 1.4px !important;
}

body.sng-professional-active .sng-ugc-reward__copy h2 {
  max-width: 810px !important;
  margin: 13px 0 0 !important;
  color: var(--sng-pro-ink) !important;
  font-size: clamp(32px, 4.4vw, 57px) !important;
  line-height: 1.03 !important;
  letter-spacing: -2.25px !important;
  font-weight: 950 !important;
  text-wrap: balance !important;
}

body.sng-professional-active .sng-ugc-reward__copy p {
  max-width: 790px !important;
  margin: 15px 0 0 !important;
  color: var(--sng-pro-muted-2) !important;
  font-size: 15px !important;
  line-height: 1.68 !important;
  font-weight: 560 !important;
}

body.sng-professional-active .sng-ugc-reward__copy p strong {
  color: var(--sng-pro-ink) !important;
  font-weight: 850 !important;
}

body.sng-professional-active .sng-ugc-reward__chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 17px !important;
}

body.sng-professional-active .sng-ugc-reward__chips span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 34px !important;
  padding: 7px 11px !important;
  border: 1px solid #e0d8ee !important;
  border-radius: 999px !important;
  color: #4e465a !important;
  background: rgba(255,255,255,.72) !important;
  font-size: 11.5px !important;
  font-weight: 750 !important;
}

body.sng-professional-active .sng-ugc-reward__button,
body.sng-professional-active .sng-ugc-submit {
  min-height: 54px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 19px !important;
  padding: 0 22px !important;
  border: 0 !important;
  border-radius: 15px !important;
  color: #ffffff !important;
  background: linear-gradient(125deg, #2f1c57 0%, var(--sng-pro-brand) 58%, #9b4ae8 100%) !important;
  box-shadow: 0 16px 36px rgba(81, 44, 164, .24) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  cursor: pointer !important;
  transition: transform 180ms ease, box-shadow 180ms ease !important;
}

body.sng-professional-active .sng-ugc-reward__button:hover,
body.sng-professional-active .sng-ugc-submit:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0 20px 42px rgba(81, 44, 164, .30) !important;
}

body.sng-professional-active .sng-ugc-panel {
  margin-top: 14px !important;
  padding: clamp(22px, 3.5vw, 38px) !important;
  display: grid !important;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr) !important;
  gap: clamp(24px, 4vw, 52px) !important;
  border: 1px solid #dcd2ee !important;
  border-radius: 26px !important;
  background: linear-gradient(145deg, #fdfcff 0%, #f7f2ff 100%) !important;
  box-shadow: 0 20px 58px rgba(48,29,91,.085) !important;
}

body.sng-professional-active .sng-ugc-panel[hidden] {
  display: none !important;
}

body.sng-professional-active .sng-ugc-panel__rules > span {
  color: var(--sng-pro-brand) !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  letter-spacing: 1.5px !important;
}

body.sng-professional-active .sng-ugc-panel__rules h3 {
  margin: 9px 0 0 !important;
  color: var(--sng-pro-ink) !important;
  font-size: clamp(25px, 3vw, 38px) !important;
  line-height: 1.08 !important;
  letter-spacing: -1.3px !important;
  font-weight: 900 !important;
}

body.sng-professional-active .sng-ugc-panel__rules ol {
  display: grid !important;
  gap: 11px !important;
  margin: 18px 0 0 !important;
  padding-left: 22px !important;
}

body.sng-professional-active .sng-ugc-panel__rules li {
  padding-left: 5px !important;
  color: #625b6c !important;
  font-size: 13.5px !important;
  line-height: 1.58 !important;
}

body.sng-professional-active .sng-ugc-panel__rules li::marker {
  color: var(--sng-pro-brand) !important;
  font-weight: 900 !important;
}

body.sng-professional-active .sng-ugc-panel__note {
  margin: 17px 0 0 !important;
  padding: 12px 13px !important;
  border: 1px solid #eadbb8 !important;
  border-radius: 13px !important;
  color: #74511d !important;
  background: #fffaf0 !important;
  font-size: 12px !important;
  line-height: 1.55 !important;
  font-weight: 650 !important;
}

body.sng-professional-active .sng-ugc-form {
  padding: clamp(18px, 2.5vw, 27px) !important;
  border: 1px solid #dfd7eb !important;
  border-radius: 21px !important;
  background: linear-gradient(145deg, #ffffff 0%, #fbf8ff 100%) !important;
  box-shadow: 0 15px 38px rgba(46,29,84,.07) !important;
}

body.sng-professional-active .sng-ugc-form__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 13px !important;
}

body.sng-professional-active .sng-ugc-form label {
  display: block !important;
  margin: 0 !important;
}

body.sng-professional-active .sng-ugc-form label > span {
  display: block !important;
  margin-bottom: 7px !important;
  color: #393241 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}

body.sng-professional-active .sng-ugc-form label small {
  color: #8a8490 !important;
  font-weight: 600 !important;
}

body.sng-professional-active .sng-ugc-form input,
body.sng-professional-active .sng-ugc-form select,
body.sng-professional-active .sng-ugc-form textarea {
  width: 100% !important;
  min-height: 51px !important;
  margin: 0 !important;
  padding: 0 13px !important;
  border: 1px solid #ddd7e5 !important;
  border-radius: 13px !important;
  color: var(--sng-pro-ink) !important;
  background: #ffffff !important;
  box-shadow: inset 0 1px 0 rgba(20,14,34,.025) !important;
  font-family: inherit !important;
  font-size: 13.5px !important;
  font-weight: 580 !important;
}

body.sng-professional-active .sng-ugc-form textarea {
  min-height: 88px !important;
  padding-top: 12px !important;
  resize: vertical !important;
}

body.sng-professional-active .sng-ugc-form input:focus,
body.sng-professional-active .sng-ugc-form select:focus,
body.sng-professional-active .sng-ugc-form textarea:focus {
  outline: 0 !important;
  border-color: rgba(112,71,235,.66) !important;
  box-shadow: 0 0 0 4px rgba(112,71,235,.10) !important;
}

body.sng-professional-active .sng-ugc-form__wide {
  grid-column: 1 / -1 !important;
}

body.sng-professional-active .sng-ugc-honeypot {
  position: absolute !important;
  left: -10000px !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}

body.sng-professional-active .sng-ugc-consent {
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: start !important;
  margin-top: 14px !important;
  padding: 12px 13px !important;
  border: 1px solid #e1d9ec !important;
  border-radius: 13px !important;
  background: #f9f6ff !important;
}

body.sng-professional-active .sng-ugc-consent input {
  width: 18px !important;
  min-height: 18px !important;
  height: 18px !important;
  margin-top: 1px !important;
  accent-color: var(--sng-pro-brand) !important;
}

body.sng-professional-active .sng-ugc-consent span {
  margin: 0 !important;
  color: #625b6c !important;
  font-size: 11.5px !important;
  line-height: 1.5 !important;
  font-weight: 650 !important;
}

body.sng-professional-active .sng-ugc-submit {
  width: 100% !important;
  margin-top: 14px !important;
}

body.sng-professional-active .sng-ugc-submit:disabled {
  opacity: .62 !important;
  cursor: wait !important;
  transform: none !important;
}

body.sng-professional-active .sng-ugc-form__message {
  min-height: 0 !important;
  margin-top: 12px !important;
  color: var(--sng-pro-muted-2) !important;
  font-size: 12.5px !important;
  font-weight: 700 !important;
}

body.sng-professional-active .sng-ugc-form__message.is-error {
  padding: 10px 12px !important;
  border: 1px solid #efc1ca !important;
  border-radius: 12px !important;
  color: #a82843 !important;
  background: #fff3f6 !important;
}

body.sng-professional-active .sng-ugc-success {
  grid-column: 1 / -1 !important;
  padding: clamp(30px, 5vw, 58px) !important;
  border: 1px solid #cfc1f4 !important;
  border-radius: 22px !important;
  text-align: center !important;
  background: linear-gradient(145deg, #ffffff 0%, #f2ebff 100%) !important;
}

body.sng-professional-active .sng-ugc-success[hidden] {
  display: none !important;
}

body.sng-professional-active .sng-ugc-success__icon {
  width: 58px !important;
  height: 58px !important;
  display: grid !important;
  place-items: center !important;
  margin: 0 auto !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, var(--sng-pro-brand), #a34bd9) !important;
  box-shadow: 0 14px 34px rgba(96, 50, 182, .24) !important;
  font-size: 25px !important;
  font-weight: 950 !important;
}

body.sng-professional-active .sng-ugc-success h3 {
  margin: 14px 0 0 !important;
  color: var(--sng-pro-ink) !important;
  font-size: 28px !important;
  letter-spacing: -1px !important;
  font-weight: 900 !important;
}

body.sng-professional-active .sng-ugc-success p {
  max-width: 620px !important;
  margin: 10px auto 0 !important;
  color: var(--sng-pro-muted-2) !important;
  font-size: 14px !important;
  line-height: 1.6 !important;
}

body.sng-professional-active .sng-ugc-success > strong {
  display: block !important;
  margin-top: 12px !important;
  color: var(--sng-pro-brand) !important;
  font-size: 13px !important;
}

body.sng-professional-active .sng-ugc-success__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: center !important;
  gap: 9px !important;
  margin-top: 17px !important;
}

body.sng-professional-active .sng-ugc-success__actions a {
  min-height: 43px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 15px !important;
  border: 1px solid #d7cbed !important;
  border-radius: 12px !important;
  color: var(--sng-pro-brand) !important;
  background: #ffffff !important;
  text-decoration: none !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
}

@keyframes sng-video-ambient-one {
  0%,100% { transform: translate3d(0,0,0); }
  50% { transform: translate3d(18px,13px,0); }
}

@keyframes sng-video-ambient-two {
  0%,100% { transform: translate3d(0,0,0); }
  50% { transform: translate3d(-14px,-17px,0); }
}

@keyframes sng-ugc-phone {
  0%,100% { transform: translate3d(0,0,0) rotate(-5deg); }
  50% { transform: translate3d(0,-9px,0) rotate(-2deg); }
}

@keyframes sng-ugc-bubble-one {
  0%,100% { transform: translate3d(0,0,0); }
  50% { transform: translate3d(8px,-9px,0); }
}

@keyframes sng-ugc-bubble-two {
  0%,100% { transform: translate3d(0,0,0); }
  50% { transform: translate3d(-8px,9px,0); }
}

@keyframes sng-ugc-ring {
  0%,100% { transform: translate3d(0,0,0) scale(1); }
  50% { transform: translate3d(-12px,12px,0) scale(1.05); }
}

@media (max-width: 900px) {
  body.sng-professional-active .sng-order,
  body.sng-professional-active .sng-hero .sng-order,
  body.sng-professional-active .sng-under-order-proof,
  body.sng-professional-active .sng-hero .sng-under-order-proof {
    width: calc(100% - min(24px, var(--sng-order-side, 20px) * 2)) !important;
    max-width: none !important;
  }

  body.sng-professional-active .sng-video-deck {
    min-height: 570px !important;
    padding: 25px 8px 12px !important;
    border-radius: 27px !important;
  }

  body.sng-professional-active .sng-video-player-shell {
    width: clamp(225px, 55vw, 285px) !important;
    border-radius: 22px !important;
  }

  body.sng-professional-active .sng-video-deck__card {
    width: clamp(210px, 52vw, 275px) !important;
    border-radius: 21px !important;
  }

  body.sng-professional-active .sng-ugc-reward__card,
  body.sng-professional-active .sng-ugc-panel {
    grid-template-columns: 1fr !important;
  }

  body.sng-professional-active .sng-ugc-reward__visual {
    min-height: 220px !important;
  }
}

@media (max-width: 620px) {
  body.sng-professional-active .sng-video-showcase,
  body.sng-professional-active .sng-ugc-reward {
    width: calc(100% - 24px) !important;
  }

  body.sng-professional-active .sng-video-showcase__head h2 {
    font-size: clamp(35px, 10vw, 47px) !important;
    letter-spacing: -1.8px !important;
  }

  body.sng-professional-active .sng-video-showcase__head p {
    font-size: 14px !important;
  }

  body.sng-professional-active .sng-video-deck {
    min-height: 520px !important;
  }

  body.sng-professional-active .sng-video-player-shell {
    width: min(62vw, 255px) !important;
  }

  body.sng-professional-active .sng-video-deck__card {
    width: min(59vw, 245px) !important;
  }

  body.sng-professional-active .sng-video-deck__ambient--one {
    width: 52px !important;
    height: 52px !important;
    left: 4% !important;
  }

  body.sng-professional-active .sng-video-deck__ambient--two {
    width: 34px !important;
    height: 34px !important;
    right: 4% !important;
  }

  body.sng-professional-active .sng-video-arrow {
    width: 38px !important;
    height: 38px !important;
  }

  body.sng-professional-active .sng-ugc-reward__card {
    padding: 18px !important;
    border-radius: 24px !important;
  }

  body.sng-professional-active .sng-ugc-reward__visual {
    min-height: 190px !important;
  }

  body.sng-professional-active .sng-ugc-reward__phone {
    width: 88px !important;
    height: 145px !important;
  }

  body.sng-professional-active .sng-ugc-reward__copy h2 {
    font-size: clamp(31px, 9vw, 43px) !important;
    letter-spacing: -1.65px !important;
  }

  body.sng-professional-active .sng-ugc-panel {
    padding: 16px !important;
    border-radius: 21px !important;
  }

  body.sng-professional-active .sng-ugc-form {
    padding: 15px !important;
  }

  body.sng-professional-active .sng-ugc-form__grid {
    grid-template-columns: 1fr !important;
  }

  body.sng-professional-active .sng-ugc-form__wide {
    grid-column: auto !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.sng-professional-active .sng-video-deck__ambient,
  body.sng-professional-active .sng-ugc-reward__phone,
  body.sng-professional-active .sng-ugc-reward__bubble,
  body.sng-professional-active .sng-ugc-reward__card::after {
    animation: none !important;
  }
}

/* === v1.7: right-side support, trust CTA, compact payment row and recent-order proof === */
body > .sng-chat {
  left: auto !important;
  right: 18px !important;
  bottom: max(18px, env(safe-area-inset-bottom)) !important;
}

body > .sng-chat > div {
  left: auto !important;
  right: 0 !important;
}

/* A stronger, more trustworthy order CTA without changing the existing click logic. */
body.sng-professional-active .sng-order .sng-add.sng-add--trusted {
  width: 100% !important;
  min-height: 70px !important;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) 28px !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 10px 17px !important;
  border: 1px solid rgba(255,255,255,.16) !important;
  border-radius: 18px !important;
  color: #ffffff !important;
  background:
    radial-gradient(circle at 12% 8%, rgba(255,255,255,.18), transparent 28%),
    linear-gradient(118deg, #24153f 0%, #5430a9 48%, var(--sng-pro-brand) 100%) !important;
  box-shadow: 0 18px 42px rgba(70, 38, 145, .27), inset 0 1px 0 rgba(255,255,255,.16) !important;
  text-align: left !important;
  overflow: hidden !important;
}

body.sng-professional-active .sng-add-trust__icon {
  width: 42px !important;
  height: 42px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255,255,255,.25) !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.12) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.14) !important;
}

body.sng-professional-active .sng-add-trust__icon svg {
  width: 24px !important;
  height: 24px !important;
}

body.sng-professional-active .sng-add-trust__copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 2px !important;
}

body.sng-professional-active .sng-add-trust__copy strong {
  color: #ffffff !important;
  font-size: clamp(15px, 1.4vw, 18px) !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  letter-spacing: -.2px !important;
}

body.sng-professional-active .sng-add-trust__copy small {
  color: rgba(255,255,255,.78) !important;
  font-size: 11.5px !important;
  line-height: 1.3 !important;
  font-weight: 650 !important;
}

body.sng-professional-active .sng-add-trust__arrow {
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 500 !important;
  transition: transform 180ms ease !important;
}

@media (hover:hover) and (pointer:fine) {
  body.sng-professional-active .sng-order .sng-add.sng-add--trusted:hover .sng-add-trust__arrow {
    transform: translateX(3px) !important;
  }
}

/* Compact one-row payment pictures, controlled from Settings > Super Nexa UI. */
body.sng-professional-active .sng-payment-strip {
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  margin: 9px 0 0 !important;
  padding: 7px !important;
  overflow: hidden !important;
  border: 1px solid rgba(107, 78, 180, .12) !important;
  border-radius: 14px !important;
  background: linear-gradient(145deg, rgba(255,255,255,.78), rgba(246,241,255,.86)) !important;
  box-shadow: 0 8px 22px rgba(52, 32, 95, .055) !important;
}

body.sng-professional-active .sng-payment-strip__item {
  min-width: 0 !important;
  flex: 1 1 0 !important;
  height: 30px !important;
  display: grid !important;
  place-items: center !important;
  overflow: hidden !important;
  border-radius: 8px !important;
  background: #ffffff !important;
}

body.sng-professional-active .sng-payment-strip__item img {
  width: 100% !important;
  max-width: 92px !important;
  height: 30px !important;
  display: block !important;
  object-fit: contain !important;
}

/* Video section contains the video only. */
body.sng-professional-active .sng-video-showcase.sng-video-showcase--only {
  width: min(760px, calc(100% - 32px)) !important;
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: clamp(44px, 6vw, 72px) 0 0 !important;
  position: relative !important;
}

body.sng-professional-active .sng-video-only-shell {
  width: min(430px, 100%) !important;
  aspect-ratio: 9 / 16 !important;
  margin: 0 auto !important;
  padding: 7px !important;
  overflow: hidden !important;
  border: 1px solid rgba(110,72,204,.22) !important;
  border-radius: 28px !important;
  background: linear-gradient(145deg, #2c194f 0%, #7047eb 58%, #ac5be9 100%) !important;
  box-shadow: 0 30px 78px rgba(44, 24, 88, .22), 0 0 0 8px rgba(112,71,235,.055) !important;
}

body.sng-professional-active .sng-video-only-shell .sng-video-player,
body.sng-professional-active .sng-video-only-shell .sng-video-player iframe {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 21px !important;
  background: #111019 !important;
}

/* Creator reward primary button fills the available card width. */
body.sng-professional-active .sng-ugc-reward__button {
  width: 100% !important;
  display: flex !important;
}

/* Real WooCommerce recent-order proof: first item only, no time shown. */
body > .sng-recent-order {
  position: fixed !important;
  left: 18px !important;
  right: auto !important;
  bottom: max(18px, env(safe-area-inset-bottom)) !important;
  z-index: 2147482000 !important;
  width: min(350px, calc(100vw - 100px)) !important;
  min-height: 88px !important;
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 14px 38px 14px 14px !important;
  overflow: hidden !important;
  border: 1px solid rgba(112,71,235,.18) !important;
  border-left: 4px solid var(--sng-pro-brand, #7047eb) !important;
  border-radius: 17px !important;
  color: #1b1727 !important;
  background:
    radial-gradient(circle at 8% 10%, rgba(112,71,235,.14), transparent 34%),
    linear-gradient(145deg, #fffefe 0%, #faf7ff 68%, #f2ecff 100%) !important;
  box-shadow: 0 22px 54px rgba(32, 19, 62, .19) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transform: translate3d(-22px, 10px, 0) scale(.98) !important;
  transition: opacity 260ms ease, transform 360ms cubic-bezier(.2,.8,.2,1), visibility 260ms ease !important;
}

body > .sng-recent-order.is-visible {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transform: translate3d(0,0,0) scale(1) !important;
}

body.sng-menu-active > .sng-recent-order,
body.sng-cart-active > .sng-recent-order {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

body > .sng-recent-order::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  height: 2px !important;
  background: linear-gradient(90deg, var(--sng-pro-brand, #7047eb), #bd44cc) !important;
}

body > .sng-recent-order__check {
  width: 46px !important;
  height: 46px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 50% !important;
  color: #ffffff !important;
  background: linear-gradient(135deg, #5d32c7, var(--sng-pro-brand, #7047eb)) !important;
  box-shadow: 0 10px 25px rgba(91,51,190,.28) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
}

body > .sng-recent-order__copy {
  min-width: 0 !important;
  display: grid !important;
  gap: 4px !important;
}

body > .sng-recent-order__copy strong {
  overflow: hidden !important;
  color: #231a31 !important;
  font-size: 13.5px !important;
  line-height: 1.25 !important;
  font-weight: 900 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body > .sng-recent-order__copy span {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: #746b82 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 620 !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}

body > .sng-recent-order__close {
  position: absolute !important;
  top: 8px !important;
  right: 9px !important;
  width: 25px !important;
  height: 25px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  color: #948aa4 !important;
  background: transparent !important;
  font-size: 20px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

@media (max-width: 620px) {
  body > .sng-chat {
    left: auto !important;
    right: 12px !important;
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
  }

  body > .sng-chat > div {
    left: auto !important;
    right: 0 !important;
  }

  body > .sng-recent-order {
    left: 10px !important;
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
    width: min(305px, calc(100vw - 92px)) !important;
    min-height: 78px !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    gap: 10px !important;
    padding: 11px 32px 11px 11px !important;
    border-radius: 15px !important;
  }

  body > .sng-recent-order__check {
    width: 40px !important;
    height: 40px !important;
    font-size: 17px !important;
  }

  body > .sng-recent-order__copy strong {
    font-size: 12px !important;
  }

  body > .sng-recent-order__copy span {
    font-size: 10.8px !important;
  }

  body.sng-professional-active .sng-order .sng-add.sng-add--trusted {
    min-height: 66px !important;
    grid-template-columns: 38px minmax(0, 1fr) 22px !important;
    gap: 9px !important;
    padding: 9px 12px !important;
  }

  body.sng-professional-active .sng-add-trust__icon {
    width: 38px !important;
    height: 38px !important;
  }

  body.sng-professional-active .sng-add-trust__copy strong {
    font-size: 14px !important;
  }

  body.sng-professional-active .sng-add-trust__copy small {
    font-size: 10px !important;
  }

  body.sng-professional-active .sng-payment-strip {
    gap: 3px !important;
    padding: 5px !important;
  }

  body.sng-professional-active .sng-payment-strip__item,
  body.sng-professional-active .sng-payment-strip__item img {
    height: 25px !important;
  }

  body.sng-professional-active .sng-video-showcase.sng-video-showcase--only {
    width: calc(100% - 24px) !important;
    padding-top: 48px !important;
  }

  body.sng-professional-active .sng-video-only-shell {
    width: min(86vw, 350px) !important;
    padding: 5px !important;
    border-radius: 23px !important;
  }

  body.sng-professional-active .sng-video-only-shell .sng-video-player,
  body.sng-professional-active .sng-video-only-shell .sng-video-player iframe {
    border-radius: 18px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body > .sng-recent-order {
    transition: opacity 120ms ease, visibility 120ms ease !important;
    transform: none !important;
  }
}

/* === v1.8: compact recent orders, true order spacing controls, transparent payments, creator devices === */

/* The admin side-margin setting now controls the true viewport space, even when the order form sits inside a narrower hero wrapper. */
body.sng-professional-active .sng-order,
body.sng-professional-active .sng-hero .sng-order,
body.sng-professional-active .sng-under-order-proof,
body.sng-professional-active .sng-hero .sng-under-order-proof {
  --sng-order-real-width: min(var(--sng-order-max, 1540px), calc(100vw - (var(--sng-order-side, 20px) * 2))) !important;
  width: var(--sng-order-real-width) !important;
  max-width: none !important;
  margin-left: calc((100% - var(--sng-order-real-width)) / 2) !important;
  margin-right: calc((100% - var(--sng-order-real-width)) / 2) !important;
}

/* Payment logos sit directly on the form—no extra white boxes or strip background. */
body.sng-professional-active .sng-payment-strip {
  min-height: 32px !important;
  gap: clamp(7px, 1.25vw, 15px) !important;
  margin: 10px 0 0 !important;
  padding: 2px 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.sng-professional-active .sng-payment-strip__item {
  height: 27px !important;
  flex: 0 1 92px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body.sng-professional-active .sng-payment-strip__item img {
  width: auto !important;
  max-width: 88px !important;
  height: 25px !important;
  object-fit: contain !important;
  background: transparent !important;
}

/* Professional three-device creator visual. */
body.sng-professional-active .sng-ugc-reward__visual {
  min-height: 310px !important;
  padding: 22px 12px !important;
}

body.sng-professional-active .sng-ugc-device-stack {
  width: min(330px, 96%) !important;
  min-height: 260px !important;
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  isolation: isolate !important;
}

body.sng-professional-active .sng-ugc-device {
  position: absolute !important;
  width: 112px !important;
  aspect-ratio: 160 / 250 !important;
  padding: 5px !important;
  overflow: hidden !important;
  border: 2px solid rgba(255,255,255,.78) !important;
  border-radius: 23px !important;
  background: #16111e !important;
  box-shadow: 0 22px 42px rgba(15,8,31,.34), inset 0 0 0 1px rgba(255,255,255,.12) !important;
  transform-origin: 50% 88% !important;
  animation: sng-v18-device-float 6.4s ease-in-out infinite !important;
}

body.sng-professional-active .sng-ugc-device--instagram {
  left: 4% !important;
  z-index: 1 !important;
  transform: rotate(-11deg) translateY(13px) !important;
  animation-delay: -1.1s !important;
}

body.sng-professional-active .sng-ugc-device--tiktok {
  left: 50% !important;
  z-index: 3 !important;
  width: 126px !important;
  transform: translateX(-50%) translateY(-7px) !important;
}

body.sng-professional-active .sng-ugc-device--facebook {
  right: 4% !important;
  z-index: 2 !important;
  transform: rotate(11deg) translateY(13px) !important;
  animation-delay: -2.2s !important;
}

body.sng-professional-active .sng-ugc-device__speaker {
  position: absolute !important;
  z-index: 3 !important;
  top: 8px !important;
  left: 50% !important;
  width: 30px !important;
  height: 4px !important;
  border-radius: 999px !important;
  background: rgba(255,255,255,.46) !important;
  transform: translateX(-50%) !important;
}

body.sng-professional-active .sng-ugc-device__scene {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  border-radius: 18px !important;
}

body.sng-professional-active .sng-ugc-device__network {
  position: absolute !important;
  z-index: 4 !important;
  left: 10px !important;
  right: 10px !important;
  bottom: 10px !important;
  min-height: 25px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgba(255,255,255,.44) !important;
  border-radius: 999px !important;
  color: #fff !important;
  background: rgba(24,15,38,.58) !important;
  backdrop-filter: blur(8px) !important;
  font-size: 9px !important;
  line-height: 1 !important;
  font-weight: 900 !important;
  letter-spacing: .15px !important;
}

/* Compact, correctly-targeted recent-order card: exactly three text rows and no order history. */
body > .sng-recent-order {
  width: min(318px, calc(100vw - 96px)) !important;
  min-height: 76px !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  gap: 11px !important;
  padding: 11px 34px 11px 11px !important;
  border-left-width: 3px !important;
  border-radius: 16px !important;
  background: linear-gradient(145deg, #fffefe 0%, #faf7ff 64%, #f1eaff 100%) !important;
  box-shadow: 0 18px 44px rgba(31,18,61,.18), 0 0 0 1px rgba(112,71,235,.035) !important;
}

body > .sng-recent-order .sng-recent-order__check {
  width: 40px !important;
  height: 40px !important;
  display: grid !important;
  place-items: center !important;
  border: 1px solid rgba(255,255,255,.62) !important;
  border-radius: 13px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #4b269c 0%, var(--sng-pro-brand, #7047eb) 58%, #a14edb 100%) !important;
  box-shadow: 0 9px 22px rgba(82,42,170,.25) !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}

body > .sng-recent-order .sng-recent-order__copy {
  min-width: 0 !important;
  display: grid !important;
  grid-template-rows: auto auto auto !important;
  gap: 1px !important;
  align-content: center !important;
}

body > .sng-recent-order .sng-recent-order__copy strong {
  overflow: hidden !important;
  color: #21182e !important;
  font-size: 13px !important;
  line-height: 1.18 !important;
  font-weight: 900 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body > .sng-recent-order .sng-recent-order__copy small {
  display: block !important;
  color: var(--sng-pro-brand, #7047eb) !important;
  font-size: 9.5px !important;
  line-height: 1.25 !important;
  font-weight: 850 !important;
  letter-spacing: .5px !important;
  text-transform: uppercase !important;
}

body > .sng-recent-order .sng-recent-order__copy span {
  display: block !important;
  overflow: hidden !important;
  color: #6f6879 !important;
  font-size: 11.5px !important;
  line-height: 1.25 !important;
  font-weight: 650 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  -webkit-line-clamp: unset !important;
}

body > .sng-recent-order .sng-recent-order__close {
  position: absolute !important;
  top: 7px !important;
  right: 8px !important;
  width: 23px !important;
  height: 23px !important;
  display: grid !important;
  place-items: center !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  color: #8d8499 !important;
  background: transparent !important;
  font-size: 17px !important;
  line-height: 1 !important;
  cursor: pointer !important;
}

@keyframes sng-v18-device-float {
  0%,100% { margin-top: 0; }
  50% { margin-top: -8px; }
}

@media (max-width: 900px) {
  body.sng-professional-active .sng-order,
  body.sng-professional-active .sng-hero .sng-order,
  body.sng-professional-active .sng-under-order-proof,
  body.sng-professional-active .sng-hero .sng-under-order-proof {
    --sng-order-real-width: calc(100vw - (var(--sng-order-side, 12px) * 2)) !important;
  }
}

@media (max-width: 620px) {
  body.sng-professional-active .sng-payment-strip {
    gap: 5px !important;
    padding: 1px 0 !important;
  }

  body.sng-professional-active .sng-payment-strip__item {
    flex: 1 1 0 !important;
    height: 23px !important;
  }

  body.sng-professional-active .sng-payment-strip__item img {
    width: 100% !important;
    max-width: 58px !important;
    height: 22px !important;
  }

  body.sng-professional-active .sng-ugc-reward__visual {
    min-height: 245px !important;
    padding: 15px 5px !important;
  }

  body.sng-professional-active .sng-ugc-device-stack {
    width: min(292px, 100%) !important;
    min-height: 220px !important;
  }

  body.sng-professional-active .sng-ugc-device {
    width: 91px !important;
    border-radius: 19px !important;
  }

  body.sng-professional-active .sng-ugc-device--tiktok {
    width: 104px !important;
  }

  body.sng-professional-active .sng-ugc-device__scene {
    border-radius: 15px !important;
  }

  body > .sng-recent-order {
    left: 9px !important;
    width: min(278px, calc(100vw - 84px)) !important;
    min-height: 69px !important;
    grid-template-columns: 37px minmax(0, 1fr) !important;
    gap: 9px !important;
    padding: 9px 30px 9px 9px !important;
    border-radius: 14px !important;
  }

  body > .sng-recent-order .sng-recent-order__check {
    width: 36px !important;
    height: 36px !important;
    border-radius: 11px !important;
    font-size: 15px !important;
  }

  body > .sng-recent-order .sng-recent-order__copy strong {
    font-size: 11.8px !important;
  }

  body > .sng-recent-order .sng-recent-order__copy small {
    font-size: 8.4px !important;
  }

  body > .sng-recent-order .sng-recent-order__copy span {
    font-size: 10.3px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.sng-professional-active .sng-ugc-device {
    animation: none !important;
  }
}


/* === v1.9: stacked YouTube Shorts deck + two-row 30-second purchase proof === */
body.sng-professional-active .sng-video-showcase.sng-video-showcase--deck {
  width: min(980px, calc(100% - 28px)) !important;
  max-width: 980px !important;
  margin: 0 auto !important;
  padding: clamp(38px, 5.5vw, 68px) 0 clamp(8px, 2vw, 20px) !important;
  overflow: visible !important;
}

body.sng-professional-active .sng-video-carousel {
  width: 100% !important;
  display: grid !important;
  justify-items: center !important;
  gap: 16px !important;
}

body.sng-professional-active .sng-video-carousel__stage {
  position: relative !important;
  width: min(760px, 100%) !important;
  height: clamp(470px, 58vw, 650px) !important;
  isolation: isolate !important;
  overflow: visible !important;
}

body.sng-professional-active .sng-video-carousel__glow {
  position: absolute !important;
  z-index: -1 !important;
  left: 50% !important;
  top: 50% !important;
  width: min(600px, 92%) !important;
  height: 72% !important;
  border-radius: 50% !important;
  background: radial-gradient(circle, rgba(112,71,235,.22) 0%, rgba(177,72,222,.10) 42%, transparent 72%) !important;
  filter: blur(22px) !important;
  transform: translate(-50%, -48%) !important;
  animation: sng-v19-video-glow 6.8s ease-in-out infinite !important;
}

body.sng-professional-active .sng-video-carousel__cards,
body.sng-professional-active .sng-video-carousel__player-frame {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
}

body.sng-professional-active .sng-video-carousel__cards {
  inset: 0 !important;
  z-index: 3 !important;
  pointer-events: none !important;
}

body.sng-professional-active .sng-video-carousel__card {
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: clamp(250px, 31vw, 360px) !important;
  aspect-ratio: 9 / 16 !important;
  display: block !important;
  padding: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.72) !important;
  border-radius: clamp(21px, 2.3vw, 29px) !important;
  background: #17111f !important;
  box-shadow: 0 24px 60px rgba(28,16,56,.19) !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  cursor: pointer !important;
  transform-origin: 50% 88% !important;
  transition: transform 620ms cubic-bezier(.2,.78,.2,1), opacity 420ms ease, filter 420ms ease !important;
}

body.sng-professional-active .sng-video-carousel__card img {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  border: 0 !important;
  border-radius: inherit !important;
}

body.sng-professional-active .sng-video-carousel__card[data-position="0"] {
  z-index: 12 !important;
  transform: translate(-50%, -50%) scale(1) !important;
}
body.sng-professional-active .sng-video-carousel__card[data-position="-1"] {
  z-index: 11 !important;
  transform: translate(calc(-50% - 76px), calc(-50% + 12px)) rotate(-4.2deg) scale(.965) !important;
  filter: brightness(.92) saturate(.92) !important;
}
body.sng-professional-active .sng-video-carousel__card[data-position="1"] {
  z-index: 11 !important;
  transform: translate(calc(-50% + 76px), calc(-50% + 12px)) rotate(4.2deg) scale(.965) !important;
  filter: brightness(.92) saturate(.92) !important;
}
body.sng-professional-active .sng-video-carousel__card[data-position="-2"] {
  z-index: 9 !important;
  transform: translate(calc(-50% - 139px), calc(-50% + 25px)) rotate(-7deg) scale(.925) !important;
  filter: brightness(.84) saturate(.86) !important;
}
body.sng-professional-active .sng-video-carousel__card[data-position="2"] {
  z-index: 9 !important;
  transform: translate(calc(-50% + 139px), calc(-50% + 25px)) rotate(7deg) scale(.925) !important;
  filter: brightness(.84) saturate(.86) !important;
}
body.sng-professional-active .sng-video-carousel__card[data-position="-3"] {
  z-index: 7 !important;
  transform: translate(calc(-50% - 190px), calc(-50% + 38px)) rotate(-9deg) scale(.88) !important;
  filter: brightness(.76) saturate(.8) !important;
}
body.sng-professional-active .sng-video-carousel__card[data-position="3"] {
  z-index: 7 !important;
  transform: translate(calc(-50% + 190px), calc(-50% + 38px)) rotate(9deg) scale(.88) !important;
  filter: brightness(.76) saturate(.8) !important;
}
body.sng-professional-active .sng-video-carousel__card.is-outside {
  opacity: 0 !important;
  pointer-events: none !important;
}

body.sng-professional-active .sng-video-carousel__player-frame {
  z-index: 25 !important;
  width: clamp(250px, 31vw, 360px) !important;
  aspect-ratio: 9 / 16 !important;
  padding: 5px !important;
  overflow: hidden !important;
  border: 1px solid rgba(255,255,255,.82) !important;
  border-radius: clamp(21px, 2.3vw, 29px) !important;
  background: linear-gradient(145deg, #3f246f 0%, var(--sng-pro-brand, #7047eb) 58%, #bc4fd2 100%) !important;
  box-shadow: 0 34px 82px rgba(39,21,78,.28), 0 0 0 7px rgba(112,71,235,.055) !important;
  transform: translate(-50%, -50%) !important;
}

body.sng-professional-active .sng-video-carousel__player,
body.sng-professional-active .sng-video-carousel__player iframe {
  position: absolute !important;
  inset: 5px !important;
  width: calc(100% - 10px) !important;
  height: calc(100% - 10px) !important;
  display: block !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: calc(clamp(21px, 2.3vw, 29px) - 6px) !important;
  background: #100d16 !important;
}

body.sng-professional-active .sng-video-carousel__player iframe {
  /* Slight crop keeps the no-controls player clean without adding visual clutter. */
  inset: 1px -2% !important;
  width: 104% !important;
  height: calc(100% - 2px) !important;
}

body.sng-professional-active .sng-video-carousel__player-frame.has-playback-error {
  opacity: .82 !important;
}

body.sng-professional-active .sng-video-carousel__dots {
  min-height: 11px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding: 0 !important;
}

body.sng-professional-active .sng-video-carousel__dot {
  width: 8px !important;
  height: 8px !important;
  min-width: 8px !important;
  min-height: 8px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 50% !important;
  background: #c9c3d1 !important;
  box-shadow: none !important;
  cursor: pointer !important;
  transition: width 240ms ease, border-radius 240ms ease, background 240ms ease !important;
}

body.sng-professional-active .sng-video-carousel__dot.is-active {
  width: 22px !important;
  border-radius: 999px !important;
  background: linear-gradient(90deg, var(--sng-pro-brand, #7047eb), #c63fc4) !important;
}

/* Purchase proof: two lines only, narrow, and one appearance every thirty seconds. */
body > .sng-recent-order.sng-recent-order--two-row {
  width: min(310px, calc(100vw - 96px)) !important;
  min-height: 66px !important;
  max-height: 66px !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  gap: 10px !important;
  padding: 9px 31px 9px 10px !important;
  border-left-width: 3px !important;
  border-radius: 15px !important;
  background: linear-gradient(145deg, #fffefe 0%, #faf7ff 66%, #f1eaff 100%) !important;
  box-shadow: 0 18px 46px rgba(31,18,61,.17), 0 0 0 1px rgba(112,71,235,.035) !important;
}

body > .sng-recent-order.sng-recent-order--two-row .sng-recent-order__check {
  width: 36px !important;
  height: 36px !important;
  border-radius: 12px !important;
  font-size: 15px !important;
}

body > .sng-recent-order.sng-recent-order--two-row .sng-recent-order__copy {
  min-width: 0 !important;
  display: grid !important;
  grid-template-rows: 18px 18px !important;
  gap: 2px !important;
  align-content: center !important;
}

body > .sng-recent-order.sng-recent-order--two-row .sng-recent-order__copy > strong {
  min-width: 0 !important;
  display: block !important;
  overflow: hidden !important;
  color: #21182e !important;
  font-size: 12.5px !important;
  line-height: 18px !important;
  font-weight: 900 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body > .sng-recent-order.sng-recent-order--two-row .sng-recent-order__copy > strong small {
  display: inline !important;
  color: #746b82 !important;
  font-size: 10.5px !important;
  line-height: inherit !important;
  font-weight: 700 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}

body > .sng-recent-order.sng-recent-order--two-row .sng-recent-order__service {
  min-width: 0 !important;
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  overflow: hidden !important;
  color: #655d70 !important;
  font-size: 10.8px !important;
  line-height: 18px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}

body > .sng-recent-order.sng-recent-order--two-row .sng-recent-order__service > span {
  min-width: 0 !important;
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

body > .sng-recent-order.sng-recent-order--two-row .sng-recent-order__service em {
  flex: 0 0 auto !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 18px !important;
  padding: 0 6px !important;
  border: 1px solid rgba(112,71,235,.16) !important;
  border-radius: 999px !important;
  color: var(--sng-pro-brand, #7047eb) !important;
  background: rgba(112,71,235,.07) !important;
  font-size: 8.8px !important;
  line-height: 16px !important;
  font-style: normal !important;
  font-weight: 900 !important;
}

body > .sng-recent-order.sng-recent-order--two-row .sng-recent-order__service em[hidden] {
  display: none !important;
}

@keyframes sng-v19-video-glow {
  0%, 100% { transform: translate(-50%, -48%) scale(.98); opacity: .82; }
  50% { transform: translate(-50%, -52%) scale(1.04); opacity: 1; }
}

@media (max-width: 700px) {
  body.sng-professional-active .sng-video-showcase.sng-video-showcase--deck {
    width: calc(100% - 18px) !important;
    padding-top: 38px !important;
  }

  body.sng-professional-active .sng-video-carousel__stage {
    height: clamp(430px, 126vw, 565px) !important;
  }

  body.sng-professional-active .sng-video-carousel__card,
  body.sng-professional-active .sng-video-carousel__player-frame {
    width: min(67vw, 300px) !important;
  }

  body.sng-professional-active .sng-video-carousel__card[data-position="-1"] {
    transform: translate(calc(-50% - 34px), calc(-50% + 10px)) rotate(-3.8deg) scale(.965) !important;
  }
  body.sng-professional-active .sng-video-carousel__card[data-position="1"] {
    transform: translate(calc(-50% + 34px), calc(-50% + 10px)) rotate(3.8deg) scale(.965) !important;
  }
  body.sng-professional-active .sng-video-carousel__card[data-position="-2"] {
    transform: translate(calc(-50% - 64px), calc(-50% + 21px)) rotate(-6.2deg) scale(.925) !important;
  }
  body.sng-professional-active .sng-video-carousel__card[data-position="2"] {
    transform: translate(calc(-50% + 64px), calc(-50% + 21px)) rotate(6.2deg) scale(.925) !important;
  }
  body.sng-professional-active .sng-video-carousel__card[data-position="-3"] {
    transform: translate(calc(-50% - 88px), calc(-50% + 31px)) rotate(-8deg) scale(.89) !important;
  }
  body.sng-professional-active .sng-video-carousel__card[data-position="3"] {
    transform: translate(calc(-50% + 88px), calc(-50% + 31px)) rotate(8deg) scale(.89) !important;
  }

  body > .sng-recent-order.sng-recent-order--two-row {
    left: 9px !important;
    width: min(276px, calc(100vw - 84px)) !important;
    min-height: 61px !important;
    max-height: 61px !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    gap: 8px !important;
    padding: 8px 28px 8px 9px !important;
    border-radius: 14px !important;
  }

  body > .sng-recent-order.sng-recent-order--two-row .sng-recent-order__check {
    width: 32px !important;
    height: 32px !important;
    border-radius: 10px !important;
    font-size: 13px !important;
  }

  body > .sng-recent-order.sng-recent-order--two-row .sng-recent-order__copy {
    grid-template-rows: 17px 17px !important;
  }

  body > .sng-recent-order.sng-recent-order--two-row .sng-recent-order__copy > strong {
    font-size: 11.5px !important;
    line-height: 17px !important;
  }

  body > .sng-recent-order.sng-recent-order--two-row .sng-recent-order__copy > strong small {
    font-size: 9.6px !important;
  }

  body > .sng-recent-order.sng-recent-order--two-row .sng-recent-order__service {
    font-size: 9.8px !important;
    line-height: 17px !important;
  }

  body > .sng-recent-order.sng-recent-order--two-row .sng-recent-order__service em {
    padding: 0 5px !important;
    font-size: 8px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.sng-professional-active .sng-video-carousel__glow {
    animation: none !important;
  }
  body.sng-professional-active .sng-video-carousel__card {
    transition: none !important;
  }
}


/* =========================================================
   Super Nexa Professional UI v2.0
   Real creator photography + unlimited swipe video showcase
   ========================================================= */

body.sng-professional-active .sng-video-showcase.sng-video-showcase--v20 {
  width: min(1540px, calc(100% - 24px)) !important;
  margin: clamp(48px, 6vw, 84px) auto 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.sng-professional-active .sng-video-v20__layout {
  display: grid !important;
  grid-template-columns: minmax(300px, .78fr) minmax(480px, 1.22fr) !important;
  gap: clamp(28px, 4.5vw, 72px) !important;
  align-items: center !important;
  padding: clamp(28px, 4vw, 58px) !important;
  overflow: hidden !important;
  border: 1px solid rgba(112,71,235,.17) !important;
  border-radius: clamp(28px, 3vw, 40px) !important;
  background:
    radial-gradient(circle at 91% 4%, rgba(128,83,255,.17), transparent 31%),
    linear-gradient(145deg, var(--sng-card-start, #fffefe) 0%, var(--sng-card-middle, #faf7ff) 66%, var(--sng-card-end, #f3edff) 100%) !important;
  box-shadow: 0 28px 76px rgba(56,34,105,.12) !important;
}

body.sng-professional-active .sng-video-v20__copy {
  position: relative !important;
  z-index: 5 !important;
  min-width: 0 !important;
  text-align: left !important;
}
body.sng-professional-active .sng-video-v20__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 32px !important;
  padding: 6px 12px !important;
  border: 1px solid rgba(112,71,235,.2) !important;
  border-radius: 999px !important;
  color: var(--sng-pro-brand, #7047eb) !important;
  background: rgba(255,255,255,.72) !important;
  font-size: 11px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
  letter-spacing: 1.35px !important;
}
body.sng-professional-active .sng-video-v20__copy h2 {
  margin: 17px 0 0 !important;
  color: var(--sng-pro-ink, #171226) !important;
  font-size: clamp(38px, 5vw, 72px) !important;
  line-height: .98 !important;
  letter-spacing: -3px !important;
  font-weight: 950 !important;
  text-wrap: balance !important;
}
body.sng-professional-active .sng-video-v20__copy p {
  max-width: 600px !important;
  margin: 19px 0 0 !important;
  color: var(--sng-pro-muted-2, #70697c) !important;
  font-size: clamp(15px, 1.25vw, 18px) !important;
  line-height: 1.72 !important;
  font-weight: 560 !important;
}
body.sng-professional-active .sng-video-v20__hint {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 22px !important;
  color: #51495e !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
}
body.sng-professional-active .sng-video-v20__hint span {
  width: 31px !important;
  height: 31px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #2f1c57, var(--sng-pro-brand, #7047eb)) !important;
  box-shadow: 0 10px 24px rgba(74,41,149,.18) !important;
}
body.sng-professional-active .sng-video-v20__media {
  min-width: 0 !important;
  overflow: visible !important;
}
body.sng-professional-active .sng-video-carousel--v20 {
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
}
body.sng-professional-active .sng-video-carousel--v20 .sng-video-carousel__stage {
  height: clamp(520px, 48vw, 690px) !important;
  min-height: 520px !important;
  touch-action: pan-y !important;
  cursor: grab !important;
  user-select: none !important;
  -webkit-user-select: none !important;
  overscroll-behavior-x: contain !important;
}
body.sng-professional-active .sng-video-carousel--v20 .sng-video-carousel__stage.is-dragging {
  cursor: grabbing !important;
}
body.sng-professional-active .sng-video-carousel--v20 .sng-video-carousel__card,
body.sng-professional-active .sng-video-carousel--v20 .sng-video-carousel__player-frame {
  width: clamp(235px, 27vw, 340px) !important;
}
body.sng-professional-active .sng-video-carousel--v20 .sng-video-carousel__card img {
  pointer-events: none !important;
  -webkit-user-drag: none !important;
}

/* Real people inside the Creator Bonus mobile devices. */
body.sng-professional-active .sng-ugc-reward__visual {
  min-height: 390px !important;
  overflow: hidden !important;
  background:
    radial-gradient(circle at 82% 16%, rgba(255,255,255,.18), transparent 24%),
    linear-gradient(145deg, #22153f 0%, #5129aa 56%, #8154ef 100%) !important;
}
body.sng-professional-active .sng-ugc-device-stack {
  min-height: 350px !important;
}
body.sng-professional-active .sng-ugc-device {
  width: 176px !important;
  height: 310px !important;
  overflow: hidden !important;
  padding: 7px !important;
  border: 2px solid rgba(255,255,255,.68) !important;
  border-radius: 31px !important;
  background: #11101a !important;
  box-shadow: 0 25px 55px rgba(13,7,31,.34), inset 0 0 0 1px rgba(255,255,255,.12) !important;
}
body.sng-professional-active .sng-ugc-device--instagram {
  left: calc(50% - 148px) !important;
  top: 58px !important;
  transform: rotate(-9deg) !important;
}
body.sng-professional-active .sng-ugc-device--tiktok {
  left: 50% !important;
  top: 25px !important;
  z-index: 5 !important;
  transform: translateX(-50%) rotate(0) !important;
}
body.sng-professional-active .sng-ugc-device--facebook {
  right: calc(50% - 148px) !important;
  top: 58px !important;
  transform: rotate(9deg) !important;
}
body.sng-professional-active .sng-ugc-device__speaker {
  top: 9px !important;
  z-index: 8 !important;
}
body.sng-professional-active .sng-ugc-device__photo-wrap {
  position: absolute !important;
  inset: 7px !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  background: #1b1721 !important;
}
body.sng-professional-active .sng-ugc-device__photo {
  width: 100% !important;
  height: 100% !important;
  display: block !important;
  object-fit: cover !important;
  filter: saturate(.96) contrast(1.02) !important;
}
body.sng-professional-active .sng-ugc-device__photo-wrap::after {
  content: '' !important;
  position: absolute !important;
  inset: 0 !important;
  pointer-events: none !important;
  background: linear-gradient(180deg, rgba(11,7,18,.02) 45%, rgba(17,9,32,.72) 100%) !important;
}
body.sng-professional-active .sng-ugc-device__notification {
  position: absolute !important;
  left: 10px !important;
  right: 10px !important;
  bottom: 41px !important;
  z-index: 4 !important;
  min-width: 0 !important;
  display: grid !important;
  grid-template-columns: 33px minmax(0,1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 9px !important;
  border: 1px solid rgba(255,255,255,.37) !important;
  border-radius: 14px !important;
  color: #fff !important;
  background: rgba(24,16,42,.78) !important;
  box-shadow: 0 13px 30px rgba(4,2,11,.22) !important;
  backdrop-filter: blur(10px) !important;
}
body.sng-professional-active .sng-ugc-device__notification-icon {
  width: 33px !important;
  height: 33px !important;
  display: grid !important;
  place-items: center !important;
  border-radius: 10px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #8a54ff, #c442b8) !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}
body.sng-professional-active .sng-ugc-device--tiktok .sng-ugc-device__notification-icon {
  background: linear-gradient(135deg, #111, #2e2352) !important;
}
body.sng-professional-active .sng-ugc-device--facebook .sng-ugc-device__notification-icon {
  background: linear-gradient(135deg, #1877f2, #4f57df) !important;
}
body.sng-professional-active .sng-ugc-device__notification span:last-child {
  min-width: 0 !important;
  display: block !important;
}
body.sng-professional-active .sng-ugc-device__notification strong,
body.sng-professional-active .sng-ugc-device__notification small {
  display: block !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body.sng-professional-active .sng-ugc-device__notification strong {
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
}
body.sng-professional-active .sng-ugc-device__notification small {
  margin-top: 2px !important;
  color: rgba(255,255,255,.76) !important;
  font-size: 8.7px !important;
  line-height: 1.2 !important;
  font-weight: 700 !important;
}
body.sng-professional-active .sng-ugc-device__network {
  left: 14px !important;
  right: 14px !important;
  bottom: 12px !important;
  z-index: 6 !important;
  min-height: 31px !important;
  border: 1px solid rgba(255,255,255,.35) !important;
  border-radius: 12px !important;
  color: #fff !important;
  background: rgba(24,16,42,.76) !important;
  backdrop-filter: blur(10px) !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
}
body.sng-professional-active .sng-ugc-device__scene {
  display: none !important;
}

@media (max-width: 1000px) {
  body.sng-professional-active .sng-video-v20__layout {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  body.sng-professional-active .sng-video-v20__copy {
    max-width: 760px !important;
  }
  body.sng-professional-active .sng-video-carousel--v20 .sng-video-carousel__stage {
    height: clamp(500px, 100vw, 650px) !important;
  }
}

@media (max-width: 700px) {
  body.sng-professional-active .sng-video-showcase.sng-video-showcase--v20 {
    width: calc(100% - 16px) !important;
    margin-top: 44px !important;
  }
  body.sng-professional-active .sng-video-v20__layout {
    padding: 23px 16px 18px !important;
    border-radius: 27px !important;
  }
  body.sng-professional-active .sng-video-v20__copy h2 {
    font-size: clamp(36px, 11vw, 51px) !important;
    letter-spacing: -2px !important;
  }
  body.sng-professional-active .sng-video-v20__copy p {
    font-size: 15px !important;
  }
  body.sng-professional-active .sng-video-v20__hint {
    margin-top: 16px !important;
    font-size: 11.5px !important;
  }
  body.sng-professional-active .sng-video-carousel--v20 .sng-video-carousel__stage {
    min-height: 440px !important;
    height: clamp(440px, 126vw, 570px) !important;
  }
  body.sng-professional-active .sng-video-carousel--v20 .sng-video-carousel__card,
  body.sng-professional-active .sng-video-carousel--v20 .sng-video-carousel__player-frame {
    width: min(66vw, 290px) !important;
  }
  body.sng-professional-active .sng-ugc-reward__visual {
    min-height: 330px !important;
  }
  body.sng-professional-active .sng-ugc-device-stack {
    min-height: 300px !important;
  }
  body.sng-professional-active .sng-ugc-device {
    width: 132px !important;
    height: 244px !important;
    padding: 5px !important;
    border-radius: 24px !important;
  }
  body.sng-professional-active .sng-ugc-device--instagram {
    left: calc(50% - 106px) !important;
    top: 52px !important;
  }
  body.sng-professional-active .sng-ugc-device--tiktok {
    top: 25px !important;
  }
  body.sng-professional-active .sng-ugc-device--facebook {
    right: calc(50% - 106px) !important;
    top: 52px !important;
  }
  body.sng-professional-active .sng-ugc-device__photo-wrap {
    inset: 5px !important;
    border-radius: 18px !important;
  }
  body.sng-professional-active .sng-ugc-device__notification {
    left: 7px !important;
    right: 7px !important;
    bottom: 34px !important;
    grid-template-columns: 26px minmax(0,1fr) !important;
    gap: 6px !important;
    padding: 7px !important;
    border-radius: 11px !important;
  }
  body.sng-professional-active .sng-ugc-device__notification-icon {
    width: 26px !important;
    height: 26px !important;
    border-radius: 8px !important;
    font-size: 12px !important;
  }
  body.sng-professional-active .sng-ugc-device__notification strong {
    font-size: 9.3px !important;
  }
  body.sng-professional-active .sng-ugc-device__notification small {
    font-size: 6.8px !important;
  }
  body.sng-professional-active .sng-ugc-device__network {
    left: 10px !important;
    right: 10px !important;
    bottom: 9px !important;
    min-height: 25px !important;
    font-size: 8.7px !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  body.sng-professional-active .sng-video-carousel--v20 .sng-video-carousel__card {
    transition: none !important;
  }
}


/* =========================================================
   Super Nexa Professional UI v2.1
   Reliable iframe-safe swipe + adjustable video typography
   ========================================================= */
body.sng-professional-active .sng-video-v20__copy h2 {
  display: inline-block !important;
  max-width: 100% !important;
  color: transparent !important;
  background: linear-gradient(92deg, #6542ff 0%, #a832f2 48%, #f044a3 78%, #ff5a6f 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  font-size: clamp(28px, 4.8vw, var(--sng-video-heading-size, 64px)) !important;
  text-shadow: 0 16px 42px rgba(121,58,226,.10) !important;
}
body.sng-professional-active .sng-video-v20__copy p {
  max-width: 610px !important;
  color: transparent !important;
  background: linear-gradient(90deg, #51465f 0%, #7358a8 56%, #9b49b7 100%) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  font-size: clamp(13px, 1.25vw, var(--sng-video-description-size, 17px)) !important;
  font-weight: 650 !important;
}
body.sng-professional-active .sng-video-v20__eyebrow {
  color: #fff !important;
  border-color: rgba(119,70,239,.22) !important;
  background: linear-gradient(100deg, #6542ff, #a936ee 62%, #ed4aa5) !important;
  box-shadow: 0 12px 30px rgba(111,61,222,.17) !important;
}
body.sng-professional-active .sng-video-carousel--v20 .sng-video-carousel__stage {
  height: clamp(460px, 48vw, var(--sng-video-stage-height, 650px)) !important;
  min-height: 460px !important;
  touch-action: pan-y !important;
}
body.sng-professional-active .sng-video-carousel--v20 .sng-video-carousel__card,
body.sng-professional-active .sng-video-carousel--v20 .sng-video-carousel__player-frame {
  width: clamp(220px, 27vw, var(--sng-video-width, 330px)) !important;
}
body.sng-professional-active .sng-video-carousel--v20 .sng-video-carousel__player-frame {
  transform: translate(calc(-50% + var(--sng-video-drag-x, 0px)), -50%) !important;
  transition: transform 220ms ease !important;
}
body.sng-professional-active .sng-video-carousel--v20 .sng-video-carousel__stage.is-dragging .sng-video-carousel__player-frame {
  transition: none !important;
}
body.sng-professional-active .sng-video-carousel--v20 .sng-video-carousel__player iframe {
  pointer-events: none !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}
body.sng-professional-active .sng-video-carousel__gesture-layer {
  position: absolute !important;
  inset: 0 !important;
  z-index: 12 !important;
  display: block !important;
  border-radius: inherit !important;
  background: transparent !important;
  cursor: grab !important;
  touch-action: pan-y !important;
  user-select: none !important;
  -webkit-user-select: none !important;
}
body.sng-professional-active .sng-video-carousel__stage.is-dragging .sng-video-carousel__gesture-layer {
  cursor: grabbing !important;
}
body.sng-professional-active .sng-video-v20__hint {
  display: none !important;
}
@media (max-width: 700px) {
  body.sng-professional-active .sng-video-carousel--v20 .sng-video-carousel__stage {
    min-height: 400px !important;
    height: clamp(400px, 126vw, var(--sng-video-stage-height, 570px)) !important;
  }
  body.sng-professional-active .sng-video-carousel--v20 .sng-video-carousel__card,
  body.sng-professional-active .sng-video-carousel--v20 .sng-video-carousel__player-frame {
    width: min(66vw, var(--sng-video-width, 290px)) !important;
  }
  body.sng-professional-active .sng-video-v20__copy h2 {
    font-size: clamp(28px, 10vw, var(--sng-video-heading-size, 48px)) !important;
    letter-spacing: -1.8px !important;
  }
  body.sng-professional-active .sng-video-v20__copy p {
    font-size: min(var(--sng-video-description-size, 15px), 16px) !important;
  }
}


/* =========================================================
   v2.2.0 — simplified order action, no link preview/creator
   bonus, clean hero decoration and full-width brand footer.
   ========================================================= */

/* Remove the dynamic link preview completely. */
html body.sng-professional-active .sng-live-preview,
html body.sng-professional-active [class*="sng-live-preview"] {
  display: none !important;
}

/* Creator Bonus is intentionally removed from the storefront. */
html body.sng-professional-active .sng-ugc-reward,
html body.sng-professional-active #creator-reward {
  display: none !important;
}

/* Keep only the large hero ring; remove the floating dots/circles. */
html body.sng-professional-active .sng-hero-decor {
  display: none !important;
}

/* Restore the simple, confident Add To Cart design. */
html body.sng-professional-active .sng-order .sng-add.sng-add--simple {
  width: 100% !important;
  min-height: 68px !important;
  margin-top: 18px !important;
  padding: 0 clamp(20px, 4vw, 34px) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 15px !important;
  border: 0 !important;
  border-radius: 20px !important;
  color: #fff !important;
  background: linear-gradient(135deg, #251748 0%, #633ed7 52%, #8248ff 100%) !important;
  box-shadow: 0 17px 38px rgba(73, 42, 157, .22) !important;
  font-size: clamp(18px, 2.2vw, 22px) !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: -.25px !important;
}

html body.sng-professional-active .sng-order .sng-add-simple__label,
html body.sng-professional-active .sng-order .sng-add-simple__arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  color: inherit !important;
  font: inherit !important;
}

html body.sng-professional-active .sng-order .sng-add-simple__arrow {
  font-size: 29px !important;
  font-weight: 500 !important;
  transform: translateY(-1px) !important;
}

html body.sng-professional-active .sng-order .sng-payment-strip {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
}

@media (hover: hover) and (pointer: fine) {
  html body.sng-professional-active .sng-order .sng-add.sng-add--simple:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 21px 46px rgba(73, 42, 157, .28) !important;
  }
}

/* Remove all extra page space below the storefront. */
html body.sng-professional-active .sng-page {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

/* A real brand footer: full-width white surface, no floating card. */
html body.sng-professional-active .sng-page .sng-footer.sng-footer--brand,
html body.sng-professional-active .sng-page .sng-footer {
  width: 100vw !important;
  max-width: none !important;
  margin: 56px 0 0 calc(50% - 50vw) !important;
  padding:
    44px
    max(24px, calc((100vw - 1320px) / 2 + 24px))
    calc(26px + env(safe-area-inset-bottom)) !important;
  display: grid !important;
  grid-template-columns: minmax(260px, 1fr) auto !important;
  align-items: start !important;
  gap: 28px 52px !important;
  border: 0 !important;
  border-top: 1px solid #e8e1f4 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}

html body.sng-professional-active .sng-footer strong {
  color: #171326 !important;
  font-size: clamp(26px, 3vw, 34px) !important;
  font-weight: 900 !important;
  letter-spacing: -.8px !important;
}

html body.sng-professional-active .sng-footer p {
  max-width: 590px !important;
  margin: 9px 0 0 !important;
  color: #706a80 !important;
  font-size: 15px !important;
  line-height: 1.65 !important;
}

html body.sng-professional-active .sng-footer nav {
  display: flex !important;
  justify-content: flex-end !important;
  align-items: center !important;
  gap: 10px 22px !important;
  flex-wrap: wrap !important;
}

html body.sng-professional-active .sng-footer a {
  color: #554e65 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-decoration: none !important;
}

html body.sng-professional-active .sng-footer a:hover {
  color: #7047eb !important;
}

html body.sng-professional-active .sng-brand-footer__trust {
  grid-column: 1 / -1 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px 24px !important;
  flex-wrap: wrap !important;
  padding-top: 24px !important;
  border-top: 1px solid #eee8f7 !important;
  color: #5f5870 !important;
  font-size: 13px !important;
  font-weight: 750 !important;
}

html body.sng-professional-active .sng-brand-footer__trust span {
  position: relative !important;
  padding-left: 16px !important;
}

html body.sng-professional-active .sng-brand-footer__trust span::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #7047eb, #9c43f4) !important;
  transform: translateY(-50%) !important;
}

html body.sng-professional-active .sng-brand-footer__bottom {
  grid-column: 1 / -1 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px 24px !important;
  flex-wrap: wrap !important;
  color: #878091 !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
}

@media (max-width: 820px) {
  html body.sng-professional-active .sng-page .sng-footer.sng-footer--brand,
  html body.sng-professional-active .sng-page .sng-footer {
    margin-top: 44px !important;
    padding:
      34px 22px
      calc(22px + env(safe-area-inset-bottom)) !important;
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  html body.sng-professional-active .sng-footer nav {
    justify-content: flex-start !important;
    gap: 10px 18px !important;
  }

  html body.sng-professional-active .sng-brand-footer__trust,
  html body.sng-professional-active .sng-brand-footer__bottom {
    grid-column: 1 !important;
  }

  html body.sng-professional-active .sng-brand-footer__bottom {
    display: grid !important;
    justify-content: start !important;
  }

  html body.sng-professional-active .sng-order .sng-add.sng-add--simple {
    min-height: 64px !important;
    border-radius: 18px !important;
    font-size: 19px !important;
  }
}


/* === v2.2.1: restore compact transparent payment icons === */
html body.sng-professional-active .sng-order .sng-payment-strip {
  width: 100% !important;
  min-height: 30px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-wrap: nowrap !important;
  gap: clamp(6px, 1.25vw, 14px) !important;
  margin: 10px 0 0 !important;
  padding: 2px 4px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.sng-professional-active .sng-order .sng-payment-strip__item {
  min-width: 0 !important;
  height: 27px !important;
  flex: 0 1 92px !important;
  display: grid !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

html body.sng-professional-active .sng-order .sng-payment-strip__item img {
  width: auto !important;
  max-width: 88px !important;
  height: 25px !important;
  display: block !important;
  object-fit: contain !important;
  background: transparent !important;
}

@media (max-width: 820px) {
  html body.sng-professional-active .sng-order .sng-payment-strip {
    gap: 5px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  html body.sng-professional-active .sng-order .sng-payment-strip__item {
    flex: 1 1 0 !important;
    height: 24px !important;
  }

  html body.sng-professional-active .sng-order .sng-payment-strip__item img {
    max-width: 72px !important;
    height: 22px !important;
  }
}