.loyalty-card{padding:32px;border:1px solid #c8ad774d;border-radius:14px;background:linear-gradient(120deg,#c8ad770e,transparent);margin:0 0 28px;text-align:left}
.account-welcome+.loyalty-card{margin-top:0}.loyalty-card .eyebrow{color:var(--gold)}
.loyalty-intro{display:flex;justify-content:space-between;align-items:center;gap:28px}.loyalty-intro h2{font:600 clamp(23px,2.2vw,32px)/1.4 var(--sans);letter-spacing:-.5px;margin:12px 0}.loyalty-intro p{color:#acb09e;font-size:13px;line-height:1.8;margin:0;max-width:520px}
.loyalty-percent{text-align:center;min-width:112px}.loyalty-percent strong{display:block;font:600 54px/1.2 var(--sans);color:var(--gold);letter-spacing:-2px}.loyalty-percent span{font-size:12px;color:#b6b8ab}
.loyalty-progress{margin:26px 0}.loyalty-progress>div{display:flex;justify-content:space-between;gap:15px;font-size:13px}.loyalty-progress progress{display:block;appearance:none;border:0;width:100%;height:6px;margin:14px 0;background:#ffffff10;border-radius:8px;overflow:hidden}.loyalty-progress progress::-webkit-progress-bar{background:#ffffff10}.loyalty-progress progress::-webkit-progress-value{background:var(--gold);border-radius:8px}.loyalty-progress progress::-moz-progress-bar{background:var(--gold)}.loyalty-progress p{font-size:12px;color:#b6b8ab;margin:0}
.loyalty-tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;margin:28px 0 20px;padding:0}.loyalty-tiers li{position:relative;border:1px solid var(--line);border-radius:9px;padding:22px;display:flex;flex-direction:column;align-items:flex-start}.loyalty-tiers li.current{border-color:var(--gold);background:#c8ad7710}.loyalty-tier-number{font-size:10px;color:#a5aa98;letter-spacing:2px;margin-bottom:14px}.loyalty-tiers li>strong{font-size:16px}.loyalty-tiers li>b{font:500 35px/1.4 var(--sans);color:var(--gold);margin:10px 0 4px}.loyalty-tiers li>small{color:#a5aa98;font-size:12px}.loyalty-current{font-size:9px;color:var(--gold);position:absolute;top:22px;right:20px}.loyalty-terms{font-size:11px;line-height:1.9;color:#939b89;margin:0;max-width:950px}
.loyalty-price-summary>div{display:flex;justify-content:space-between;gap:20px}.loyalty-price-summary>div:not(.cart-total){font-size:13px;margin:12px 0}.loyalty-saving{color:var(--gold)}.loyalty-price-summary .cart-total{margin-top:15px}.checkout-form .loyalty-price-summary .cart-total{padding:14px 0}.cart-loyalty-note{font-size:11px;line-height:1.8;color:#a5b398;margin:15px 0}
.loyalty-history{margin-top:32px;border:1px solid var(--line);border-radius:12px;padding:28px}.loyalty-history header{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.loyalty-history h2{font:600 22px var(--sans);letter-spacing:0;margin:0}.loyalty-history header>span,.loyalty-history>p{font-size:12px;color:#a5aa98}.loyalty-history article{border-top:1px solid var(--line);padding:18px 0;display:flex;justify-content:space-between;gap:16px;font-size:12px}.loyalty-history article>div:last-child{text-align:right}.loyalty-history small{display:block;margin-top:5px;font-size:10px;color:#a5aa98}.loyalty-history article>span{color:var(--gold)}
@media(max-width:700px){.loyalty-card{padding:22px}.loyalty-intro{gap:15px;align-items:flex-start}.loyalty-intro h2{font-size:21px}.loyalty-intro p{font-size:12px}.loyalty-percent{min-width:65px}.loyalty-percent strong{font-size:36px}.loyalty-percent span{font-size:10px}.loyalty-tiers{grid-template-columns:1fr;gap:10px}.loyalty-tiers li{display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:18px}.loyalty-tier-number{margin:0}.loyalty-tiers li>strong{grid-column:1;font-size:15px}.loyalty-tiers li>b{grid-column:2;grid-row:1/4;margin:0;align-self:center;font-size:31px}.loyalty-tiers li>small{grid-column:1}.loyalty-current{position:static;grid-column:1}.loyalty-progress>div{font-size:12px}.loyalty-history{padding:20px}.loyalty-history header{flex-wrap:wrap}.loyalty-history article{flex-wrap:wrap;font-size:11px}.loyalty-history article>div:last-child{margin-left:auto}}

.loyalty-tiers li.legendary{border-color:#c8ad7780;background:radial-gradient(ellipse at top right,#c8ad7725,transparent 75%)}.loyalty-tiers li.legendary>b{color:#eed6a5}.loyalty-tiers li.legendary.current{box-shadow:0 0 24px #c8ad7712;border-color:#eed6a5}
@media(min-width:701px) and (max-width:1150px){.loyalty-tiers{grid-template-columns:repeat(2,1fr)}}