.sa-personal-preview{padding:24px 18px;margin-top:24px;border:1px solid var(--line,#e7ddd3);border-radius:20px;background:var(--paper,#fffdf9);text-align:center;color:var(--ink,#26211d);font-family:var(--sans,"DM Sans",Arial,sans-serif)}.sa-personal-preview h3{font-family:var(--serif,"Playfair Display",Georgia,serif);font-weight:600;font-size:26px;line-height:1.2;margin:8px 0}.sa-personal-preview p{line-height:1.5}.sa-preview-kicker{font-size:12px;text-transform:uppercase;letter-spacing:1.5px;color:var(--rose-dark,#b95854)}.sa-personal-preview button{width:100%;padding:15px;border:0;border-radius:999px;background:var(--rose,#d87872);color:white;font:inherit;font-weight:700;cursor:pointer}.sa-personal-preview button:disabled{opacity:.65;cursor:wait}.sa-personal-preview progress,.sa-personal-preview audio{width:100%;margin-top:18px;accent-color:var(--rose,#d87872)}.sa-preview-note,.sa-preview-privacy,.sa-personal-preview small{font-size:12px;color:var(--muted,#786f67)}.sa-preview-privacy{font-size:11px}#saPreviewError{color:var(--rose-dark,#b95854)}.sa-personal-preview [hidden]{display:none!important}

.sa-personal-preview button:hover{background:var(--rose-dark,#b95854)}.sa-personal-preview button:focus-visible{outline:3px solid var(--rose-dark,#b95854);outline-offset:3px}

.sa-preview-audio-engine{display:none!important}.sa-preview-player{display:flex;align-items:center;gap:14px;margin:20px 0;padding:18px;border-radius:18px;background:#faf3ef;border:1px solid #eadbd3;text-align:left}.sa-personal-preview .sa-preview-play{width:54px;height:54px;min-width:54px;padding:0;font-size:20px;background:#dc7370;box-shadow:0 8px 20px #dc737033}.sa-preview-track{flex:1;min-width:0}.sa-preview-track>span{display:block;font-weight:600;font-size:14px;margin-bottom:8px}.sa-preview-track input{display:block;width:100%;min-height:24px;accent-color:#dc7370;cursor:pointer}.sa-preview-time{display:block;margin-top:4px;font-variant-numeric:tabular-nums}@media(max-width:480px){.sa-preview-player{padding:14px;gap:12px}.sa-preview-track>span{font-size:13px}}

.sa-preview-track input{appearance:none;-webkit-appearance:none;height:6px;min-height:6px!important;margin:12px 0!important;padding:0;border:0;border-radius:99px;background:linear-gradient(to right,#dc7370 0%,#dc7370 var(--sa-progress,0%),#e8dcd4 var(--sa-progress,0%),#e8dcd4 100%);outline:none}
.sa-preview-track input::-webkit-slider-runnable-track{height:6px;border:0;border-radius:99px;background:transparent}
.sa-preview-track input::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;margin-top:-7px;border:4px solid #fff;border-radius:50%;background:#dc7370;box-shadow:0 3px 9px #0002;cursor:pointer}
.sa-preview-track input::-moz-range-track{height:6px;background:#e8dcd4;border-radius:99px}
.sa-preview-track input::-moz-range-progress{height:6px;background:#dc7370;border-radius:99px}
.sa-preview-track input::-moz-range-thumb{width:12px;height:12px;border:4px solid white;border-radius:50%;background:#dc7370;box-shadow:0 3px 9px #0002}
.sa-personal-preview .sa-preview-play{display:flex;align-items:center;justify-content:center;color:#fff}.sa-preview-play svg{display:block;width:26px;height:26px;pointer-events:none}

/* Ready preview: match the checkout total's green. */
.sa-personal-preview #saPreviewCreate.sa-preview-order-ready {
  background: linear-gradient(
    90deg,
    #2b9163 0%,
    #218252 30%,
    #1b7349 50%,
    #218252 70%,
    #2b9163 100%
  );
  color: #fff;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.2),
    0 5px 14px rgba(27, 112, 72, 0.15);
}

.sa-personal-preview #saPreviewCreate.sa-preview-order-ready:hover {
  background: linear-gradient(
    90deg,
    #258459 0%,
    #1c754a 30%,
    #17663f 50%,
    #1c754a 70%,
    #258459 100%
  );
}
.sa-personal-preview #saPreviewCreate.sa-preview-order-ready:focus-visible{outline-color:#218252}
.sa-personal-preview .sa-preview-emotion{color:var(--ink,#26211d);font-size:14px;margin-top:24px}
.sa-preview-emotion strong{font-weight:700;color:inherit}
.sa-personal-preview .sa-preview-privacy{font-size:12px;line-height:1.65}

/* A subtle halo only while a playable preview is ready. No layout movement. */
@keyframes sa-preview-ready-glow {
  0%,100% { box-shadow:inset 0 1px 0 #ffffff33,0 5px 14px #1b704826,0 0 0 0 #278a5710; }
  50% { box-shadow:inset 0 1px 0 #ffffff33,0 7px 19px #1b704833,0 0 17px 3px #278a5724; }
}
.sa-personal-preview #saPreviewCreate.sa-preview-order-ready:not(:disabled) { animation:sa-preview-ready-glow 3.6s ease-in-out infinite; }
@media (prefers-reduced-motion:reduce) {
 .sa-personal-preview #saPreviewCreate.sa-preview-order-ready:not(:disabled) { animation:none;box-shadow:inset 0 1px 0 #ffffff33,0 5px 15px #1b70482b; }
}

@keyframes sa-preview-premium-pulse {
  0%, 100% {
    transform: scale(1);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.22),
      0 5px 16px rgba(27,112,72,.20),
      0 0 0 0 rgba(43,145,99,0);
  }
  50% {
    transform: scale(1.012);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.26),
      0 8px 24px rgba(27,112,72,.28),
      0 0 22px 5px rgba(43,145,99,.20);
  }
}

.sa-personal-preview #saPreviewCreate.sa-preview-order-ready:not(:disabled) {
  animation: sa-preview-premium-pulse 3.2s ease-in-out infinite;
}

@media (prefers-reduced-motion: reduce) {
  .sa-personal-preview #saPreviewCreate.sa-preview-order-ready:not(:disabled) {
    animation: none;
    transform: none;
    box-shadow: 0 5px 20px rgba(27,112,72,.25);
  }
}

@keyframes sa-preview-glow-v3 {
  0%, 100% {
    transform: scale(1);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.30),
      0 6px 18px rgba(20,100,60,.24),
      0 0 14px 3px rgba(43,160,100,.15);
  }
  50% {
    transform: scale(1.025);
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.38),
      0 10px 28px rgba(20,100,60,.32),
      0 0 32px 9px rgba(43,160,100,.28);
  }
}

.sa-personal-preview #saPreviewCreate.sa-preview-order-ready:not(:disabled) {
  background: linear-gradient(
    180deg,
    #329b69 0%,
    #258452 48%,
    #19653f 100%
  );
  animation: sa-preview-glow-v3 3s ease-in-out infinite;
  transform-origin: center;
}

.sa-personal-preview #saPreviewCreate.sa-preview-order-ready:not(:disabled):hover {
  background: linear-gradient(
    180deg,
    #38a571 0%,
    #288b58 48%,
    #1b6d44 100%
  );
}

@media (prefers-reduced-motion: reduce) {
  .sa-personal-preview #saPreviewCreate.sa-preview-order-ready:not(:disabled) {
    animation: none;
    transform: none;
    box-shadow:
      inset 0 1px 0 rgba(255,255,255,.30),
      0 6px 22px rgba(20,100,60,.25),
      0 0 20px 4px rgba(43,160,100,.18);
  }
}
/* CHANGED 2026-10-13: preview creation experience only; payments untouched. */
.sa-personal-preview .sa-creation-slot { min-width:0; }
.sa-personal-preview .sa-creation {
  box-sizing:border-box; margin:20px 0; padding:20px 16px;
  border:1px solid #ead9c6; border-radius:18px;
  background:linear-gradient(160deg,#fffaf0 0%,#fcf0ed 100%);
  color:#49352d; text-align:left; min-width:0;
}
.sa-personal-preview .sa-creation-title {
  margin:0 0 18px; min-height:54px; font:600 22px/1.22 var(--serif,"Playfair Display",Georgia,serif);
  color:#49352d; overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
}
.sa-personal-preview .sa-creation-stages { display:grid;gap:9px;list-style:none;margin:0 0 18px;padding:0; }
.sa-personal-preview .sa-creation-stages li { display:grid;grid-template-columns:25px minmax(0,1fr) 18px;align-items:center;gap:8px;min-height:44px;margin:0;padding:0;font-size:14px;line-height:1.45;color:#827067; }
.sa-personal-preview .sa-creation-label { overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.sa-personal-preview .sa-creation-icon { display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f0e2d1;color:#876638;font-size:17px; }
.sa-personal-preview .sa-creation-stages .is-current {color:#49352d;font-weight:600;}
.sa-personal-preview .sa-creation-stages .is-done {color:#665042;}
.sa-personal-preview .sa-creation-marker {color:#957039;text-align:center;font-size:18px;}
.sa-personal-preview .is-current .sa-creation-marker {animation:sa-creation-breathe 1.6s ease-in-out infinite;}
.sa-personal-preview .sa-creation progress {position:absolute;width:1px;height:1px;margin:0;clip-path:inset(50%);overflow:hidden;}
.sa-personal-preview .sa-creation-meter {height:7px;border-radius:99px;background:#eadfd4;overflow:hidden;}
.sa-personal-preview .sa-creation-fill {display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#bba075,#dab595,#d88e87);}
.sa-personal-preview .sa-creation-percent {display:block;margin-top:7px;font-size:13px;text-align:right;font-variant-numeric:tabular-nums;}
.sa-personal-preview .sa-creation #saPreviewStatus {position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;margin:0;}
.sa-personal-preview .sa-creation > small {display:block;margin-top:12px;font-size:13px;line-height:1.45;color:#79665c;}
.sa-personal-preview .sa-preview-revealed {animation:sa-creation-reveal .55s ease-out both;}
.sa-personal-preview .sa-preview-invite .sa-preview-play {animation:sa-preview-tap-invite 2.6s ease-in-out infinite;}
@keyframes sa-creation-breathe {0%,100%{opacity:.45}50%{opacity:1}}
@keyframes sa-creation-reveal {from{opacity:0}to{opacity:1}}
@keyframes sa-preview-tap-invite {0%,100%{box-shadow:0 0 0 0 #dc737033}50%{box-shadow:0 0 0 7px #dc737018}}
@media(prefers-reduced-motion:reduce){
 .sa-personal-preview .sa-preview-revealed,.sa-personal-preview .sa-preview-invite .sa-preview-play,.sa-personal-preview .is-current .sa-creation-marker {animation:none;}
}
/* END CHANGED: preview creation experience. */

/* CHANGED: watermark disclosure, readable at narrow mobile widths. */
.sa-preview-player{flex-wrap:wrap}
.sa-preview-watermark-note{flex:0 0 100%;margin:4px 0 0;font-size:12px;line-height:1.5;color:#75675e;text-align:center;overflow-wrap:anywhere}

/* CHANGED 2026-10-14: secondary "Order now" path under the preview button. */
.sa-skip-preview{margin:14px 0 4px}
.sa-skip-or{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted,#786f67)}
.sa-skip-or:before,.sa-skip-or:after{content:"";flex:1;height:1px;background:var(--line,#e7ddd3)}
.sa-personal-preview .sa-skip-button{width:100%;padding:14px;border:1.5px solid var(--rose,#d87872);border-radius:999px;background:#fff;color:var(--rose-dark,#b95854);font:inherit;font-weight:700;cursor:pointer;box-shadow:none}
.sa-personal-preview .sa-skip-button:hover{background:var(--blush,#f7e5df);color:var(--rose-dark,#b95854)}
.sa-skip-preview small{display:block;margin-top:9px;font-size:12px;color:var(--muted,#786f67)}

/* 2026-10-17: end card shown when the preview finishes */
.sa-preview-endcard{margin:4px 0 18px;padding:22px 20px;border-radius:20px;background:linear-gradient(180deg,#fff7f3,#fbeee9);border:1.5px solid #e7b9b1;text-align:center;box-shadow:0 14px 34px rgba(185,88,84,.14);animation:saEndIn .45s ease-out}
.sa-preview-endcard[hidden]{display:none!important}
.sa-endcard-title{margin:0 0 8px;font:700 22px/1.25 Georgia,serif;color:#28211e}
.sa-endcard-text{margin:0 0 12px;color:#6f625b;font-size:15px;line-height:1.55}
.sa-endcard-offer{margin:0 0 14px;font-weight:700;color:#2f6b45;font-size:16px}
.sa-personal-preview .sa-preview-endcard .sa-endcard-button{display:block;width:100%;min-height:56px;border:0;border-radius:999px;background:linear-gradient(180deg,#2e8b57,#1f6e43);color:#fff;font-weight:800;font-size:18px;cursor:pointer;box-shadow:0 12px 26px rgba(31,110,67,.32);animation:saEndPulse 2.2s ease-in-out 1s 3}
.sa-endcard-safe{display:block;margin-top:10px;color:#7a6d66;font-size:13px}
@keyframes saEndIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes saEndPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
@media (prefers-reduced-motion:reduce){.sa-preview-endcard,.sa-preview-endcard .sa-endcard-button{animation:none}}
/* preview placed first on phones */
.sa-personal-preview.sa-preview-mobile-first{margin:6px 0 22px}
.sa-personal-preview.sa-endcard-on #saPreviewCreate{display:none!important}

/* 2026-10-18 gift card */
.sa-gift-sub{margin:0 0 16px!important}
.sa-gift-mock{display:grid;grid-template-columns:46px 1fr 38px;grid-template-rows:auto auto;gap:8px 12px;align-items:center;margin:0 0 18px;padding:14px;border-radius:16px;background:#fff;border:1px solid #efd6cf;box-shadow:0 10px 24px rgba(120,60,50,.10);text-align:left}
.sa-gift-disc{width:46px;height:46px;border-radius:50%;background:radial-gradient(circle,#f3d9a6 0 18%,#2b2522 19% 30%,#3a322e 31% 46%,#2b2522 47% 62%,#3a322e 63%);box-shadow:0 2px 6px rgba(0,0,0,.2)}
.sa-gift-meta{display:flex;flex-direction:column;min-width:0}
.sa-gift-meta small{font-size:10px;letter-spacing:1.6px;color:#b0857c;font-weight:700}
.sa-gift-to{font:700 19px/1.2 Georgia,serif;color:#28211e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sa-gift-from{font-size:13px;color:#8a7a72;font-style:italic}
.sa-gift-play{width:38px;height:38px;border-radius:50%;background:#d87872;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;padding-left:2px}
.sa-gift-wave{grid-column:1/3;display:flex;gap:3px;align-items:center;height:18px}
.sa-gift-wave i{flex:1;border-radius:2px;background:#e9c3bb;height:40%}
.sa-gift-wave i:nth-child(3n){height:90%}.sa-gift-wave i:nth-child(4n+1){height:65%}.sa-gift-wave i:nth-child(5n+2){height:100%}
.sa-gift-len{font-size:12px;color:#9a8d86;text-align:right}
.sa-gift-h{margin:0 0 10px;font-size:12px;letter-spacing:1.6px;text-transform:uppercase;font-weight:700;color:#b0857c}
.sa-gift-steps{list-style:none;margin:0 0 18px;padding:0;text-align:left;display:flex;flex-direction:column;gap:10px}
.sa-gift-steps li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;line-height:1.45;color:#5c5149}
.sa-gift-steps b{flex:none;width:26px;height:26px;border-radius:50%;background:#2e8b57;color:#fff;font-size:13px;display:flex;align-items:center;justify-content:center;margin-top:1px}
.sa-gift-steps strong{color:#28211e}
.sa-gift-ideas{margin-top:14px;text-align:left;border-top:1px dashed #e7c9c1;padding-top:12px}
.sa-gift-ideas summary{cursor:pointer;font-weight:700;font-size:14px;color:#a84a43;list-style:none;text-align:center}
.sa-gift-ideas summary::-webkit-details-marker{display:none}
.sa-gift-ideas summary::after{content:' \25BE'}
.sa-gift-ideas[open] summary::after{content:' \25B4'}
.sa-gift-ideas ul{margin:10px 0 0;padding-left:20px;color:#5c5149;font-size:14px;line-height:1.5}
.sa-gift-ideas li{margin:6px 0}
.sa-preview-endcard [hidden]{display:none!important}

.sa-personal-preview.sa-endcard-on .sa-preview-emotion,.sa-personal-preview.sa-endcard-on .sa-preview-privacy{display:none!important}


/* 2026-10-19: mini record spins while the preview plays */
@keyframes saGiftSpin{to{transform:rotate(360deg)}}
.sa-preview-endcard.sa-gift-spinning .sa-gift-disc{animation:saGiftSpin 2.4s linear infinite}
@media (prefers-reduced-motion:reduce){.sa-preview-endcard.sa-gift-spinning .sa-gift-disc{animation:none}}

/* ===== 2026-10-19: packages ===== */
.sa-legacy-choice,#saSummaryLyricsItem,#saSummaryPriorityItem,#checkoutPriorityRow,#checkoutLyricsRow{display:none!important}
.sa-packages{margin:6px 0 22px}
.sa-pk-title{font:700 27px/1.15 'Playfair Display',Georgia,serif;text-align:center;margin:6px 0 6px;color:#26211d}
.sa-pk-title i{color:#b95854}
.sa-pk-sub{text-align:center;color:#786f67;font-size:14.5px;line-height:1.45;margin:0 0 20px}
.sa-pk{display:block;cursor:pointer;margin:0 0 14px}
.sa-pk input{position:absolute;opacity:0;pointer-events:none}
.sa-pk-card{position:relative;display:block;background:#fff;border:1.5px solid #e7ddd3;border-radius:18px;padding:18px 16px 16px;transition:border-color .15s,box-shadow .15s,background .15s}
.sa-pk-on .sa-pk-card{border:2.5px solid #2e8b57;background:#f4fbf6;box-shadow:0 12px 28px rgba(31,110,67,.14)}
.sa-pk input:focus-visible+.sa-pk-card{outline:3px solid rgba(46,139,87,.35);outline-offset:2px}
.sa-pk-top{display:flex;align-items:flex-start;gap:12px}
.sa-pk-radio{width:24px;height:24px;border-radius:50%;border:2px solid #cbbfb6;flex:none;margin-top:3px;background:#fff;transition:border .15s}
.sa-pk-on .sa-pk-radio{border:7px solid #2e8b57}
.sa-pk-name{flex:1;font-weight:800;font-size:19px;line-height:1.25;color:#26211d}
.sa-pk-name small{display:block;font-weight:500;font-size:13.5px;color:#8a7a72;margin-top:2px}
.sa-pk-price{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1;text-align:right}
.sa-pk-price s{font-size:15px;color:#a39890;font-weight:500}
.sa-pk-price b{font-size:27px;font-weight:800;letter-spacing:-.5px;color:#26211d}
.sa-pk-on .sa-pk-price b{color:#1f6e43}
.sa-pk-price em{font-style:normal;display:inline-block;margin-top:5px;background:#c0453d;color:#fff;font-size:11.5px;font-weight:800;border-radius:6px;padding:3px 7px;letter-spacing:.3px;white-space:nowrap}
.sa-pk-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:#2e8b57;color:#fff;font-size:12px;font-weight:800;letter-spacing:.6px;padding:4px 13px;border-radius:999px;white-space:nowrap}
.sa-pk-list{display:flex;flex-direction:column;gap:3px;margin:12px 0 0 36px;font-size:15px;line-height:1.5;color:#4f453e}
.sa-pk-list>span::before{content:'\2713';color:#2e8b57;font-weight:800;margin-right:8px}
.sa-pk-list>span.sa-pk-no{color:#bdb2aa}.sa-pk-list>span.sa-pk-no::before{content:'\2013';color:#d0c6be}
.sa-pk-list strong{color:#26211d}
.sa-pk-popular{margin-top:24px}
.sa-packages .sa-pk-cta{display:block;width:100%;min-height:58px;margin-top:6px;border:0;border-radius:999px;background:linear-gradient(180deg,#2e8b57,#1f6e43);color:#fff;font-weight:800;font-size:18px;padding:16px;cursor:pointer;box-shadow:0 12px 26px rgba(31,110,67,.30)}
.sa-pk-ready{text-align:center;color:#2f6b45;font-weight:700;font-size:14px;margin:12px 0 0}
.sa-pk-ready:empty{display:none}
.sa-pk-safe{text-align:center;color:#7a6d66;font-size:13px;margin:8px 0 0}

/* ===== 2026-10-20: ONE-PAGE CHECKOUT ===== */
/* Short end header (replaces the long gift card) */
.sa-preview-endcard{padding:20px 18px 18px}
.sa-preview-endcard .sa-endcard-title{font:700 23px/1.22 'Playfair Display',Georgia,serif;margin:0 0 6px}
.sa-preview-endcard .sa-gift-sub{margin:0 0 14px!important;font-size:15px}
.sa-endcard-saved{display:inline-flex;align-items:center;gap:8px;margin:0;padding:8px 14px;border-radius:999px;background:#fff;border:1px solid #ecd5cf;color:#5c5149;font-size:13.5px;font-weight:600;line-height:1.35;text-align:left}
.sa-endcard-saved span{flex:none;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#2e8b57;color:#fff;font-size:12px;font-weight:800}

/* Packages: the chosen card is bright, the others step back */
.sa-pk .sa-pk-card{transition:opacity .2s,border-color .15s,box-shadow .15s,background .15s}
.sa-pk:not(.sa-pk-on) .sa-pk-card{opacity:.74}
.sa-pk:not(.sa-pk-on):hover .sa-pk-card{opacity:1}
.sa-pk-on .sa-pk-card{opacity:1}

/* Delivery countdown (30-minute slots) */
.sa-urg{margin:6px 0 14px;padding:14px 16px 13px;border-radius:18px;background:linear-gradient(180deg,#fff6f3,#fdeeea);border:1.5px solid #e9a79f;text-align:center;box-shadow:0 10px 24px rgba(192,69,61,.10)}
.sa-urg[hidden]{display:none}
.sa-urg-row{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.sa-urg-label{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:15.5px;letter-spacing:.3px;color:#b4372f;text-transform:uppercase}
.sa-urg-dot{width:9px;height:9px;border-radius:50%;background:#e0362c;animation:saUrgPing 1.6s infinite}
.sa-urg-clock{display:inline-flex;align-items:flex-start;gap:5px;font-variant-numeric:tabular-nums}
.sa-urg-clock>span{display:inline-flex;flex-direction:column;align-items:center}
.sa-urg-clock b{display:block;min-width:48px;padding:7px 4px 6px;border-radius:11px;background:linear-gradient(180deg,#d0473d,#b4372f);color:#fff;font-weight:800;font-size:26px;line-height:1;letter-spacing:.5px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.16),0 4px 10px rgba(180,55,47,.22)}
.sa-urg-clock small{margin-top:4px;font-size:10px;font-weight:700;color:#bf7c74;text-transform:uppercase;letter-spacing:.8px}
.sa-urg-clock i{font-style:normal;font-weight:800;font-size:24px;line-height:39px;color:#b4372f;animation:saUrgBlink 1s steps(1) infinite}
.sa-urg-ready{margin:10px 0 0;font-size:15.5px;line-height:1.4;color:#26211d;font-weight:600}
.sa-urg-ready strong{color:#1f6e43;font-weight:800;white-space:nowrap}
.sa-urg-last .sa-urg-clock b{animation:saUrgPulse 1s ease-in-out infinite}
@keyframes saUrgPing{0%{box-shadow:0 0 0 0 rgba(224,54,44,.55)}70%{box-shadow:0 0 0 9px rgba(224,54,44,0)}100%{box-shadow:0 0 0 0 rgba(224,54,44,0)}}
@keyframes saUrgBlink{50%{opacity:.25}}
@keyframes saUrgPulse{50%{transform:scale(1.06)}}
.sa-pk-ready{margin-top:12px;color:#5f7d68;font-weight:600}

/* When payment is ready the extra "Gift … the Full Song" button is not needed: Apple Pay / PayPal follow */
body.sa-payment-ready .sa-packages .sa-pk-cta,
body.sa-payment-ready .sa-packages .sa-pk-safe{display:none!important}

/* Trust line under Apple Pay / PayPal */
.sa-pay-trust{display:flex;align-items:center;justify-content:center;gap:7px;margin:12px 0 0;color:#6f625b;font-size:12.5px;line-height:1.4;text-align:center}
.sa-pay-trust svg{flex:none;color:#2e8b57}

/* Total bar on top of the payment box */
.sa-paybar{display:none}
body.sa-onepage .sa-paybar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 18px;padding:14px 16px;border-radius:16px;background:#fff;border:1.5px solid #e7ddd3}
.sa-paybar-l{display:flex;flex-direction:column;min-width:0}
.sa-paybar-l small,.sa-paybar-r small{font-size:10.5px;letter-spacing:1.3px;text-transform:uppercase;font-weight:700;color:#a8978e}
.sa-paybar-r small{letter-spacing:.3px;text-transform:none;font-weight:600}
.sa-paybar-l strong{font:700 19px/1.2 'Playfair Display',Georgia,serif;color:#26211d}
.sa-paybar-r{display:flex;flex-direction:column;align-items:flex-end;line-height:1.1}
.sa-paybar-r s{font-size:13.5px;color:#a39890}
.sa-paybar-r b{font-size:25px;font-weight:800;color:#1f6e43;letter-spacing:-.4px}

/* "How you'll give it" + ideas, now below the payment */
.sa-warm{margin:22px 0 6px;padding:20px 18px 16px;border-radius:20px;background:linear-gradient(180deg,#fff7f3,#fbf1ec);border:1px solid #efd9d2}
.sa-warm[hidden]{display:none}
.sa-warm .sa-gift-h{text-align:center;margin-bottom:14px}
.sa-warm .sa-gift-steps{margin-bottom:6px}
body.sa-onepage .sa-moneyback{margin-top:18px}
@media (prefers-reduced-motion:reduce){.sa-urg-dot,.sa-urg-clock i,.sa-urg-last .sa-urg-clock b{animation:none}}
@media (max-width:380px){.sa-urg-clock b{min-width:42px;font-size:23px}.sa-urg-label{font-size:14px}}

/* 2026-10-20b: no extra "Order My Full Song" button once the preview is ready (packages follow right below) */
body.sa-preview-ready .sa-personal-preview #saPreviewCreate,
body.sa-preview-ready .sa-personal-preview .sa-preview-privacy{display:none!important}

/* 2026-10-20c: phones — payment box is right below the packages, so no extra button at all;
   desktop — hidden once payment has loaded (no flash while the amount is updated) */
body.sa-onepage .sa-packages .sa-pk-cta,body.sa-onepage .sa-packages .sa-pk-safe,
body.sa-pay-seen .sa-packages .sa-pk-cta,body.sa-pay-seen .sa-packages .sa-pk-safe{display:none!important}

/* 2026-10-29: progress bar is display-only (no seeking). */
.sa-preview-track input{pointer-events:none;cursor:default}

/* 2026-10-29: "Full song locked" chip under the player. */
.sa-preview-watermark-note.sa-preview-locked{display:flex;align-items:center;justify-content:center;gap:6px;margin:10px 0 0;padding:9px 12px;border-radius:12px;background:#f3e7e1;color:#6f5f57;font-size:13px;font-weight:600;letter-spacing:.01em}

/* 2026-10-29: HARD-CUT OFFER. Opens the second the preview stops. */
.sa-cut{position:fixed;inset:0;z-index:2147483000;display:flex;align-items:center;justify-content:center;padding:16px;background:rgba(40,24,20,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .16s ease-out}
.sa-cut[hidden]{display:none}
.sa-cut.sa-cut-on{opacity:1}
html.sa-cut-lock,html.sa-cut-lock body{overflow:hidden}
.sa-cut-box{position:relative;width:100%;max-width:420px;max-height:calc(100vh - 32px);overflow:auto;box-sizing:border-box;padding:26px 20px 14px;border-radius:24px;background:#fff;color:#2b211d;text-align:center;box-shadow:0 30px 80px rgba(40,20,15,.35);transform:translateY(14px) scale(.94);transition:transform .26s cubic-bezier(.2,1.3,.4,1)}
.sa-cut.sa-cut-on .sa-cut-box{transform:none}
.sa-cut-x{position:absolute;top:10px;right:10px;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:#9b8a82;font-size:26px;line-height:1;cursor:pointer;box-shadow:none}
.sa-cut-x:hover{background:#f6eeea;color:#5d4c45}
.sa-cut-kicker{margin:0 0 12px;font-size:21px;font-weight:800;letter-spacing:-.01em}
.sa-cut-heart{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;margin:0 0 12px;border-radius:50%;background:#fdeae6;color:#dc7370;animation:saCutBeat 1.3s ease-in-out infinite}
@keyframes saCutBeat{0%,100%{transform:scale(1)}14%{transform:scale(1.14)}28%{transform:scale(1)}42%{transform:scale(1.09)}}
.sa-cut-title{margin:0 0 6px;font-size:20px;line-height:1.25;font-weight:700}
.sa-cut-sub{margin:0 auto 16px;max-width:340px;font-size:15px;line-height:1.45;color:#6f5f57}
.sa-cut-opts{display:grid;gap:10px;margin:0 0 14px}
.sa-cut-opt{display:flex;align-items:center;gap:12px;width:100%;min-height:62px;margin:0;padding:12px 14px;border:2px solid #eadbd3;border-radius:16px;background:#fff;color:inherit;font:inherit;text-align:left;cursor:pointer;box-shadow:none;transition:border-color .15s,background .15s}
.sa-cut-opt[aria-checked="true"]{border-color:#dc7370;background:#fff6f3;box-shadow:0 6px 18px rgba(220,115,112,.16)}
.sa-cut-dot{flex:0 0 20px;width:20px;height:20px;border:2px solid #cdbab1;border-radius:50%;box-sizing:border-box}
.sa-cut-opt[aria-checked="true"] .sa-cut-dot{border:6px solid #dc7370}
.sa-cut-name{flex:1;min-width:0;font-size:15px;font-weight:700;line-height:1.25}
.sa-cut-name em{display:block;margin-top:2px;font-style:normal;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#dc7370}
.sa-cut-price{display:flex;flex-direction:column;align-items:flex-end;line-height:1.15}
.sa-cut-price s{font-size:12px;color:#a3928a}
.sa-cut-price b{font-size:20px;color:#2b211d}
.sa-cut-opt[aria-checked="true"] .sa-cut-price b{color:#d4615e}
.sa-cut-price i{margin-top:3px;padding:2px 6px;border-radius:6px;background:#e3f4e6;color:#2f7a3f;font-size:11px;font-style:normal;font-weight:700}
.sa-cut-go{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;width:100%;min-height:62px;margin:0;padding:12px 16px;border:0;border-radius:16px;background:linear-gradient(135deg,#e2807c,#d4615e);color:#fff;font:inherit;cursor:pointer;box-shadow:0 12px 26px rgba(212,97,94,.35);animation:saCutGlow 2.2s ease-in-out infinite}
.sa-cut-go:active{transform:scale(.98)}
.sa-cut-go-main{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:800}
.sa-cut-go small{font-size:12px;opacity:.9}
@keyframes saCutGlow{0%,100%{box-shadow:0 12px 26px rgba(212,97,94,.35)}50%{box-shadow:0 12px 34px rgba(212,97,94,.6)}}
.sa-cut-trust{margin:10px 0 2px;font-size:12px;color:#8a7a72}
.sa-cut-later{margin:2px 0 0;padding:10px 16px;border:0;background:transparent;color:#8a7a72;font:inherit;font-size:15px;cursor:pointer;box-shadow:none}
.sa-cut-later:hover{color:#2b211d;background:transparent}
@media (max-width:380px){.sa-cut-box{padding:22px 14px 10px}.sa-cut-kicker{font-size:19px}.sa-cut-name{font-size:14px}.sa-cut-price b{font-size:18px}}
@media (prefers-reduced-motion:reduce){.sa-cut,.sa-cut-box{transition:none}.sa-cut-heart,.sa-cut-go{animation:none}}
.sa-cut button:focus{outline:none}
.sa-cut button:focus-visible{outline:3px solid #f2b7aa;outline-offset:2px}

/* 2026-10-30: "Open in browser" hint inside the Facebook / Instagram app (payment step). */
.sa-inapp-hint{margin:0 0 14px;padding:12px 14px;border:1px solid #eadbd3;border-radius:14px;background:#fff8f3;text-align:left}
.sa-inapp-hint.is-hot{border-color:#dc7370;background:#fff1ec;box-shadow:0 6px 18px rgba(220,115,112,.18)}
.sa-inapp-t{margin:0 0 10px;font-size:13.5px;line-height:1.45;color:#5d4c45}
.sa-inapp-btn{display:block;width:100%;min-height:44px;padding:10px 14px;border:1.5px solid #dc7370;border-radius:12px;background:#fff;color:#c95c59;font:inherit;font-size:15px;font-weight:700;cursor:pointer;box-shadow:none}
.sa-inapp-btn:disabled{opacity:.6}
.sa-inapp-msg{margin:8px 0 0;font-size:13px;line-height:1.45;color:#5d4c45;overflow-wrap:anywhere}
/* 2026-10-30 v2: by default only a small text link under the pay buttons. */
.sa-inapp-hint.is-quiet{margin:10px 0 2px;padding:0;border:0;background:none;box-shadow:none;text-align:center}
.sa-inapp-hint.is-quiet .sa-inapp-t{display:none}
.sa-inapp-hint.is-quiet .sa-inapp-btn{display:inline;width:auto;min-height:0;padding:6px 4px;border:0;background:none;color:#8a7a72;font-size:13.5px;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.sa-inapp-hint.is-hot{margin:12px 0}
/* 2026-10-30: an Extra Verse that is already added stays visible on the song page (with its price), so the
   total is never higher than what the customer can see, and it can be removed there. */
#saPackages .sa-add-verse:has(input:checked){display:block !important}

/* 2026-11-04: one look for every "pay" button: the same green as the Unlock button on the page, thin white lock
   (no emoji). The chosen delivery is green too, as on the page. */
.sa-cut-opt[aria-checked="true"]{border-color:#2e8b57;background:#f2faf5;box-shadow:0 6px 18px rgba(31,110,67,.14)}
.sa-cut-opt[aria-checked="true"] .sa-cut-dot{border:6px solid #2e8b57}
.sa-cut-opt[aria-checked="true"] .sa-cut-price b{color:#1f6e43}
.sa-cut-name em{color:#2e8b57}
.sa-cut-go{background:linear-gradient(180deg,#2e8b57,#1f6e43);border-radius:999px;box-shadow:0 14px 30px rgba(31,110,67,.30);animation:saCutGlowG 2.4s ease-in-out infinite}
@keyframes saCutGlowG{0%,100%{box-shadow:0 12px 26px rgba(31,110,67,.28)}50%{box-shadow:0 12px 34px rgba(31,110,67,.48)}}
.sa-cut-go:focus{outline:none}
.sa-cut button.sa-cut-go:focus-visible{outline:3px solid rgba(46,139,87,.45);outline-offset:3px}

/* 2026-11-04: pay buttons are soft rectangles (16px corners), not pills. */
.sa-cut-go,.sa-packages .sa-pk-cta,.sa-personal-preview .sa-preview-endcard .sa-endcard-button{border-radius:16px}

/* 2026-11-04 (v4.1): whole-song bar — the preview is its start, the rest is drawn locked. */
.sa-pv-bar{position:relative;display:flex;align-items:center}
.sa-pv-bar input{flex:1 1 auto}
.sa-preview-player.sa-pv-full .sa-pv-bar input{flex:0 0 var(--sa-pv-share,32%);width:var(--sa-pv-share,32%)!important;min-width:0}
.sa-pv-rest{position:relative;flex:1 1 auto;height:6px;margin:12px 0;border-radius:0 99px 99px 0;background:repeating-linear-gradient(135deg,#efe6df 0 5px,#e3d6cd 5px 10px)}
.sa-pv-rest[hidden]{display:none}
.sa-pv-lk{position:absolute;left:0;top:50%;transform:translate(-50%,-50%);z-index:2;width:20px;height:20px;border-radius:50%;background:#fff;border:1.5px solid #d9c6bb;display:grid;place-items:center;color:#9a8378;box-sizing:border-box;font-style:normal}
.sa-pv-row{display:flex;justify-content:space-between;align-items:center;gap:8px}
.sa-pv-row .sa-preview-time{margin-top:0}
.sa-pv-lock-t{font-style:normal;font-size:12px;font-weight:700;color:#9a6b5f;white-space:nowrap}
.sa-pv-lock-t[hidden],.sa-pv-left[hidden],.sa-pv-limit-msg[hidden]{display:none}
.sa-pv-left{margin:6px 0 0;font-size:12px;color:#8a7a72}
.sa-pv-limit-msg{flex:0 0 100%;box-sizing:border-box;margin:12px 0 0;padding:12px 14px;border-radius:14px;background:#fff;border:1px dashed #e3b8a8;text-align:center}
.sa-pv-limit-msg b{display:block;margin:0 0 4px;font:600 16px/1.35 var(--serif,"Playfair Display",Georgia,serif);color:#26211d}
.sa-pv-limit-msg span{display:block;font-size:13px;line-height:1.45;color:#7a6a62}
.sa-personal-preview .sa-preview-player.sa-pv-limit .sa-preview-play{background:#cdbdb5;box-shadow:none}
.sa-preview-player.sa-pv-limit .sa-preview-play svg{display:none}
.sa-preview-player.sa-pv-limit .sa-preview-play::after{content:"";width:22px;height:22px;background:no-repeat center/contain url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.6'%3E%3Crect x='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E")}
.sa-preview-player.sa-pv-limit .sa-pv-bar input{visibility:hidden}
/* v4.1: "We'll sing: Name · Edit" above the preview button + same-name check */
.sa-sing-chip{margin:6px 0 10px;font-size:15px;color:#5a4e46;text-align:center}
.sa-sing-chip[hidden],.sa-name-check[hidden]{display:none}
.sa-sing-chip b{font-size:17px;color:#26211d;margin-left:2px}
.sa-sing-chip a{color:#b95854;font-weight:700;font-size:14px}
.sa-name-check{margin:6px 0 12px;padding:14px;border-radius:16px;background:#fff7e8;border:1.5px solid #f0c98a;text-align:left}
.sa-name-check p{margin:0 0 10px;font-size:15px;line-height:1.45;color:#26211d}
.sa-name-check-row{display:flex;gap:8px}
.sa-personal-preview .sa-name-check-row button{flex:1;width:auto;padding:11px 8px;border-radius:12px;font:700 14px/1.2 inherit;border:1.5px solid #d87872;background:#fff;color:#b95854;box-shadow:none}
.sa-personal-preview .sa-name-check-row .sa-nc-yes{background:#d87872;color:#fff}

/* 2026-11-05 (v4.8): several previews → the selected one is green (chip + player frame). */
.sa-preview-versions .sa-version-list button.sa-ver-sel{background:#2e8b57!important;border-color:#2e8b57!important;color:#fff!important;font-weight:700}
#saPersonalPreview .sa-preview-player.sa-pv-picked,.sa-preview-player.sa-pv-picked{border:2px solid #2e8b57!important;box-shadow:0 0 0 4px rgba(46,139,87,.13),0 12px 26px rgba(31,110,67,.10)!important}
.sa-preview-player.sa-pv-picked::before{content:"✓ " attr(data-ver);flex:0 0 100%;order:-1;margin:-4px 0 2px;font:700 12.5px/1.3 "DM Sans",Arial,sans-serif;letter-spacing:.3px;color:#2e8b57}