/* Solé — flash sale campaign */
.sole-cmp-bar{position:relative;z-index:60;background:#0E0D0B;color:#F3E3BF;overflow:hidden;font-family:var(--mono)}
.sole-cmp-bar::before{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(217,190,140,.22) 50%,transparent 70%);background-size:250% 100%;animation:soleSheen 4.5s ease-in-out infinite;pointer-events:none}
.sole-cmp-bar__in{position:relative;display:flex;align-items:center;justify-content:center;gap:clamp(12px,2vw,28px);padding:10px var(--px,20px);min-height:48px;flex-wrap:wrap;animation:soleDrop .9s cubic-bezier(.2,.7,0,1) both}
.sole-cmp-bar__badge{font:600 11px var(--mono);letter-spacing:.14em;color:#0E0D0B;background:linear-gradient(135deg,#F3E3BF,#C9A35C 55%,#F3E3BF);padding:4px 9px;border-radius:999px;animation:solePulse 2.4s ease-in-out infinite}
.sole-cmp-bar__text{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#EEEBE5;text-align:center;text-wrap:balance}
.sole-cmp-bar__time{display:flex;align-items:center;gap:10px}
.sole-cmp-bar__ends{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#9A978F}
.sole-cmp-bar__cta{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#0E0D0B;background:#F3E3BF;padding:8px 14px;text-decoration:none;transition:background .3s,transform .3s}
.sole-cmp-bar__cta:hover{background:#fff;color:#0E0D0B;transform:translateX(3px)}
@media (max-width:700px){.sole-cmp-bar__text{flex-basis:100%;font-size:10px}.sole-cmp-bar__in{gap:10px 14px;padding:10px 16px}}

/* Clock */
.sole-clock{display:inline-flex;align-items:baseline;gap:4px;font-family:var(--mono);font-variant-numeric:tabular-nums}
.sole-clock__u{display:inline-flex;align-items:baseline;gap:2px}
.sole-clock__n{display:inline-block;min-width:2ch;font-size:15px;font-weight:500;color:#F3E3BF;overflow:hidden}
.sole-clock__n.is-tick{animation:soleTickIn .45s cubic-bezier(.2,.7,0,1)}
.sole-clock small{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:#9A978F}
.sole-clock__sep{color:#6B6862;animation:soleBlink 1s steps(2) infinite}
.sole-clock--lg .sole-clock__n{font-size:26px;color:#141414}
.sole-clock--lg .sole-clock__sep{color:#C9A35C}
.sole-clock--sm .sole-clock__n{font-size:13px;color:var(--ink,#141414)}

/* Popup */
.sole-cmp-pop{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:16px}
.sole-cmp-pop[hidden]{display:none}
.sole-cmp-pop__veil{position:absolute;inset:0;background:rgba(14,13,11,.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .6s}
.sole-cmp-pop__card{position:relative;width:min(500px,100%);max-height:calc(100dvh - 32px);display:flex;flex-direction:column;background:#fff;box-shadow:0 50px 100px -30px rgba(0,0,0,.55);opacity:0;transform:translateY(40px) scale(.92) rotateX(8deg);transform-origin:50% 100%;transition:opacity .6s,transform .9s cubic-bezier(.2,.9,.1,1.15)}
.sole-cmp-pop.is-open .sole-cmp-pop__veil{opacity:1}
.sole-cmp-pop.is-open .sole-cmp-pop__card{opacity:1;transform:none}
.sole-cmp-pop.is-closing .sole-cmp-pop__veil{opacity:0}
.sole-cmp-pop.is-closing .sole-cmp-pop__card{opacity:0;transform:translateY(20px) scale(.96);transition-duration:.35s}
.sole-cmp-pop__img{position:relative;display:block;overflow:hidden;min-height:0;flex:1 1 auto}
.sole-cmp-pop__img img{display:block;width:100%;height:100%;max-height:calc(100dvh - 140px);object-fit:contain;background:#F7F2EA;transition:transform 1.2s cubic-bezier(.2,.7,0,1)}
.sole-cmp-pop__img:hover img{transform:scale(1.03)}
.sole-cmp-pop__shine{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.55) 50%,transparent 65%);background-size:300% 100%;background-position:150% 0;pointer-events:none}
.sole-cmp-pop.is-open .sole-cmp-pop__shine{animation:soleShine 1.6s .7s cubic-bezier(.4,0,.2,1) both,soleShine 1.6s 6s cubic-bezier(.4,0,.2,1) infinite}
.sole-cmp-pop__x{position:absolute;top:12px;right:12px;z-index:2;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.92);color:#141414;font-size:22px;line-height:1;cursor:pointer;box-shadow:0 6px 20px -8px rgba(0,0,0,.4);transition:transform .3s}
.sole-cmp-pop__x:hover{transform:rotate(90deg)}
.sole-cmp-pop__foot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-top:1px solid #EFEDE9;flex-wrap:wrap}
.sole-cmp-pop__left{display:flex;flex-direction:column;gap:2px}
.sole-cmp-pop__label{font:400 10px var(--mono);letter-spacing:.22em;text-transform:uppercase;color:#6B6862}
.sole-cmp-pop__btn{display:inline-flex;align-items:center;gap:10px;height:50px;padding:0 24px;background:#0E0D0B;color:#F3E3BF;font:400 12px var(--mono);letter-spacing:.22em;text-transform:uppercase;text-decoration:none;position:relative;overflow:hidden;transition:color .3s}
.sole-cmp-pop__btn::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#F3E3BF,#C9A35C);transform:translateY(101%);transition:transform .5s cubic-bezier(.2,.7,0,1)}
.sole-cmp-pop__btn:hover{color:#0E0D0B}
.sole-cmp-pop__btn:hover::before{transform:none}
.sole-cmp-pop__btn>*{position:relative}
.sole-cmp-pop__btn{isolation:isolate}
.sole-cmp-pop__btn::before{z-index:-1}

/* Product page note */
.sole-cmp-note{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin:4px 0 18px;padding:12px 14px;border:1px solid #E6D8BC;background:#FBF7EF;font:400 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#6B5532}
.sole-cmp-note__dot{width:8px;height:8px;border-radius:50%;background:#C9A35C;animation:solePulse 1.6s ease-in-out infinite}
.sole-cmp-note .sole-clock{margin-left:auto}

/* Confetti */
.sole-confetti{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:10060}

body.has-sole-cmp .ap-badge--sale,body.has-sole-cmp .onsale{background:#0E0D0B;color:#F3E3BF}

@keyframes soleSheen{0%{background-position:150% 0}60%,100%{background-position:-50% 0}}
@keyframes soleShine{from{background-position:150% 0}to{background-position:-50% 0}}
@keyframes soleDrop{from{opacity:0;transform:translateY(-100%)}}
@keyframes solePulse{50%{transform:scale(1.08);box-shadow:0 0 0 6px rgba(201,163,92,.15)}}
@keyframes soleTickIn{from{transform:translateY(-60%);opacity:0}}
@keyframes soleBlink{50%{opacity:.25}}
@media (prefers-reduced-motion:reduce){.sole-cmp-bar::before,.sole-cmp-bar__badge,.sole-clock__sep,.sole-cmp-note__dot{animation:none}.sole-cmp-pop__card{transition:opacity .3s}}