/* Younique Dermal v1.9.8 — Embedded Stripe Payment Element + checkout field consistency */
.checkout-grid label,
.checkout-saved-address label,
.checkout-billing-fields label{min-width:0}
.checkout-grid input,
.checkout-grid select,
.checkout-billing-fields input,
.checkout-billing-fields select,
.checkout-saved-address select{
  width:100%;min-height:46px;box-sizing:border-box;border:1px solid #dfc887;border-radius:10px;background:#fff;color:#20161a;padding:10px 38px 10px 12px;font:inherit;line-height:1.25;appearance:none;-webkit-appearance:none;
}
.checkout-grid select,
.checkout-billing-fields select,
.checkout-saved-address select{
  background-image:linear-gradient(45deg,transparent 50%,#842c4b 50%),linear-gradient(135deg,#842c4b 50%,transparent 50%);
  background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;cursor:pointer;
}
.checkout-grid input:focus,
.checkout-grid select:focus,
.checkout-billing-fields input:focus,
.checkout-billing-fields select:focus,
.checkout-saved-address select:focus{outline:0;border-color:#842c4b;box-shadow:0 0 0 3px rgba(132,44,75,.10)}
.stripe-payment-shell{margin-top:16px;padding:18px;border:1px solid #eadde1;border-radius:14px;background:#fffafb}
.stripe-payment-shell[hidden]{display:none!important}
.stripe-embedded-head{display:flex;flex-direction:column;gap:3px;margin-bottom:14px}
.stripe-embedded-head b{font-size:15px;color:#2e2026}
.stripe-embedded-head span{font-size:12px;color:#786269}
#stripe-payment-element{min-height:80px}
.stripe-payment-message{min-height:0;margin-top:10px;font-size:13px;color:#786269}
.stripe-payment-message.has-error{padding:10px 12px;border:1px solid #e8b7bd;border-radius:9px;background:#fff2f3;color:#9b1c31}
#checkout-submit[disabled]{opacity:.66;cursor:not-allowed}
@media(max-width:720px){
  .stripe-payment-shell{padding:14px}
  .checkout-grid input,.checkout-grid select,.checkout-billing-fields input,.checkout-billing-fields select,.checkout-saved-address select{min-height:48px;font-size:16px}
}

/* Younique Dermal v1.9.9 — payment processing feedback + duplicate-click lock */
.yd-checkout-submit{display:flex!important;align-items:center;justify-content:center;gap:10px;min-height:48px;position:relative}
.yd-pay-spinner{display:none;width:17px;height:17px;border:2px solid rgba(255,255,255,.42);border-top-color:#fff;border-radius:50%;flex:0 0 17px}
.yd-checkout-submit.is-processing .yd-pay-spinner{display:inline-block;animation:yd-pay-spin .75s linear infinite}
.yd-checkout-processing-note{display:flex;align-items:flex-start;gap:9px;margin:10px 0 2px;padding:10px 12px;border:1px solid #eadde1;border-radius:9px;background:#fffafb;color:#5f4b53;font-size:12px;line-height:1.45}
.yd-checkout-processing-note[hidden]{display:none!important}
.yd-processing-dot{width:8px;height:8px;margin-top:4px;border-radius:50%;background:#842c4b;box-shadow:0 0 0 0 rgba(132,44,75,.28);animation:yd-processing-pulse 1.25s ease-out infinite;flex:0 0 8px}
@keyframes yd-pay-spin{to{transform:rotate(360deg)}}
@keyframes yd-processing-pulse{0%{box-shadow:0 0 0 0 rgba(132,44,75,.28)}70%{box-shadow:0 0 0 7px rgba(132,44,75,0)}100%{box-shadow:0 0 0 0 rgba(132,44,75,0)}}
@media (prefers-reduced-motion:reduce){.yd-pay-spinner,.yd-processing-dot{animation:none!important}}