/* Preserve the original empty-cart styling; these rules target filled carts only. */
#pwe-drawer .pwe-title-dot{display:none}
#pwe-drawer{top:var(--pwc-header-bottom,0px);height:calc(100dvh - var(--pwc-header-bottom,0px));max-height:calc(100dvh - var(--pwc-header-bottom,0px))}
#pwe-drawer::backdrop{background:linear-gradient(to bottom,transparent 0 var(--pwc-header-bottom,0px),#18101e55 var(--pwc-header-bottom,0px) 100%)}
#pwe-drawer .pwe-drawer-content:has(.pwc){padding-bottom:4px}
.pwc-page:has(.pwc){padding-bottom:4px}
.pwc .pwc-item img{background:transparent}
.pwc .pwc-payments{display:block;width:100%;max-width:520px;height:auto;max-height:none;margin:-4px auto -4px!important;object-fit:contain;vertical-align:middle}
.pwc .pwc-checkout{margin-bottom:0!important}
.pwc .pwc-free{color:#12813c!important;text-transform:uppercase}
.pwc .pwc-reward{grid-template-columns:30px 52px minmax(0,1fr) auto;gap:8px;padding:13px 12px;border-color:#e5d4f2;background:#fff;box-shadow:0 3px 12px #32125505}
.pwc .pwc-reward:before{display:none}
.pwc .pwc-reward small{grid-column:auto;white-space:nowrap;color:#12813c;font-size:12px;background:#edf9f1;border-radius:20px;padding:4px 7px}
.pwc .pwc-reward-name{font-size:14px;line-height:1.35;overflow-wrap:normal}
.pwc .pwc-reward.is-reached{border-color:#7acb98;background:#f3fcf6}
.pwc .pwc-track{grid-column:1/-1;height:7px;margin-top:3px;border-radius:99px;overflow:hidden;background:#e9f1ec;display:block}
.pwc .pwc-track>span{display:block;width:var(--progress);height:100%;background:linear-gradient(90deg,#44bd76,#159447);border-radius:inherit;animation:pwc-fill .6s ease-out both}
.pwc .pwc-rewards h3{color:#64536f;font-weight:600;font-size:14px;letter-spacing:.08em}
.pwc .pwc-emoji,#pwe-drawer .pwc .pwc-emoji{font-family:'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji',sans-serif!important;font-size:24px!important;line-height:1!important;display:grid;place-items:center;width:30px;height:30px}
.pwc .pwc-emoji img{width:24px!important;height:24px!important;margin:0!important}
#pwe-drawer .pwe-close{position:relative;display:block!important;flex:0 0 44px!important;width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;padding:0!important;border-radius:50%!important;font-size:0!important;line-height:0!important;box-sizing:border-box!important}
#pwe-drawer .pwe-close:before,#pwe-drawer .pwe-close:after{content:'';position:absolute;left:50%;top:50%;width:18px;height:2px;border-radius:2px;background:#4d0094;transform:translate(-50%,-50%) rotate(45deg)}
#pwe-drawer .pwe-close:after{transform:translate(-50%,-50%) rotate(-45deg)}
@keyframes pwc-fill{from{width:0}to{width:var(--progress)}}
@media(max-width:380px){.pwc .pwc-reward{grid-template-columns:28px 48px minmax(0,1fr);gap:6px}.pwc .pwc-reward small{grid-column:2/-1;justify-self:start}.pwc .pwc-track{grid-column:1/-1}}
@media(prefers-reduced-motion:reduce){.pwc .pwc-track>span{animation:none!important}}

/* Dedicated cart page: clearer reward hierarchy and one-time milestone light. */
.pwc-page{box-sizing:border-box;width:var(--pwc-page-width,100%);max-width:none!important;margin-left:var(--pwc-page-offset,0px)!important;margin-right:0!important;border-radius:0;padding-left:clamp(16px,4vw,64px);padding-right:clamp(16px,4vw,64px)}
.pwc .pwc-payments{position:relative;top:-10px;margin-bottom:-14px!important;pointer-events:none}
.pwc-page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}
.pwc-page-heading h1{margin:0;font-weight:750;letter-spacing:-.035em}
.pwc-back,#pwe-drawer .pwe-close{position:relative;flex:0 0 40px;width:40px;height:40px;border:1px solid #080808!important;border-radius:50%;background:transparent!important}
.pwc-back:before,.pwc-back:after{content:'';position:absolute;top:50%;left:50%;height:2px;width:17px;background:#080808;transform:translate(-50%,-50%) rotate(45deg);border-radius:2px}
.pwc-back:after{transform:translate(-50%,-50%) rotate(-45deg)}
#pwe-drawer .pwe-close:before,#pwe-drawer .pwe-close:after{background:#080808}
.pwc .pwc-reward{border-radius:15px;padding:15px 13px;transition:border-color .3s,box-shadow .3s}
.pwc .pwc-reward strong{font-size:15px;font-weight:800;letter-spacing:-.035em}
.pwc .pwc-reward-name{font-size:15px;font-weight:700;letter-spacing:-.025em;color:#23172c}
.pwc .pwc-reward small{font-weight:700;letter-spacing:-.015em}
.pwc .pwc-rewards h3{font-weight:750;font-size:14px;letter-spacing:.1em;color:#4d2b69}
.pwc .pwc-reward.is-reached{box-shadow:0 3px 16px #138a4812;animation:pwc-achieved .7s ease-out}
.pwc .pwc-reward.is-reached:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 20%,#b16bff12 38%,#ffffffaa 48%,#65e7b522 58%,transparent 75%);transform:translateX(110%);animation:pwc-holo 1.1s ease-out both}
@keyframes pwc-holo{from{transform:translateX(-110%)}to{transform:translateX(110%)}}
/* Compact full-width cart, without shrinking touch targets or body text. */
.pwc-page{padding-top:18px}
.pwc-page-heading{margin-bottom:8px}
.pwc-page-heading h1{font-size:27px}
.pwc .pwc-rewards{padding:10px 0}
.pwc .pwc-reward{padding:10px 12px;margin:6px 0}
.pwc .pwc-rewards h3{margin-bottom:8px}
.pwc .pwc-item{padding:12px 0;grid-template-columns:68px minmax(0,1fr)}
.pwc .pwc-item img{width:68px;height:78px}
.pwc .pwc-coupon{padding:12px 0}
.pwc .pwc-totals{padding:10px 0}
.pwc .pwc-total{margin-top:6px;padding-top:10px!important}
.pwc a.pwc-checkout{padding:13px 16px}
.pwc .pwc-payments{width:95%;max-width:494px;top:-22px;margin-bottom:-26px!important}
@keyframes pwc-achieved{from{box-shadow:0 0 0 3px #22a45b30}to{box-shadow:0 3px 16px #138a4812}}
@media(prefers-reduced-motion:reduce){.pwc .pwc-reward,.pwc .pwc-reward:after{animation:none!important;transition:none!important}}
