/* 2026-10-21: SongAngels quiz v2 — pills (one screen per step) in the site style. Steps 1-4 only. */
.quiz-step .choice-grid.sa-pills{display:flex !important;flex-wrap:wrap;gap:10px;grid-template-columns:none}
.quiz-step .choice-grid.sa-pills>label{margin:0;flex:0 0 auto}
.quiz-step .choice-grid.sa-pills>label[hidden]{display:none !important}
.quiz-step .choice-grid.sa-pills input{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}
.quiz-step .choice-grid.sa-pills span{display:inline-flex !important;align-items:center;gap:7px;min-height:46px;padding:11px 18px !important;border:1.5px solid var(--line,#e7ddd3) !important;border-radius:999px !important;background:#fff !important;color:var(--ink,#26211d) !important;font-size:15.5px !important;font-weight:600 !important;line-height:1.2 !important;letter-spacing:0 !important;box-shadow:0 2px 6px rgba(54,36,25,.04) !important;cursor:pointer;transition:background .15s,border-color .15s,color .15s,transform .1s,box-shadow .15s;-webkit-tap-highlight-color:transparent;user-select:none}
.quiz-step .choice-grid.sa-pills span i{font-style:normal;font-size:16px;line-height:1}
.quiz-step .choice-grid.sa-pills label:hover span{border-color:#d9bfb5 !important}
.quiz-step .choice-grid.sa-pills label:active span{transform:scale(.97)}
.quiz-step .choice-grid.sa-pills input:checked+span{background:var(--ink,#26211d) !important;border-color:var(--ink,#26211d) !important;color:#fff !important;box-shadow:0 8px 18px rgba(38,33,29,.22) !important}
.quiz-step .choice-grid.sa-pills input:focus-visible+span{outline:3px solid rgba(216,120,114,.45);outline-offset:2px}
.quiz-step.sa-q .sa-q-label{margin:26px 0 12px !important;font-size:14px !important;font-weight:700;color:#5c5149;letter-spacing:.1px}
.quiz-step.sa-q .quiz-subtitle+.sa-q-label{margin-top:18px !important}
.quiz-step.sa-q .choice-grid.sa-pills+.field,.quiz-step.sa-q .choice-grid.sa-pills+.conditional-field{margin-top:16px}
.quiz-step.sa-q .sa-q-namefield{margin:22px 0 4px}
.sa-q-addpron{display:inline-block;margin:2px 0 4px;padding:6px 0;border:0;background:none;color:var(--rose-dark,#b95854);font-weight:700;font-size:14.5px;cursor:pointer}
.sa-q-addpron[hidden],.sa-q-pron[hidden]{display:none !important}
.sa-q-pron{margin-top:6px}
.quiz-step.sa-q h2 .sa-q-name{color:var(--rose-dark,#b95854);font-style:italic}
.quiz-step.sa-q .field>span .sa-q-name{color:inherit;font-style:normal}
.sa-q-hint{display:block;margin-top:2px;color:#8a7a72;font-size:12.5px;line-height:1.45}
.sa-q-opt{font-style:normal;font-weight:500;color:#9a8d86}
.quiz-step.sa-q textarea{min-height:120px}
.sa-q-summary{margin:22px 0 0;padding:14px 16px;border-radius:16px;background:linear-gradient(180deg,#fff7f3,#fbeee9);border:1px solid #efd3cb;color:#5c3d39;font-size:15px;font-weight:600;line-height:1.45;text-align:center;animation:saQIn .35s ease-out}
.sa-q-summary[hidden]{display:none}
@keyframes saQIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:640px){
  .quiz-step.sa-q h2{font-size:34px !important;margin-bottom:18px !important}
  .quiz-step .choice-grid.sa-pills{gap:9px}
  .quiz-step .choice-grid.sa-pills span{min-height:44px;padding:10px 16px !important;font-size:15px !important}
  .quiz-step.sa-q textarea{min-height:130px}
}
@media (prefers-reduced-motion:reduce){.sa-q-summary{animation:none}}
/* "Other" text fields: show only when "Other" is picked (the .field display rule used to override [hidden]). */
.quiz-step .conditional-field[hidden]{display:none !important}

/* 2026-10-21: "Skip the preview" is a small text link under the main button (was a second big button with "— or —") */
.sa-personal-preview .sa-skip-preview{margin:12px 0 2px;text-align:center;font-size:13.5px;color:var(--muted,#786f67)}
.sa-personal-preview .sa-skip-preview .sa-skip-or,.sa-personal-preview .sa-skip-preview small{display:none !important}
.sa-personal-preview .sa-skip-preview .sa-skip-button.sa-skip-link{display:inline !important;width:auto !important;min-height:0 !important;padding:0 !important;margin:0 !important;border:0 !important;border-radius:0 !important;background:none !important;box-shadow:none !important;color:var(--rose-dark,#b95854) !important;font:inherit !important;font-weight:700 !important;text-decoration:underline;text-underline-offset:3px;cursor:pointer}

/* 2026-10-22: compact checkout. Order Summary card, "Review or edit order / Delivered by" and "Edit details & package"
   are removed (the "Your gift · price" bar above Apple Pay shows the package and total; the countdown shows the delivery time).
   The big guarantee card is replaced by a compact guarantee right under Apple Pay / PayPal. */
#embeddedCheckoutSection .sa-order-context,#embeddedCheckoutSection #backToSong,#embeddedCheckoutSection .sa-moneyback{display:none !important}
#embeddedCheckoutSection .sa-order-details-card .sa-checkout-heading,
#embeddedCheckoutSection .sa-order-details-card .sa-checkout-product-row,
#embeddedCheckoutSection .sa-order-details-card .sa-item-lyrics,
#embeddedCheckoutSection .sa-order-details-card .sa-summary-priority,
#embeddedCheckoutSection .sa-order-details-card .sa-checkout-price-wrap{display:none !important}
body.sa-onepage #embeddedCheckoutSection .sa-order-details-card{display:none !important}
.sa-paybar{display:flex !important;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-guarantee{display:flex;align-items:center;gap:12px;margin:14px 0 0;padding:12px 14px;border-radius:14px;background:#eef6f0;border:1px solid #cfe5d6;text-align:left}
.sa-guarantee svg{flex:none;width:30px;height:30px;color:#2e7d4f}
.sa-guarantee p{margin:0;font-size:13.5px;line-height:1.4;color:#3f5a47}
.sa-guarantee strong{display:block;font-size:14.5px;color:#235c3a}