/* Only the draft's direct preview alternate template loads these rules. */
.ww-direct-preview-page{scroll-padding-bottom:var(--ww-preview-bottom-space,90px);background:#f4edf8}
.ww-direct-preview-page body{padding-bottom:var(--ww-preview-bottom-space,90px)!important;background:#f4edf8!important}
.ww-direct-preview{width:100%;max-width:none;background:#f4edf8}
.ww-preview-intro{margin:0;background:#f4edf8;padding:18px 24px 0;color:#655374}
.ww-preview-intro p{max-width:1000px;margin:0 auto;padding:10px 16px;box-sizing:border-box;border:1px solid #decbea;border-radius:10px;background:rgba(255,255,255,.28);font-size:13px;line-height:1.55;text-align:center}
.ww-preview-intro strong{color:#7433aa;font-weight:600}
.ww-frame-status{font:14px/1.5 Arial,sans-serif;padding:24px;text-align:center;color:#715780}
.ww-frame-status[hidden]{display:none!important}
.ww-direct-preview-page .bottom-progress-bar{bottom:0!important;height:auto!important;min-height:0!important;box-sizing:border-box;padding:10px 24px calc(10px + env(safe-area-inset-bottom))!important}
.ww-direct-preview-page .bottom-progress-bar .progress-container{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;width:100%;height:auto!important;min-height:0!important;box-sizing:border-box;align-items:center;gap:20px}
.ww-direct-preview-page .bottom-progress-bar .steps{display:none!important}
.ww-preview-selection{margin:0;flex:1;display:flex;align-items:center;gap:14px;color:#352343;line-height:1.3;cursor:default}
.ww-preview-selection[hidden]{display:none}
.ww-preview-selection::before{content:"";display:block;width:25px;height:31px;flex-shrink:0;border:1.5px solid #a84dee;border-radius:3px 6px 6px 3px;background:linear-gradient(90deg,#dec6f6 0 5px,#f5ebff 5px);box-shadow:2px 2px 0 #eee1f9}
.ww-preview-selection-details{display:flex;flex-direction:column;gap:3px}
.ww-preview-selection-caption{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:#887596}
.ww-preview-selection-format{font-size:16px;font-weight:650}
.ww-preview-selection-price{margin-left:4px;padding:7px 11px;border-radius:8px;background:#f4eafa;color:#8734bf;font-size:14px;font-weight:600;white-space:nowrap}
.ww-direct-preview-page .bottom-progress-bar .continue-btn{white-space:nowrap;min-height:48px}
.ww-direct-preview-page .bottom-progress-bar .continue-btn{background:#fff!important;color:#9740ce!important;border:1px solid #d7adef!important;border-radius:4px;padding:12px 22px;flex-shrink:0}
.ww-preview-checkout{display:flex;align-items:center;justify-content:center;gap:8px;background:#c569ff;color:white;border:0;border-radius:4px;padding:14px 28px;font-family:inherit;font-size:14px;font-weight:600;line-height:1.25;min-height:52px;cursor:pointer;white-space:nowrap;transition:background .2s ease}
.ww-preview-checkout:hover:not(:disabled){background:#ae4ce8}
.ww-preview-checkout:disabled{opacity:.6;cursor:not-allowed}
.ww-preview-checkout:focus-visible{outline:2px solid #8734bf;outline-offset:3px}
.ww-checkout-icon{width:20px;height:16px;border:1.5px solid currentColor;border-radius:3px;position:relative;box-sizing:border-box}
.ww-checkout-icon::before{content:"";position:absolute;top:3px;left:0;right:0;border-top:2px solid currentColor}
.ww-checkout-icon::after{content:"✓";position:absolute;right:-6px;bottom:-7px;background:#c569ff;border-radius:50%;font-size:12px;font-weight:700;padding:0 2px}
@media(max-width:760px){.ww-direct-preview-page .bottom-progress-bar .progress-container{gap:8px}.ww-direct-preview-page .bottom-progress-bar .continue-btn{flex:1;min-width:0;width:auto!important;white-space:normal;font-size:12px;padding:10px;min-height:52px}.ww-preview-checkout{flex:1;min-width:0;padding:12px 10px;font-size:13px}}
@media(max-width:760px){.ww-preview-intro{padding:14px 20px 0}.ww-preview-intro p{font-size:12px;text-align:left}.ww-preview-intro strong{display:block;margin-bottom:3px}.ww-direct-preview-page .bottom-progress-bar{padding:8px 16px calc(8px + env(safe-area-inset-bottom))!important}.ww-direct-preview-page .bottom-progress-bar .ww-preview-selection{display:none}.ww-direct-preview-page .bottom-progress-bar .continue-btn{width:100%}}

/* This isolated flow uses the existing cart; no direct-checkout action. */
.ww-direct-preview-page .bottom-progress-bar .continue-btn{background:#9529f4!important;color:#fff!important;border-color:#9529f4!important;min-width:220px}
@media(max-width:760px){.ww-direct-preview-page .bottom-progress-bar .continue-btn{width:100%!important;min-width:0;flex:1}}

/* Clear Add to cart action and immediate request feedback, new preview only. */
.ww-direct-preview-page .bottom-progress-bar .continue-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:14px 28px;font-size:18px!important;font-weight:500!important;line-height:1.3;letter-spacing:0;border-radius:10px;box-shadow:0 4px 12px #9529f426;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}
.ww-direct-preview-page .bottom-progress-bar .continue-btn::before{content:"";display:block;width:22px;height:22px;flex:0 0 22px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22black%22%20stroke-width%3D%221.8%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20d%3D%22M5%207h14l1%2014H4L5%207Z%22%2F%3E%3Cpath%20d%3D%22M9%209V6a3%203%200%200%201%206%200v3%22%2F%3E%3C%2Fsvg%3E") center/contain no-repeat}
.ww-direct-preview-page .bottom-progress-bar .continue-btn:hover:not(:disabled):not([aria-busy="true"]){background:#8120da!important;box-shadow:0 6px 16px #9529f438}
.ww-direct-preview-page .bottom-progress-bar .continue-btn:focus-visible{outline:3px solid #c998ff;outline-offset:3px}
.ww-direct-preview-page .bottom-progress-bar .continue-btn[data-ww-cart-state]{font-size:0!important;gap:10px}
.ww-direct-preview-page .bottom-progress-bar .continue-btn[data-ww-cart-state]>*{display:none!important}
.ww-direct-preview-page .bottom-progress-bar .continue-btn[data-ww-cart-state]::after{content:attr(data-ww-cart-label);font-size:18px;font-weight:500;line-height:1.3}
.ww-direct-preview-page .bottom-progress-bar .continue-btn[data-ww-cart-state="adding"]{cursor:wait!important;background:#8120da!important;box-shadow:none;opacity:1!important}
.ww-direct-preview-page .bottom-progress-bar .continue-btn[data-ww-cart-state="adding"]::before{mask:none;background:transparent;border:2px solid #ffffff65;border-top-color:#fff;border-radius:50%;box-sizing:border-box;animation:ww-cart-spin .7s linear infinite}
.ww-cart-feedback{margin:7px 0 0;text-align:center;color:#654979;font-family:inherit;font-size:12px;font-weight:500;line-height:1.4}
.ww-cart-feedback:empty{display:none}
@keyframes ww-cart-spin{to{transform:rotate(360deg)}}
@media(max-width:760px){.ww-direct-preview-page .bottom-progress-bar .continue-btn{font-size:16px!important;min-height:54px;padding:13px 16px;gap:9px}.ww-direct-preview-page .bottom-progress-bar .continue-btn[data-ww-cart-state]{font-size:0!important}.ww-direct-preview-page .bottom-progress-bar .continue-btn[data-ww-cart-state]::after{font-size:16px}}
@media(prefers-reduced-motion:reduce){.ww-direct-preview-page .bottom-progress-bar .continue-btn{transition:none}.ww-direct-preview-page .bottom-progress-bar .continue-btn[data-ww-cart-state="adding"]::before{animation:none}}

/* Compact desktop cart bar; retain the mobile touch-target layout. */
@media(min-width:761px){
 .ww-direct-preview-page .bottom-progress-bar{padding:10px 24px calc(10px + env(safe-area-inset-bottom))!important}
 .ww-direct-preview-page .bottom-progress-bar .progress-container{gap:16px}
 .ww-direct-preview-page .bottom-progress-bar .continue-btn{min-width:180px;min-height:44px;padding:10px 20px;font-size:15px!important;gap:8px;border-radius:8px}
 .ww-direct-preview-page .bottom-progress-bar .continue-btn::before{width:18px;height:18px;flex-basis:18px}
 .ww-direct-preview-page .bottom-progress-bar .continue-btn[data-ww-cart-state]{font-size:0!important;gap:8px}
 .ww-direct-preview-page .bottom-progress-bar .continue-btn[data-ww-cart-state]::after{font-size:15px}
 .ww-preview-selection{gap:10px}
 .ww-preview-selection::before{width:20px;height:25px}
 .ww-preview-selection-details{gap:1px}
 .ww-preview-selection-caption{font-size:10px}
 .ww-preview-selection-format{font-size:14px}
 .ww-preview-selection-price{margin-left:2px;padding:5px 8px;font-size:12px;border-radius:6px}
}