/* AVA Core — The LOVE CLUB (Lane E, 28 Sep 2026).
   Rewards page 1:14763 (1440) / 1:16035 (375), account Rewards 1:28629, checkout loyalty row (1:28723 card).
   Every number is the Figma MCP value of the section's node (qa/laneE/rewards-spec.md). Line heights are the
   frame's rounded text-box heights per line, so every section lands on the frame's height. Figma's inside strokes
   take no layout space: cards draw them as inset shadows / ::after overlays. Classes: avr- (page), ava-club- (account,
   checkout). ≥768 keeps the 1440 composition (fluid), ≤767 is the 375 frame (D34 visibility, D31 desktop copy). */

.avr {
	--avr-red: #FF4438; --avr-ink: #151515; --avr-muted: #6B685E; --avr-cream: #EDEBE1; --avr-line: #DCD8CA;
	--avr-black: #0E0E0E; --avr-tan: #AD8C5C; --avr-navy: #193E81;
	--avr-pad: max(100px, calc((100% - 1240px) / 2));   /* D39: 100 inside the centred 1280 box */
	--avr-pad80: max(80px, calc((100% - 1280px) / 2));
	font-family: Krub, sans-serif; color: var(--avr-ink); -webkit-font-smoothing: antialiased;
}
/* The Elementor header/footer template wraps the_content in Astra's 1320 / 20px .ast-container: the page is full bleed. */
body.ava-rewards-page .site-content > .ast-container { max-width: none; padding-left: 0; padding-right: 0; }
.avr *, .avr *::before, .avr *::after { box-sizing: border-box; }
.avr p, .avr h1, .avr h2, .avr h3, .avr ul, .avr ol, .avr li { margin: 0; padding: 0; }
.avr ul, .avr ol { list-style: none; }
.avr h1, .avr h2, .avr h3 { font-family: Krub, sans-serif; text-transform: none; letter-spacing: 0; color: inherit; }
.avr a { text-decoration: none; }
.avr svg { display: block; flex: 0 0 auto; }
.avr .avr-m-only { display: none; }
.avr img.avr-hero__rings-m { display: none; }

/* shared */
.avr-sec { display: flex; flex-direction: column; align-items: center; gap: 28px; padding: 72px var(--avr-pad); }
.avr-head { display: flex; flex-direction: column; align-items: center; gap: 10px; text-align: center; width: 100%; }
.avr .avr-eyebrow { font: 600 12px/14px Krub, sans-serif; letter-spacing: 1.44px; text-transform: uppercase; color: var(--avr-red); white-space: nowrap; }
.avr .avr-h2 { font: 700 32px/35px Krub, sans-serif; letter-spacing: -.32px; color: var(--avr-ink); white-space: nowrap; }
.avr .avr-lead { font: 400 16px/25px Krub, sans-serif; color: var(--avr-muted); white-space: nowrap; }
.avr-stroke { position: relative; }
.avr-stroke::after { content: ""; position: absolute; inset: 0; border: 1px solid var(--avr-line); border-radius: inherit; pointer-events: none; z-index: 2; }
.avr-num { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; border-radius: 50%; background: var(--avr-red); color: #fff; font-weight: 700; }

/* buttons (inside strokes as inset shadows so the frame heights hold) */
.avr .avr-btn { display: inline-flex; align-items: center; justify-content: center; border: 0; border-radius: 3px; font: 600 15px/15px Krub, sans-serif; letter-spacing: .3px; text-transform: uppercase; white-space: nowrap; cursor: pointer; text-shadow: none; box-shadow: none; min-height: 0; transition: background-color .15s ease, color .15s ease, box-shadow .15s ease; }
.avr .avr-btn--red { background: var(--avr-red); color: #fff; padding: 17px 34px; }
.avr .avr-btn--red:hover, .avr .avr-btn--red:focus-visible { background: var(--avr-ink); color: #fff; }
.avr .avr-btn--outline-w { background: transparent; color: #fff; padding: 17px 28px; box-shadow: inset 0 0 0 1.5px #fff; }
.avr .avr-btn--outline-w:hover, .avr .avr-btn--outline-w:focus-visible { background: #fff; color: var(--avr-ink); }
.avr .avr-btn--outline { background: transparent; color: var(--avr-ink); padding: 14px 28px; font-size: 13px; line-height: 13px; letter-spacing: .26px; box-shadow: inset 0 0 0 1.4px var(--avr-ink); }
.avr .avr-btn--outline:hover, .avr .avr-btn--outline:focus-visible { background: var(--avr-ink); color: #fff; }
.avr .avr-btn--white { background: #fff; color: var(--avr-ink); padding: 16px 32px; font-size: 14px; line-height: 14px; letter-spacing: .28px; }
.avr .avr-btn--white:hover, .avr .avr-btn--white:focus-visible { background: var(--avr-red); color: #fff; }
.avr .avr-btn--black { background: var(--avr-ink); color: #fff; padding: 17px 30px; }
.avr .avr-btn--black:hover, .avr .avr-btn--black:focus-visible { background: var(--avr-red); color: #fff; }
.avr .avr-btn--sm { padding: 12px 22px; font-size: 13px; line-height: 13px; letter-spacing: .26px; }
.avr .avr-btn:focus-visible, .avr button:focus-visible, .avr [tabindex]:focus-visible { outline: 2px solid var(--avr-ink); outline-offset: 2px; }
.avr .avr-hero .avr-btn:focus-visible, .avr .avr-ch .avr-btn:focus-visible, .avr .avr-cap .avr-btn:focus-visible { outline-color: #fff; }

/* A — hero 1:14809: 533 */
.avr-hero { position: relative; overflow: hidden; background: var(--avr-black); display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 22px; padding: 88px var(--avr-pad); }
.avr-hero > :not(img) { position: relative; z-index: 1; }
.avr img.avr-hero__rings { position: absolute; left: calc(50% + 356px); top: -60px; width: 479.57px; height: 858.01px; max-width: none; z-index: 0; pointer-events: none; }
.avr .avr-hero__eyebrow { display: flex; align-items: center; gap: 8px; height: 16px; font: 600 13px/16px Krub, sans-serif; letter-spacing: 1.56px; text-transform: uppercase; color: var(--avr-red); white-space: nowrap; }
.avr-hero__eyebrow svg { width: 17.36px; height: 12.69px; }
.avr .avr-hero__wordmark { display: flex; align-items: center; gap: 18px; font: 700 62px/68px Krub, sans-serif; letter-spacing: 1.24px; color: #fff; white-space: nowrap; }
.avr-hero__wordmark .is-red { color: var(--avr-red); }
.avr-hero__wordmark span { margin-right: -1.24px; } /* CSS tracks after the last glyph too; Figma's text boxes do not */
.avr-hero__wordmark .avr-heart { width: 42px; height: 40.37px; }
.avr .avr-hero__body { max-width: 603px; font: 400 16px/25px Krub, sans-serif; color: var(--avr-cream); }
.avr-hero__ctas { display: flex; align-items: center; gap: 14px; padding-top: 6px; }
.avr .avr-hero__fine { font: 400 13px/20px Krub, sans-serif; color: var(--avr-cream); white-space: nowrap; }
.avr .avr-hero__chips { display: flex; flex-wrap: wrap; gap: 10px; padding-top: 8px; }
.avr .avr-hero__chips li { padding: 9px 16px; border-radius: 20px; box-shadow: inset 0 0 0 1px #fff; font: 600 12px/12px Krub, sans-serif; letter-spacing: .24px; color: #fff; white-space: nowrap; }

/* B — what is 1:14834: 495 */
.avr-what { background: var(--avr-cream); gap: 32px; }
.avr-what .avr-lead { max-width: 924px; white-space: normal; font-size: 16px; line-height: 26px; }
.avr-pillars { display: flex; gap: 24px; width: 100%; }
.avr-pillar { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 16px; padding: 32px; background: #fff; border-radius: 12px; box-shadow: inset 0 0 0 1px var(--avr-line); }
.avr-pillar.avr-stroke::after { display: none; }
.avr-pillar__ic { width: 30px; height: 30px; }
.avr-pillar__c { display: flex; flex-direction: column; gap: 16px; }
.avr .avr-pillar__t { font: 700 22px/26px Krub, sans-serif; color: var(--avr-ink); }
.avr .avr-pillar__b { min-height: 46px; font: 400 15px/23px Krub, sans-serif; color: var(--avr-muted); }

/* C — how points work 1:14856: 515 */
.avr-how { background: #fff; }
.avr-panels { display: flex; gap: 24px; width: 100%; text-align: center; }
.avr-panel { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 40px; background: var(--avr-cream); border-radius: 12px; }
.avr .avr-panel__v { font: 700 52px/57px Krub, sans-serif; letter-spacing: -.52px; color: var(--avr-ink); white-space: nowrap; }
.avr .avr-panel__b { width: 326px; max-width: 100%; min-height: 48px; font: 400 16px/24px Krub, sans-serif; color: var(--avr-muted); }
.avr-panel--redeem .avr-panel__b { width: 368px; }

/* D — tiers 1:14871: 521 */
.avr-tiers { background: var(--avr-cream); }
.avr-tiers__row { display: flex; align-items: flex-end; gap: 20px; width: 100%; }
.avr-tier { position: relative; flex: 1 1 0; min-width: 0; height: 290px; display: flex; flex-direction: column; background: #fff; border-radius: 12px; overflow: hidden; }
.avr-tier__strip { display: flex; align-items: flex-start; justify-content: space-between; padding: 20px 24px; color: #fff; }
.avr-tier--bronze .avr-tier__strip { background: var(--avr-tan); }
.avr-tier--silver .avr-tier__strip { background: var(--avr-navy); }
.avr-tier--gold .avr-tier__strip { background: var(--avr-red); }
.avr-tier--platinum .avr-tier__strip { background: #151515; } /* PDF p.9 / p.19: Platinum is the black card */
.avr-tier--platinum .avr-tier__badge { color: #151515; }
.ava-club-acct__plat { display: inline-block; margin-left: 8px; font-weight: 600; }
.avr-tier__sc { display: flex; flex-direction: column; gap: 4px; min-width: 0; }
.avr .avr-tier__name { font: 700 24px/29px Krub, sans-serif; color: #fff; }
.avr .avr-tier__sub { font: 400 12px/18px Krub, sans-serif; color: var(--avr-cream); }
.avr-tier__badge { flex: 0 0 auto; padding: 4px 8px; border-radius: 3px; background: #fff; color: var(--avr-red); font: 600 9px/11px Krub, sans-serif; letter-spacing: .72px; text-transform: uppercase; white-space: nowrap; }
.avr-tier__mult-m { display: none; }
.avr-tier__body { display: flex; flex-direction: column; gap: 14px; padding: 22px 24px 24px; }
.avr .avr-tier__m { display: flex; align-items: baseline; gap: 8px; white-space: nowrap; }
.avr-tier__m strong { font: 700 30px/33px Krub, sans-serif; letter-spacing: -.3px; color: var(--avr-ink); }
.avr-tier__m span { font: 400 13px/20px Krub, sans-serif; color: var(--avr-muted); }
.avr .avr-tier__perks { display: flex; flex-direction: column; gap: 10px; }
.avr .avr-tier__perks li { display: flex; align-items: flex-start; gap: 10px; font: 400 14px/19px Krub, sans-serif; color: var(--avr-ink); }
.avr-tier__perks svg { width: 16px; height: 16px; }
.avr-tier.is-current::after { content: ""; position: absolute; inset: 0; border-radius: inherit; box-shadow: inset 0 0 0 2px var(--avr-ink); pointer-events: none; }
.avr .avr-tiers__note { display: none; }

/* J — experiences & perks 1:14947: 851 */
.avr-exp { background: #fff; }
.avr-exp__track { display: flex; flex-wrap: wrap; gap: 20px; width: 100%; }
.avr-exp__tile { flex: 0 0 calc((100% - 40px) / 3); height: 300px; display: flex; flex-direction: column; background: #fff; border-radius: 12px; overflow: hidden; }
.avr-exp__img { flex: 0 0 160px; height: 160px; background: var(--avr-red); overflow: hidden; }
.avr-exp__img img { display: block; width: 100%; height: 100%; object-fit: cover; }
.avr-exp__info { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; gap: 8px; padding: 20px 24px; }
.avr .avr-exp__t { font: 700 19px/23px Krub, sans-serif; color: var(--avr-ink); }
.avr .avr-exp__b { font: 400 14px/20px Krub, sans-serif; color: var(--avr-muted); }
.avr-dots { display: none; }

/* E — 30-day challenge 1:14982: 645 */
.avr-ch { background: var(--avr-black); }
.avr-ch .avr-h2 { font-size: 34px; line-height: 37px; letter-spacing: -.34px; color: #fff; }
.avr-ch .avr-lead { color: var(--avr-cream); }
.avr-ch__steps { display: flex; gap: 20px; width: 100%; }
.avr .avr-ch__step { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 14px; padding: 28px; background: #fff; border-radius: 12px; }
.avr-ch__step .avr-num { width: 44px; height: 44px; font: 700 18px/22px Krub, sans-serif; }
.avr-ch__c { display: flex; flex-direction: column; gap: 14px; }
.avr .avr-ch__t { font: 700 19px/23px Krub, sans-serif; color: var(--avr-ink); }
.avr .avr-ch__b { min-height: 42px; font: 400 14px/21px Krub, sans-serif; color: var(--avr-ink); }
.avr-ch__reward { display: flex; align-items: center; gap: 20px; width: 100%; padding: 24px 32px; background: var(--avr-red); border-radius: 12px; }
.avr-ch__gift { width: 34px; height: 34px; }
.avr .avr-ch__reward p { flex: 1 1 0; font: 400 18px/26px Krub, sans-serif; color: #fff; }

/* H — badges 1:15009: 819 */
.avr-badges { background: var(--avr-cream); }
.avr-badges__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; width: 100%; }
.avr .avr-badge { display: flex; flex-direction: column; align-items: center; gap: 12px; padding: 24px 20px; background: #fff; border-radius: 12px; box-shadow: inset 0 0 0 1px var(--avr-line); text-align: center; color: var(--avr-red); }
.avr-badge__med { display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; border-radius: 50%; background: var(--avr-cream); box-shadow: inset 0 0 0 1.5px var(--avr-line); }
.avr-badge__ic { width: 30px; height: 30px; }
.avr-badge__name { font: 600 14px/22px Krub, sans-serif; color: var(--avr-ink); }
.avr-badge__rule { font: 400 11px/17px Krub, sans-serif; color: var(--avr-muted); }
.avr .avr-badge.is-earned { background: var(--avr-red); box-shadow: none; }
.avr-badge.is-earned .avr-badge__med { background: #fff; box-shadow: inset 0 0 0 1.5px #fff; }
.avr-badge.is-earned .avr-badge__name { color: #fff; }
.avr-badge.is-earned .avr-badge__rule { color: var(--avr-cream); }

/* K — referral 1:15092: 545 */
.avr-ref { background: #fff; }
.avr-ref__track { display: flex; width: 100%; }
.avr .avr-ref__m { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; align-items: center; gap: 14px; text-align: center; }
.avr-ref__nr { display: flex; align-items: center; width: 100%; }
.avr-ref__rail { flex: 1 1 0; height: 3px; background: var(--avr-red); }
.avr-ref__m.is-first .avr-ref__rail:first-child, .avr-ref__m.is-last .avr-ref__rail:last-child { opacity: 0; }
.avr-ref__dot { display: flex; align-items: center; justify-content: center; flex: 0 0 60px; width: 60px; height: 60px; border-radius: 50%; background: var(--avr-ink); color: #fff; font: 700 22px/26px Krub, sans-serif; }
.avr-ref__m.is-on .avr-ref__dot { background: var(--avr-red); }
.avr-ref__c { display: flex; flex-direction: column; gap: 14px; width: 100%; }
.avr-ref__label { font: 600 11px/13px Krub, sans-serif; letter-spacing: .88px; text-transform: uppercase; color: var(--avr-muted); }
.avr-ref__title { font: 700 16px/20px Krub, sans-serif; color: var(--avr-ink); }
.avr-ref__body { font: 400 12px/17px Krub, sans-serif; color: var(--avr-muted); }
.avr-ref__share { display: flex; align-items: center; gap: 8px; width: 520px; max-width: 100%; padding: 8px 8px 8px 18px; background: var(--avr-cream); border-radius: 8px; box-shadow: inset 0 0 0 .5px var(--avr-ink); }
.avr .avr-ref__link { flex: 1 1 0; min-width: 0; font: 400 14px/22px Krub, sans-serif; color: var(--avr-muted); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.avr .avr-ref__cta-m { display: none; }
.avr .avr-ref__fine { font: 400 12px/18px Krub, sans-serif; color: var(--avr-muted); white-space: nowrap; text-align: center; }

/* L — how to join 1:15139: 479 */
.avr-join { background: var(--avr-cream); }
.avr-join__steps { display: flex; align-items: stretch; gap: 24px; width: 100%; }
.avr .avr-join__step { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 12px; padding: 28px; background: #fff; border-radius: 12px; box-shadow: inset 0 0 0 1px var(--avr-line); }
.avr-join__step.avr-stroke::after { display: none; }
.avr-join__step .avr-num { width: 40px; height: 40px; font: 700 17px/22px Krub, sans-serif; }
.avr-join__c { display: flex; flex-direction: column; gap: 12px; }
.avr .avr-join__t { font: 700 18px/22px Krub, sans-serif; color: var(--avr-ink); }
.avr .avr-join__b { min-height: 42px; font: 400 14px/21px Krub, sans-serif; color: var(--avr-muted); }
.avr .avr-trust { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 12px; }
.avr .avr-trust__chip { display: flex; align-items: center; gap: 8px; padding: 10px 16px; border-radius: 20px; background: #fff; box-shadow: inset 0 0 0 1px var(--avr-line); font: 600 12px/12px Krub, sans-serif; letter-spacing: .24px; color: var(--avr-ink); white-space: nowrap; }
.avr-trust__ck { width: 16px; height: 16px; }
.avr-trust__dot { display: none; }

/* 15 — FAQ 1:15180: 857 */
.avr-faq { position: relative; overflow: hidden; display: flex; align-items: flex-start; gap: 64px; padding: 96px var(--avr-pad80); background: #fff; }
.avr img.avr-faq__contour { position: absolute; left: -293px; top: -232px; width: 585.02px; height: 1216.91px; max-width: none; pointer-events: none; }
.avr-faq__l { position: relative; flex: 0 0 380px; display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.avr .avr-faq__eyebrow { font: 600 13px/16px Krub, sans-serif; letter-spacing: 1.56px; text-transform: uppercase; color: var(--avr-red); }
.avr .avr-faq__h { font: 700 36px/47px Krub, sans-serif; letter-spacing: -.36px; color: var(--avr-ink); }
.avr .avr-faq__body { font: 400 18px/28px Krub, sans-serif; color: var(--avr-muted); }
.avr-acc { position: relative; flex: 1 1 0; min-width: 0; background: var(--avr-cream); border-radius: 8px; overflow: hidden; }
.avr-acc::after { content: ""; position: absolute; inset: 0; border: 1px solid var(--avr-line); border-radius: inherit; pointer-events: none; z-index: 3; }
.avr-acc__item { position: relative; display: flex; flex-direction: column; padding: 24px 28px; background: var(--avr-cream); }
.avr-acc__item + .avr-acc__item::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px; background: #fff; }
.avr-acc__item.is-open::after { content: ""; position: absolute; inset: 0; border: 1px solid #fff; pointer-events: none; z-index: 2; }
.avr .avr-acc__q { margin: 0; font: inherit; }
.avr .avr-acc__q button, .avr .avr-acc__q button:hover, .avr .avr-acc__q button:focus { display: flex; align-items: center; justify-content: space-between; gap: 12px; width: 100%; margin: 0; padding: 0; border: 0; border-radius: 0; background: transparent; box-shadow: none; color: var(--avr-ink); font: 700 20px/24px Krub, sans-serif; letter-spacing: 0; text-transform: none; text-align: left; cursor: pointer; min-height: 0; }
.avr-acc__q svg { width: 22px; height: 22px; }
.avr-acc__minus { display: none !important; }
.avr-acc__item.is-open .avr-acc__minus { display: block !important; }
.avr-acc__item.is-open .avr-acc__plus { display: none !important; }
.avr-acc__a { padding-top: 14px; }
.avr-acc__a[hidden] { display: none; }
.avr .avr-acc__a p { max-width: 758px; font: 400 16px/25px Krub, sans-serif; color: var(--avr-muted); }

/* N — compliance 1:15236: 113 */
.avr-comp { display: flex; align-items: flex-start; gap: 14px; padding: 28px var(--avr-pad); background: var(--avr-cream); }
.avr-comp__ic { width: 22px; height: 22px; }
.avr .avr-comp p { flex: 1 1 0; font: 400 12px/19px Krub, sans-serif; color: var(--avr-muted); }

/* 16 — email / SMS capture 1:15240: 413 */
.avr-cap { position: relative; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 28px; padding: 88px var(--avr-pad80); background: var(--avr-black); text-align: center; }
.avr-cap > :not(img) { position: relative; z-index: 1; }
.avr img.avr-cap__rings { position: absolute; width: 479.57px; height: 858.01px; max-width: none; pointer-events: none; }
.avr img.avr-cap__rings--a { left: calc(50% + 468px); top: -470px; }
.avr img.avr-cap__rings--b { left: calc(50% - 971px); top: 36px; transform: rotate(180deg); }
.avr .avr-cap__pill { padding: 8px 14px; border-radius: 20px; background: #fff; color: var(--avr-black); font: 600 11px/13px Krub, sans-serif; letter-spacing: .88px; text-transform: uppercase; }
.avr .avr-cap__h { font: 700 36px/47px Krub, sans-serif; letter-spacing: -.36px; color: #fff; white-space: nowrap; }
.avr .avr-cap__b { font: 400 18px/28px Krub, sans-serif; color: var(--avr-cream); white-space: nowrap; }
.avr-cap__ctas { display: flex; justify-content: center; gap: 12px; }
.avr .avr-cap__join { width: 209px; height: 49px; padding: 0; }
.avr .avr-cap__signin { height: 49px; padding: 0 28px; font-size: 13px; line-height: 13px; letter-spacing: .26px; }

/* sticky join bar (mobile only) */
.avr-bar { display: none; }

/* ---------- laptop / tablet: the 1440 composition, fluid ---------- */
@media (max-width: 1439px) {
	.avr-tier { height: auto; min-height: 290px; }
	.avr-exp__tile { height: auto; min-height: 300px; }
}
@media (max-width: 1100px) {
	.avr { --avr-pad: 40px; --avr-pad80: 40px; }
	.avr .avr-h2, .avr .avr-lead, .avr .avr-cap__h, .avr .avr-cap__b, .avr .avr-ref__fine, .avr .avr-hero__fine { white-space: normal; }
	.avr .avr-panel__v { font-size: 44px; line-height: 48px; }
	.avr-faq { flex-direction: column; gap: 32px; }
	.avr-faq__l { flex-basis: auto; }
	.avr-acc { flex: none; width: 100%; }
	.avr img.avr-hero__rings { left: auto; right: -200px; opacity: .6; }
}
@media (min-width: 768px) and (max-width: 900px) {
	.avr .avr-hero__wordmark { font-size: 52px; line-height: 58px; gap: 14px; }
	.avr-tier__perks li, .avr .avr-ref__title { word-break: normal; }
	.avr .avr-panel { padding: 32px 24px; }
	.avr .avr-panel__v { font-size: 36px; line-height: 40px; }
}

/* ---------- mobile: frame 1:16035 ---------- */
@media (max-width: 767px) {
	.avr .avr-m-only { display: inline; }
	.avr .avr-d-only { display: none !important; }
	.avr-sec { align-items: stretch; gap: 16px; padding: 36px 18px; }
	.avr-head { gap: 4px; }
	.avr-head > * { align-self: stretch; }
	.avr-join .avr-head { gap: 16px; }
	.avr .avr-h2 { font-size: 22px; line-height: 26px; letter-spacing: 0; white-space: normal; }
	.avr .avr-lead { font-size: 14px; line-height: 21px; white-space: normal; }
	.avr .avr-eyebrow { white-space: normal; }
	.avr .avr-btn { width: 100%; }
	.avr-pillar, .avr-panel, .avr-tier, .avr .avr-ch__step, .avr .avr-join__step { flex: none; }

	/* A */
	.avr-hero { gap: 16px; padding: 48px 22px; justify-content: flex-start; }
	.avr img.avr-hero__rings { display: none; }
	.avr img.avr-hero__rings-m { display: block; position: absolute; left: 298px; top: -204px; width: 174px; height: 312px; max-width: none; z-index: 0; pointer-events: none; }
	.avr .avr-hero__wordmark { gap: 10px; font-size: 34px; line-height: 37px; letter-spacing: .68px; }
	.avr-hero__wordmark span { margin-right: -.68px; }
	.avr-hero__wordmark .avr-heart { width: 28.14px; height: 27.29px; }
	.avr .avr-hero__body { font-size: 15px; line-height: 23px; }
	.avr-hero__ctas { display: flex; flex-direction: column; align-items: stretch; gap: 16px; padding-top: 0; width: 100%; }
	.avr-hero__ctas .avr-btn { height: 46px; padding: 0; font-size: 14px; line-height: 14px; letter-spacing: .28px; }
	.avr .avr-hero__fine { width: 100%; font-size: 12px; line-height: 18px; opacity: .7; text-align: center; white-space: normal; }
	.avr .avr-hero__chips { justify-content: center; gap: 8px; width: 100%; padding-top: 0; }
	.avr .avr-hero__chips li { padding: 8px 14px; font-size: 11px; line-height: 11px; letter-spacing: .22px; }

	/* B */
	.avr-what { gap: 16px; }
	.avr-what .avr-head { align-items: stretch; text-align: left; gap: 16px; }
	.avr-what .avr-h2 { font-size: 24px; line-height: 29px; }
	.avr-what .avr-lead { font-size: 14px; line-height: 22px; }
	.avr-pillars { flex-direction: column; gap: 16px; }
	.avr-pillar { flex-direction: row; align-items: flex-start; gap: 14px; padding: 18px 20px; border-radius: 10px; }
	.avr-pillar__ic { width: 26px; height: 26px; }
	.avr-pillar__c { gap: 4px; flex: 1 1 0; min-width: 0; }
	.avr .avr-pillar__t { font-size: 17px; line-height: 20px; }
	.avr .avr-pillar__b { min-height: 0; font-size: 13px; line-height: 20px; }

	/* C */
	.avr-panels { flex-direction: column; gap: 16px; }
	.avr-panel { gap: 6px; padding: 28px 24px; }
	.avr-panel .avr-eyebrow { font-size: 11px; line-height: 13px; letter-spacing: 1.32px; }
	.avr .avr-panel__v { font-size: 36px; line-height: 40px; letter-spacing: -.36px; }
	.avr .avr-panel__b, .avr-panel--redeem .avr-panel__b { width: 100%; min-height: 0; font-size: 14px; line-height: 21px; }
	.avr-how .avr-btn--outline { height: 41px; padding: 0; }

	/* D */
	.avr-tiers__row { flex-direction: column; align-items: stretch; gap: 16px; }
	.avr-tier { height: auto; min-height: 0; }
	.avr-tier--bronze, .avr-tier--silver { box-shadow: none; }
	.avr-tier--bronze::before, .avr-tier--silver::before { content: ""; position: absolute; inset: 0; border: 1px solid var(--avr-line); border-radius: inherit; pointer-events: none; z-index: 2; }
	.avr-tier__strip { align-items: center; padding: 16px 20px; }
	.avr-tier--gold .avr-tier__strip, .avr-tier--platinum .avr-tier__strip { align-items: flex-start; }
	.avr-tier__sc { gap: 2px; flex: 1 1 0; }
	.avr .avr-tier__name { font-size: 20px; line-height: 24px; }
	.avr-tier__badge { padding: 3px 7px; font-size: 8px; line-height: 10px; letter-spacing: .64px; }
	.avr-tier__mult-m { display: block; font: 700 26px/29px Krub, sans-serif; letter-spacing: -.26px; color: #fff; white-space: nowrap; }
	.avr-tier__body { gap: 8px; padding: 16px 20px 18px; }
	.avr .avr-tier__perks { gap: 8px; }
	.avr .avr-tier__perks li { align-items: center; font-size: 14px; line-height: 22px; }
	.avr .avr-tiers__note { display: block; font: 400 11px/17px Krub, sans-serif; color: var(--avr-muted); text-align: center; }

	/* J */
	.avr-exp .avr-head { gap: 16px; }
	.avr-exp__track { flex-wrap: nowrap; gap: 12px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
	.avr-exp__track::-webkit-scrollbar { display: none; }
	.avr-exp__tile { flex: 0 0 280px; height: 282px; min-height: 0; border-radius: 14px; scroll-snap-align: start; }
	.avr-exp__img { flex-basis: 188px; height: 188px; }
	.avr-exp__info { flex: 0 0 94px; justify-content: flex-start; gap: 6px; padding: 14px 16px 16px; }
	.avr .avr-exp__t { font: 600 16px/20px Krub, sans-serif; }
	.avr .avr-exp__b { font-size: 13px; line-height: 19px; }
	.avr-dots { display: flex; align-items: center; justify-content: center; gap: 12px; height: 12px; }
	.avr-dots span { width: 8px; height: 8px; border-radius: 50%; background: #1E1E1E; }
	.avr-dots span.is-on { width: 12px; height: 12px; background: var(--avr-red); }

	/* E */
	.avr-ch { align-items: stretch; }
	.avr-ch .avr-head { gap: 16px; }
	.avr-ch .avr-eyebrow { font-size: 11px; line-height: 13px; letter-spacing: 1.32px; }
	.avr-ch .avr-h2 { font-size: 24px; line-height: 29px; letter-spacing: 0; }
	.avr-ch .avr-lead { font-size: 14px; line-height: 21px; }
	.avr-ch__steps { flex-direction: column; gap: 16px; }
	.avr .avr-ch__step { flex-direction: row; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 10px; }
	.avr-ch__step .avr-num { width: 36px; height: 36px; font-size: 16px; line-height: 20px; }
	.avr-ch__c { gap: 2px; flex: 1 1 0; min-width: 0; }
	.avr .avr-ch__t { font: 600 16px/25px Krub, sans-serif; }
	.avr .avr-ch__b { min-height: 0; font-size: 12px; line-height: 18px; }
	.avr-ch__reward { flex-direction: column; gap: 10px; padding: 20px; }
	.avr-ch__gift { width: 30px; height: 30px; }
	.avr .avr-ch__reward p { font-size: 15px; line-height: 22px; text-align: center; }
	.avr-ch .avr-btn--white { height: 44px; padding: 0; }

	/* H */
	.avr-badges { gap: 18px; }
	.avr-badges .avr-head { gap: 18px; }
	.avr-badges__grid { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px 12px; }
	.avr .avr-badge { width: 96px; gap: 8px; padding: 0; background: transparent; box-shadow: none; }
	.avr-badge__med { width: 58.55px; height: 58.55px; background: #fff; box-shadow: inset 0 0 0 1.5px var(--avr-tan); }
	.avr-badge__name { font-size: 11px; line-height: 13px; letter-spacing: .88px; text-transform: uppercase; }
	.avr-badge__rule { display: none; }
	.avr .avr-badge.is-earned { order: -1; background: transparent; }
	.avr-badge.is-earned .avr-badge__med { width: 60px; height: 60px; background: var(--avr-red); box-shadow: none; color: #fff; }
	.avr-badge.is-earned .avr-badge__name { color: var(--avr-red); }

	/* K */
	.avr-ref { gap: 18px; background: var(--avr-black); }
	.avr-ref .avr-head { gap: 18px; }
	.avr-ref .avr-eyebrow { font-size: 11px; line-height: 13px; letter-spacing: 1.32px; }
	.avr-ref .avr-h2 { font-size: 24px; line-height: 29px; color: #fff; }
	.avr-ref .avr-lead { color: var(--avr-cream); }
	.avr-ref__track { flex-direction: column; }
	.avr .avr-ref__m { flex-direction: row; align-items: center; gap: 14px; padding: 10px 0; text-align: left; }
	.avr-ref__nr { width: auto; }
	.avr-ref__rail { display: none; }
	.avr-ref__dot { flex: 0 0 44px; width: 44px; height: 44px; background: #fff; color: var(--avr-ink); font-size: 18px; line-height: 22px; }
	.avr-ref__m.is-on .avr-ref__dot { background: #fff; }
	.avr[data-state="member"] .avr-ref__m.is-on .avr-ref__dot, .avr:not([data-state="member"]) .avr-ref__m.is-first .avr-ref__dot { background: var(--avr-red); color: #fff; }
	.avr-ref__c { flex: 1 1 0; gap: 2px; }
	.avr-ref__label { font: 400 12px/18px Krub, sans-serif; letter-spacing: 0; color: var(--avr-cream); }
	.avr-ref__title { font: 600 16px/25px Krub, sans-serif; color: #fff; }
	.avr-ref__body { display: none; }
	.avr-ref__share, .avr .avr-ref__fine { display: none; }
	.avr .avr-ref__cta-m { display: inline-flex; height: 44px; padding: 0; font-size: 14px; line-height: 14px; letter-spacing: .28px; }

	/* L */
	.avr-join__steps { flex-direction: column; gap: 16px; }
	.avr .avr-join__step { flex-direction: row; align-items: center; gap: 14px; padding: 16px 18px; border-radius: 10px; }
	.avr-join__step .avr-num { width: 34px; height: 34px; font-size: 15px; line-height: 20px; }
	.avr-join__c { gap: 2px; flex: 1 1 0; min-width: 0; }
	.avr .avr-join__t { font: 600 16px/25px Krub, sans-serif; }
	.avr .avr-join__b { min-height: 0; font-size: 13px; line-height: 19px; }
	.avr .avr-trust { gap: 8px; }
	.avr .avr-trust__chip { gap: 6px; padding: 7px 13px; font: 400 12px/18px Krub, sans-serif; letter-spacing: 0; }
	.avr .avr-trust__ck { display: none; }
	.avr-trust__dot { display: block; flex: 0 0 12px; width: 12px; height: 12px; border-radius: 50%; background: radial-gradient(circle, var(--avr-red) 0 5px, transparent 5.5px); }

	/* FAQ */
	.avr-faq { flex-direction: column; align-items: stretch; gap: 14px; padding: 36px 18px; }
	.avr img.avr-faq__contour { display: none; }
	.avr-faq__l { flex: none; align-items: stretch; gap: 14px; text-align: center; }
	.avr .avr-faq__eyebrow { font-size: 12px; line-height: 14px; letter-spacing: 1.44px; }
	.avr .avr-faq__h { font-size: 22px; line-height: 26px; letter-spacing: 0; }
	.avr .avr-faq__body, .avr-faq__l .avr-btn { display: none; }
	.avr-acc { display: flex; flex-direction: column; gap: 14px; background: transparent; border-radius: 0; overflow: visible; }
	.avr-acc::after, .avr .avr-acc__item + .avr-acc__item::before { display: none; }
	.avr-acc__item { padding: 15px 16px; border-radius: 10px; }
	.avr-acc__item:first-child { border-radius: 8px; }
	.avr .avr-acc__item::after, .avr .avr-acc__item.is-open::after { content: ""; display: block; position: absolute; inset: 0; border: 1px solid var(--avr-line); border-radius: inherit; pointer-events: none; z-index: 2; }
	.avr .avr-acc__q button, .avr .avr-acc__q button:hover, .avr .avr-acc__q button:focus { font: 600 15px/20px Krub, sans-serif; }
	.avr-acc__q svg { width: 16px; height: 16px; }
	.avr-acc__a { padding-top: 8px; }
	.avr .avr-acc__a p { font-size: 13px; line-height: 20px; }

	/* N */
	.avr-comp { flex-direction: column; gap: 8px; padding: 24px 18px; }
	.avr .avr-comp p { font-size: 12px; line-height: 18px; }

	/* 16 */
	.avr-cap { align-items: flex-start; gap: 16px; padding: 36px 18px; text-align: left; }
	.avr img.avr-cap__rings { display: none; }
	.avr .avr-cap__pill { padding: 7px 12px; }
	.avr .avr-cap__h { font-size: 24px; line-height: 29px; letter-spacing: 0; white-space: normal; }
	.avr .avr-cap__b { font-size: 14px; line-height: 22px; white-space: normal; }
	.avr-cap__ctas { flex-direction: column; gap: 16px; width: 100%; }
	.avr .avr-cap__join, .avr .avr-cap__signin { width: 100%; height: 44px; padding: 0; font-size: 14px; line-height: 14px; letter-spacing: .28px; }
	.avr .avr-cap__signin { box-shadow: inset 0 0 0 1px #fff; }

	/* sticky join bar 1:16453 */
	.avr-bar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 990; display: flex; align-items: center; gap: 12px; height: 72px; padding: 12px 16px; background: #fff; box-shadow: inset 0 0 0 1px var(--avr-line); }
	.avr-bar__c { flex: 1 1 0; min-width: 0; display: flex; flex-direction: column; gap: 1px; }
	.avr .avr-bar__t { font: 600 15px/23px Krub, sans-serif; color: var(--avr-ink); }
	.avr .avr-bar__b { font: 400 12px/18px Krub, sans-serif; color: var(--avr-muted); }
	.avr .avr-bar__btn { width: auto; height: 40px; padding: 0 22px; font-size: 14px; line-height: 14px; letter-spacing: .28px; }
	body.ava-rewards-page--bar { padding-bottom: 72px; }
}

/* ---------- account → Rewards (1:28629) ---------- */
.elementor-12 .ava-acct--rewards { padding-top: 32px; padding-bottom: 120px; }
.ava-acct--rewards .aa-page__head { gap: 14px; margin: 0 0 22px; }
.ava-acct--rewards .aa-page__head .aa-back { flex: 0 0 34px; width: 34px; height: 34px; background: transparent; }
.ava-acct--rewards .aa-page__head .aa-h1 { font: 700 30px/39px Krub, sans-serif; letter-spacing: -.005em; margin: 0; }
.ava-acct.ava-acct--rewards.ava-acct--page .aa-crumbs ol { column-gap: 8.5px; }
.ava-acct.ava-acct--rewards.ava-acct--page .aa-crumbs li { gap: 8.5px; }
.ava-club-acct { font-family: Krub, sans-serif; color: #151515; }
.ava-club-acct .ava-club-acct__lead { margin: 0 0 22px; font: 400 15px/20px Krub, sans-serif; color: #6B685E; }
.ava-club-acct__status { margin-left: 12px; }
.ava-club-acct__status strong { font-weight: 700; color: #151515; }
.ava-club-acct__join { margin: 0 0 22px; }
.ava-club-acct .ava-club-btn { display: inline-flex; align-items: center; justify-content: center; padding: 17px 34px; border: 0; border-radius: 3px; background: #FF4438; color: #fff; font: 600 15px/15px Krub, sans-serif; letter-spacing: .3px; text-transform: uppercase; cursor: pointer; min-height: 0; box-shadow: none; }
.ava-club-acct .ava-club-btn:hover, .ava-club-acct .ava-club-btn:focus-visible { background: #151515; color: #fff; }
.ava-club-acct .ava-club-btn:focus-visible { outline: 2px solid #151515; outline-offset: 2px; }
.ava-club-table { width: 100%; margin: 0 0 22px; border: 0; border-collapse: collapse; table-layout: fixed; font: 400 14px/18px Krub, sans-serif; background: transparent; }
.ava-club-table th, .ava-club-table td { height: 48px; padding: 15px 0; border: 0; background: transparent; text-align: left; vertical-align: middle; font: inherit; }
.ava-club-table th { font-weight: 700; letter-spacing: .07px; color: #151515; text-transform: none; }
.ava-club-table td { color: #6B685E; box-shadow: inset 0 1px 0 #DCD8CA; }
.ava-club-table .c-n { width: 40px; }
.ava-club-table td.c-n, .ava-club-table td.c-l { color: #151515; }
.ava-club-table .c-r { width: 120px; text-align: right; }
.ava-club-table .c-w { width: 150px; }
.ava-club-table tr.is-current td { font-weight: 700; color: #151515; }
.ava-club-table__prog { color: #FF4438; font-weight: 700; }
.ava-club-acct .ava-club-acct__h { width: auto; max-width: 100%; margin: 0 0 22px; font: 700 16px/21px Krub, sans-serif; letter-spacing: .16px; color: #FF4438; text-transform: uppercase; }
.ava-club-acct .ava-club-acct__empty { margin: 0; font: 700 14px/18px Krub, sans-serif; color: #151515; }
.ava-acct .ava-club-acct ul.ava-club-hist { margin: 0; padding: 0; list-style: none; }
.ava-acct .ava-club-acct .ava-club-hist li { margin: 0; }
.ava-club-hist__row { display: grid; grid-template-columns: 110px minmax(0, 1fr) 90px; align-items: center; gap: 12px; min-height: 48px; padding: 15px 0; box-shadow: inset 0 -1px 0 #DCD8CA; font: 400 14px/18px Krub, sans-serif; }
.ava-club-hist__row:first-child { box-shadow: inset 0 1px 0 #DCD8CA, inset 0 -1px 0 #DCD8CA; }
.ava-club-hist__date { color: #6B685E; }
.ava-club-hist__label { color: #151515; }
.ava-club-hist__pts { text-align: right; font-weight: 700; color: #151515; }
.ava-club-hist__pts.is-neg { color: #FF4438; }
@media (max-width: 767px) {
	.elementor-12 .ava-acct--rewards { padding: 28px 20px 72px; }
	.ava-acct--rewards .aa-page__head .aa-h1 { font-size: 26px; line-height: 34px; }
	.ava-club-acct__status { display: block; margin: 6px 0 0; }
	.ava-club-table { font-size: 13px; }
	.ava-club-table .c-n { width: 24px; }
	.ava-club-table .c-r { width: 64px; }
	.ava-club-table .c-w { width: 76px; }
	.ava-club-table th { font-size: 12px; line-height: 16px; }
	.ava-club-hist__row { grid-template-columns: 84px minmax(0, 1fr) 60px; gap: 8px; font-size: 13px; }
	.ava-club-acct .ava-club-btn { width: 100%; }
}

/* ---------- checkout summary card: the loyalty row (one 18 px line, like "Loyalty cannot be applied") ---------- */
.ava-club-co__row { display: flex; align-items: center; gap: 8px; margin: 0; cursor: pointer; font: 400 14px/18px Krub, sans-serif; color: #6B685E; }
.ava-club-co__input { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; }
.ava-club-co__box { position: relative; flex: 0 0 16px; width: 16px; height: 16px; border-radius: 4px; box-shadow: inset 0 0 0 1px #DCD8CA; background: #fff; }
.ava-club-co__input:checked + .ava-club-co__box { background: #FF4438; box-shadow: none; }
.ava-club-co__input:checked + .ava-club-co__box::after { content: ""; position: absolute; left: 5px; top: 2px; width: 4px; height: 8px; border: solid #fff; border-width: 0 2px 2px 0; transform: rotate(45deg); }
.ava-club-co__input:focus-visible + .ava-club-co__box { outline: 2px solid #151515; outline-offset: 2px; }
.ava-club-co__label { color: #151515; font-weight: 600; }
.ava-club-co__val { margin-left: auto; color: #6B685E; white-space: nowrap; }
.ava-club-co__val .woocommerce-Price-amount { color: #151515; font-weight: 600; }
/* ==== LEFTOVER-events (29 Sep 2026): at 375 the referral section is the black band and its mobile "Get your link"
   CTA drew the ink ring (rgb 21,21,21 on #0E0E0E = invisible); white ring there, like the hero / challenge / cap bands. ==== */
html body .avr .avr-ref .avr-ref__cta-m:focus-visible { outline: 2px solid #fff !important; outline-offset: 2px !important; }
/* ==== /LEFTOVER-events ==== */
/* AUDIT-rewards (29 Sep) */
/* R3: the red CTAs on the black bands (hero JOIN, final-band JOIN; the ≤767 referral band) turned ink on hover /
   focus-visible, #151515 on #0E0E0E, so the button shape vanished. On the dark bands the hover is the white fill with
   ink text (the hero outline button's hover), so the button stays a button. The red CTAs on light bands keep ink. */
.avr .avr-hero .avr-btn--red:hover, .avr .avr-hero .avr-btn--red:focus-visible,
.avr .avr-cap .avr-btn--red:hover, .avr .avr-cap .avr-btn--red:focus-visible { background: #fff; color: var(--avr-ink); }
/* R4: the whole FAQ card is the question button (it was a 20 px text line inside the card's padding, so a tap on the
   padding did nothing). The padding moves from the item onto the button and the answer; the geometry is unchanged. */
.avr .avr-acc .avr-acc__item { padding: 0; }
.avr .avr-acc .avr-acc__q button, .avr .avr-acc .avr-acc__q button:hover, .avr .avr-acc .avr-acc__q button:focus { padding: 24px 28px; }
.avr .avr-acc .avr-acc__item.is-open .avr-acc__q button { padding-bottom: 0; }
.avr .avr-acc .avr-acc__a { padding: 14px 28px 24px; }
.avr .avr-acc .avr-acc__q button:focus-visible { outline-offset: -4px; }
/* R12: account tier table, the paid Platinum fee sits with the level (the public tier card's "$19 / mo"), not under
   the 12-month spend header. */
.ava-club-table .ava-club-table__fee { margin-left: 6px; font-weight: 400; color: #6B685E; white-space: nowrap; }
@media (max-width: 767px) {
	.avr .avr-ref .avr-btn--red:hover, .avr .avr-ref .avr-btn--red:focus-visible { background: #fff; color: var(--avr-ink); }
	.avr .avr-acc .avr-acc__q button, .avr .avr-acc .avr-acc__q button:hover, .avr .avr-acc .avr-acc__q button:focus { padding: 15px 16px; border-radius: 10px; }
	.avr .avr-acc .avr-acc__item:first-child .avr-acc__q button { border-radius: 8px; }
	.avr .avr-acc .avr-acc__a { padding: 8px 16px 15px; }
	.ava-club-table .ava-club-table__fee { display: block; margin-left: 0; }
}
/* /AUDIT-rewards (29 Sep) */

/* 1 Oct (client): checkout points field, laid out like the Promo codes block under it (ava-checkout.css .ava-co__promo-*). */
.ava-co .ava-club-co .ava-club-co__head { margin-top: 0; }
.ava-co .ava-club-co .ava-co__promo-row { margin-top: 12px; }
.ava-co .ava-club-co__wallet strong { color: #151515; font-weight: 600; }
.ava-co .ava-club-co p.ava-co__hint { margin-bottom: 0; } /* the theme's paragraph margin opened a gap between the hint lines */
.ava-co .ava-club-co__max { margin-top: 2px; }
.ava-co .ava-club-co.is-busy { opacity: .6; pointer-events: none; }
.ava-co .ava-club-co input[type="number"]::-webkit-outer-spin-button, .ava-co .ava-club-co input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; }
.ava-co .ava-club-co input[type="number"] { -moz-appearance: textfield; appearance: textfield; }

/* 11 Oct (client): LOVE Club opt-in - the Customer Profile card in six states (Figma 1291:8578 "The Love Club · Card
   States"): Inactive (Not enrolled, red Join), Applied (Application In Review, amber Applied), Bronze / Silver / Gold /
   Platinum (Membership active, tier ladder in the tier colour). Tokens from the frame: card 1px #DCD8CA r12 p24 gap 18,
   band #262124 r8, ladder dots 13 (current 16 with a 3px white ring + 2px tier ring), line #E5E3DB 3px. */
.avlc { box-sizing: border-box; display: flex; flex-direction: column; gap: 18px; width: 100%; margin: 0; padding: 24px; background: #fff; border: 1px solid #DCD8CA; border-radius: 12px; font-family: Krub, sans-serif; color: #151515; }
.avlc *, .avlc *::before, .avlc *::after { box-sizing: border-box; }
.avlc__head { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.avlc .avlc__eyebrow { margin: 0 !important; padding: 0; font: 700 13px/17px Krub, sans-serif; letter-spacing: .26px; text-transform: uppercase; color: #FF4438; }
.avlc__pill { display: inline-flex; align-items: center; gap: 6px; padding: 4px 10px 4px 9px; border: 1px solid #DBD9C9; border-radius: 100px; background: #EDEBE3; font: 600 11px/14px Krub, sans-serif; letter-spacing: .11px; color: #6B695E; white-space: nowrap; }
.avlc__pill-dot { flex: 0 0 7px; width: 7px; height: 7px; border-radius: 4px; background: currentColor; }
.avlc__pill--applied { background: #FAF2DB; border-color: #EDD69E; color: #D19929; }
.avlc__pill--active { background: #E5F5EB; border-color: #B8DBC7; color: #2E6E3E; }
.avlc .avlc__info { display: inline-flex; align-items: center; justify-content: center; flex: 0 0 24px; width: 24px; height: 24px; border: 1px solid #DCD8CA; border-radius: 12px; font: 600 11px/1 Krub, sans-serif; color: #6B685E; text-decoration: none; }
.avlc .avlc__info:hover, .avlc .avlc__info:focus-visible { border-color: #151515; color: #151515; }
.avlc__ladder { display: flex; flex-direction: column; gap: 10px; }
.avlc__ladder.is-muted { opacity: .45; }
.avlc__track { position: relative; display: flex; align-items: center; justify-content: space-between; height: 22px; }
.avlc__line, .avlc__fill { position: absolute; left: 6.5px; top: 9.5px; height: 3px; border-radius: 2px; }
.avlc__line { width: calc(100% - 13px); background: #E5E3DB; }
.avlc__fill { width: calc((100% - 13px) * var(--avlc-p, 0)); background: var(--avlc-c, #CC8F5C); }
.avlc__dot { position: relative; z-index: 1; flex: 0 0 auto; width: 13px; height: 13px; border: 2px solid #DBD9C9; border-radius: 10px; background: #fff; }
.avlc__dot.is-passed { border: 0; background: var(--avlc-c); }
.avlc__dot.is-current { width: 16px; height: 16px; border: 3px solid #fff; background: var(--avlc-c); box-shadow: 0 0 0 2px var(--avlc-c); }
.avlc .avlc__labels { display: flex; align-items: flex-start; justify-content: space-between; margin: 0 !important; padding: 0 !important; list-style: none !important; color: #6B695E; }
.avlc .avlc__tl { display: flex; flex-direction: column; gap: 1px; margin: 0 !important; padding: 0; white-space: nowrap; }
.avlc .avlc__tl:last-child { align-items: flex-end; text-align: right; }
.avlc__tl-name { font: 700 12px/16px Krub, sans-serif; }
.avlc__tl-sub { font: 400 10px/13px Krub, sans-serif; }
.avlc__tl.is-reached .avlc__tl-name { color: #151515; }
.avlc__tl.is-current .avlc__tl-sub { font-weight: 600; color: var(--avlc-c); }
.avlc .avlc__note { margin: 0 !important; font: 400 12px/16px Krub, sans-serif; color: #6B695E; }
.avlc__band { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 16px 20px; border-radius: 8px; background: #262124; font: 400 13px/17px Krub, sans-serif; color: #fff; white-space: nowrap; }
.avlc__band-l { display: flex; align-items: center; gap: 10px; min-width: 0; }
.avlc__band-k { color: #D9D4D9; }
.avlc__band strong { font-weight: 700; color: #fff; }
.avlc .avlc__rules { margin: 0 !important; font: 400 13px/17px Krub, sans-serif; color: #6B685E; }
.avlc__foot { padding-top: 4px; }
.avlc .avlc__cta { display: flex; align-items: center; justify-content: center; width: 100%; padding: 12px; border: 1px solid #FF4438; border-radius: 4px; background: #FF4438; font: 600 14px/18px Krub, sans-serif; letter-spacing: .14px; color: #fff !important; text-decoration: none !important; text-transform: none; cursor: pointer; }
.avlc .avlc__cta:hover, .avlc .avlc__cta:focus-visible { border-color: #151515; background: #151515; }
.avlc .avlc__cta:focus-visible { outline: 2px solid #151515; outline-offset: 2px; }
.avlc .avlc__cta--applied, .avlc .avlc__cta--applied:hover, .avlc .avlc__cta--applied:disabled { border-color: #D19929; background: #FAF2E0; color: #D19929 !important; opacity: 1; cursor: default; }
.avlc__foot--links { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.avlc .avlc__more { font: 600 14px/18px Krub, sans-serif; color: #FF4438 !important; text-decoration: none !important; }
.avlc .avlc__how { font: 600 13px/17px Krub, sans-serif; color: #6B695E !important; text-decoration: none !important; }
.avlc .avlc__more:hover, .avlc .avlc__how:hover, .avlc .avlc__more:focus-visible, .avlc .avlc__how:focus-visible { text-decoration: underline !important; }
@media (max-width: 767px) { .avlc { padding: 20px; } }
/* Applied on the account Rewards screen and on Rewards-page JOIN buttons (ava_club_cta) */
.ava-club-acct__applied { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin: 0 0 24px; }
.ava-club-acct .ava-club-btn.ava-club-btn--applied, .ava-club-acct .ava-club-btn.ava-club-btn--applied:hover { border: 1px solid #D19929; background: #FAF2E0; color: #D19929; cursor: default; }
.ava-club-acct__applied-note { font: 400 13px/17px Krub, sans-serif; color: #6B685E; }
a.ava-club-applied, a.ava-club-applied:hover, a.ava-club-applied:focus-visible { border-color: #D19929 !important; background: #FAF2E0 !important; color: #D19929 !important; }
/* <<< 11 Oct LOVE Club card */

/* 11 Oct (review): the hub column on phones is about 314 px (card inner ~272): the pill drops under the title and the status
   band wraps instead of overflowing. The Rewards-page Applied button draws its outline as an inset ring (.avr-btn has no
   border) and uses a darker amber so the live link passes contrast. */
@media (max-width: 480px) {
	.avlc__head { flex-wrap: wrap; row-gap: 8px; }
	.avlc__pill { order: 3; }
	.avlc .avlc__info { order: 2; margin-left: auto; }
	.avlc__band { flex-wrap: wrap; row-gap: 4px; white-space: normal; }
}
a.ava-club-applied, a.ava-club-applied:hover, a.ava-club-applied:focus-visible { box-shadow: inset 0 0 0 1px #D19929 !important; color: #8F6410 !important; }
/* <<< 11 Oct review fixes */