.cp-loy{padding:clamp(64px,9vw,112px) 0;background:var(--cp-gray-05, #fafafa)}.cp-loy__container{display:flex;flex-direction:column;gap:clamp(40px,6vw,64px)}.cp-loy__hero{text-align:center;max-width:540px;margin:0 auto}.cp-loy__eyebrow{font-size:.68rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--cp-accent, #ff6f00);margin:0 0 16px}.cp-loy__title{font-size:clamp(2.2rem,5vw,3.2rem);font-weight:800;letter-spacing:-.04em;line-height:1.08;color:var(--cp-black, #18181b);margin:0 0 18px}.cp-loy__subtitle{font-size:1.05rem;line-height:1.65;color:var(--cp-gray-50, #71717a);margin:0}.cp-loy__body{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:860px){.cp-loy__body{grid-template-columns:360px 1fr;align-items:start;gap:24px}.cp-loy__card{grid-column:1;grid-row:1 / 3}.cp-loy__redeem{grid-column:2;grid-row:1}.cp-loy__earn{grid-column:2;grid-row:2}.cp-loy__steps{grid-column:1 / -1}}.cp-loy__card{background:var(--cp-navy, #120a00);border-radius:20px;padding:clamp(28px,4vw,38px);color:#fff;display:flex;flex-direction:column;gap:28px;position:relative;overflow:hidden;box-shadow:0 24px 60px #120a004d,0 4px 16px #120a0029}.cp-loy__card:before{content:"";position:absolute;top:-60px;right:-60px;width:220px;height:220px;background:radial-gradient(circle,rgba(255,111,0,.16) 0%,transparent 70%);pointer-events:none}.cp-loy__card-top{display:flex;justify-content:space-between;align-items:flex-start}.cp-loy__card-label{font-size:.68rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ffffff73;margin:0 0 12px}.cp-loy__card-icon{color:var(--cp-accent, #ff6f00);flex-shrink:0;margin-top:2px;opacity:.9}.cp-loy__counter{display:flex;align-items:baseline;gap:8px}.cp-loy__counter-num{font-size:clamp(3.2rem,9vw,4.8rem);font-weight:800;letter-spacing:-.05em;line-height:1;color:#fff}.cp-loy__counter-unit{font-size:1rem;font-weight:600;letter-spacing:.06em;color:#fff6}.cp-loy__progress-track{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden;margin-bottom:10px}.cp-loy__progress-fill{height:100%;width:100%;background:linear-gradient(90deg,var(--cp-accent, #ff6f00) 0%,#ffb347 100%);border-radius:2px;transform:scaleX(calc(var(--loy-pct, 0) / 100));transform-origin:left center;transition:transform 1.3s cubic-bezier(.23,1,.32,1) .55s;will-change:transform}@media(prefers-reduced-motion:no-preference)and (scripting:enabled){.cp-loy__card:not(.cp-visible) .cp-loy__progress-fill{transform:scaleX(0)!important;transition:none!important}}.cp-loy__progress-meta{display:flex;justify-content:space-between;font-size:.74rem;font-weight:500;color:#fff6}.cp-loy__card-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:6px;border-top:1px solid rgba(255,255,255,.08)}.cp-loy__card-name{font-size:.88rem;font-weight:600;color:#ffffffbf}.cp-loy__card-badge{font-size:.62rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--cp-accent, #ff6f00);background:#ff6f001f;border:1px solid rgba(255,111,0,.22);padding:4px 12px;border-radius:100px}.cp-loy__redeem{background:#ff6f000f;border:1px solid rgba(255,111,0,.2);border-radius:14px;padding:22px 24px;display:flex;flex-direction:column;gap:12px}.cp-loy__redeem-header{display:flex;align-items:center;gap:10px;color:var(--cp-accent, #ff6f00);font-size:.94rem}.cp-loy__redeem-text{font-size:.88rem;line-height:1.6;color:var(--cp-gray-70, #3f3f46);margin:0}.cp-loy__redeem-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;background:var(--cp-accent, #ff6f00);color:#fff;font-size:.88rem;font-weight:700;text-decoration:none;padding:11px 22px;border-radius:100px;transition:background .18s cubic-bezier(.23,1,.32,1),transform .18s cubic-bezier(.23,1,.32,1),box-shadow .18s cubic-bezier(.23,1,.32,1)}.cp-loy__redeem-btn:hover{background:var(--cp-accent-dark, #e65f00);transform:translateY(-2px);box-shadow:0 8px 24px #ff6f004d}.cp-loy__redeem-btn:active{transform:scale(.97)}.cp-loy__earn-title{font-size:1.1rem;font-weight:700;letter-spacing:-.02em;color:var(--cp-black, #18181b);margin:0 0 16px}.cp-loy__earn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:540px){.cp-loy__earn-grid{grid-template-columns:1fr}}.cp-loy__earn-item{background:#fff;border:1px solid var(--cp-gray-10, #e4e4e7);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px;transition:border-color .2s,box-shadow .2s}.cp-loy__earn-item:hover{border-color:#ff6f0047;box-shadow:0 4px 16px #ff6f0014}.cp-loy__earn-icon{width:40px;height:40px;background:#ff6f0014;border-radius:10px;display:grid;place-items:center;color:var(--cp-accent, #ff6f00)}.cp-loy__earn-pts{font-size:1.3rem;font-weight:800;letter-spacing:-.02em;color:var(--cp-accent, #ff6f00)}.cp-loy__earn-label{font-size:.84rem;font-weight:700;color:var(--cp-black, #18181b)}.cp-loy__earn-desc{font-size:.77rem;line-height:1.55;color:var(--cp-gray-50, #71717a)}.cp-loy__steps{background:#fff;border:1px solid var(--cp-gray-10, #e4e4e7);border-radius:16px;padding:clamp(24px,3vw,36px)}.cp-loy__steps-title{font-size:1.1rem;font-weight:700;letter-spacing:-.02em;color:var(--cp-black, #18181b);margin:0 0 24px}.cp-loy__steps-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:20px}.cp-loy__steps-list li{display:flex;flex-direction:row;gap:16px;align-items:flex-start;padding-bottom:20px;border-bottom:1px solid var(--cp-gray-10, #e4e4e7)}.cp-loy__steps-list li:last-child{padding-bottom:0;border-bottom:none}.cp-loy__steps-n{width:28px;height:28px;flex-shrink:0;background:var(--cp-navy, #120a00);color:#fff;font-size:.78rem;font-weight:800;border-radius:50%;display:grid;place-items:center;margin-top:1px}.cp-loy__steps-list li div{display:flex;flex-direction:column;gap:4px}.cp-loy__steps-list li strong{font-size:.9rem;font-weight:700;color:var(--cp-black, #18181b)}.cp-loy__steps-list li span{font-size:.82rem;line-height:1.55;color:var(--cp-gray-50, #71717a)}@media(min-width:680px){.cp-loy__steps-list{flex-direction:row;gap:0}.cp-loy__steps-list li{flex:1;flex-direction:column;padding-bottom:0;border-bottom:none;padding-right:28px}.cp-loy__steps-list li+li{padding-right:0;padding-left:28px;border-left:1px solid var(--cp-gray-10, #e4e4e7)}}.cp-loy__guest{display:flex;flex-direction:column;align-items:center;gap:48px}.cp-loy__guest-card{background:var(--cp-navy, #120a00);color:#fff;border-radius:20px;padding:clamp(36px,5vw,56px) clamp(28px,4vw,48px);text-align:center;max-width:500px;width:100%;display:flex;flex-direction:column;align-items:center;gap:18px;box-shadow:0 20px 56px #120a0047;position:relative;overflow:hidden}.cp-loy__guest-card:before{content:"";position:absolute;top:-40px;right:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,111,0,.14) 0%,transparent 70%);pointer-events:none}.cp-loy__guest-star{color:var(--cp-accent, #ff6f00)}.cp-loy__guest-title{font-size:clamp(1.6rem,4vw,2.2rem);font-weight:800;letter-spacing:-.03em;line-height:1.1;margin:0}.cp-loy__guest-text{font-size:.95rem;line-height:1.65;color:#ffffff8c;margin:0;max-width:360px}.cp-loy__guest-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:4px}.cp-loy__btn{display:inline-flex;align-items:center;font-size:.9rem;font-weight:700;padding:11px 24px;border-radius:100px;text-decoration:none;transition:background .18s cubic-bezier(.23,1,.32,1),transform .18s cubic-bezier(.23,1,.32,1),box-shadow .18s cubic-bezier(.23,1,.32,1)}.cp-loy__btn:active{transform:scale(.97)}.cp-loy__btn--primary{background:var(--cp-accent, #ff6f00);color:#fff}.cp-loy__btn--primary:hover{background:var(--cp-accent-dark, #e65f00);transform:translateY(-2px);box-shadow:0 8px 24px #ff6f0052}.cp-loy__btn--ghost{background:#ffffff14;color:#ffffffa6;border:1px solid rgba(255,255,255,.12)}.cp-loy__btn--ghost:hover{background:#ffffff24;transform:translateY(-1px)}.cp-loy__guest-perks{width:100%;max-width:600px}.cp-loy__guest-perks .cp-loy__earn-item{text-align:center;align-items:center}.cp-loy__guest-perks .cp-loy__earn-desc{display:none}@media(prefers-reduced-motion:reduce){.cp-loy__progress-fill,.cp-loy__redeem-btn,.cp-loy__btn,.cp-loy__earn-item{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/compiled_assets/styles.css.map */