.oh-loyalty-card.oh-loyalty-card--flip{width:min(100%,460px);margin-inline:auto;container-type:inline-size;perspective:1200px;overflow:visible;padding:0;background:transparent;cursor:pointer;isolation:auto;aspect-ratio:1.15/1;min-height:0;border:0;box-shadow:none}
.oh-loyalty-card--flip::after{display:none}
.oh-loyalty-card--flip:focus-visible{outline:3px solid #b9caa5;outline-offset:4px}
.oh-loyalty-card--flip .oh-loyalty-card__flipper{position:relative;display:grid;min-height:100%;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.22,.72,.18,1)}
.oh-loyalty-card--flip.is-card-flipped .oh-loyalty-card__flipper{transform:rotateY(180deg)}
.is-wallet-ready .oh-loyalty-card--flip:not(.is-card-flipped):not(.is-card-flipping):not(:hover):not(:focus-visible) .oh-loyalty-card__flipper{animation:ohLoyaltyFlipHint 7s ease-in-out 1.2s infinite}
@keyframes ohLoyaltyFlipHint{0%,17%,38%,100%{transform:rotateY(0)}23%{transform:rotateY(20deg)}28%{transform:rotateY(38deg)}32%{transform:rotateY(34deg)}}
.oh-loyalty-card__front,.oh-loyalty-card__back{position:relative;inset:auto;grid-area:1/1;min-width:0;min-height:100%;border-radius:20px;background:var(--storefront-accent-primary,#20714c);color:var(--storefront-accent-secondary,#fff5df);backface-visibility:hidden;-webkit-backface-visibility:hidden;overflow:hidden;transform:translateZ(1px)}
.oh-loyalty-card__back{transform:rotateY(180deg) translateZ(1px)}
.oh-loyalty-card__front{display:grid;grid-template-rows:auto minmax(14px,1fr) auto;gap:clamp(12px,4cqi,20px);padding:clamp(18px,6cqi,28px)}
.oh-loyalty-card__upper{display:grid;grid-template-columns:minmax(0,1fr) clamp(54px,20cqi,88px);align-items:start;gap:clamp(12px,4cqi,20px)}
.oh-loyalty-card__member{display:grid;align-content:start;gap:clamp(8px,2.5cqi,13px);min-width:0}
.oh-loyalty-card--flip .oh-loyalty-card__logo{position:relative;inset:auto;width:100%;height:auto;max-width:none;aspect-ratio:1/1}
.oh-loyalty-card--flip .oh-loyalty-card__logo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:screen}
.oh-loyalty-card__front .oh-loyalty-card__hello{position:relative;inset:auto;max-width:none;height:auto;overflow:visible;font-size:clamp(28px,10cqi,46px);line-height:.9;white-space:normal;overflow-wrap:anywhere}
.oh-loyalty-card__front .oh-loyalty-card__since{position:relative;inset:auto;text-align:left;font-size:clamp(10px,3.25cqi,15px);line-height:1.25;letter-spacing:0;white-space:normal;overflow:visible;text-overflow:clip}
.oh-loyalty-card--flip .oh-loyalty-card__points{position:relative;inset:auto;align-self:end;justify-self:end;justify-items:end;max-width:100%;gap:clamp(4px,1.8cqi,9px)}
.oh-loyalty-card--flip .oh-loyalty-card__points strong{font-size:var(--wallet-points-size,clamp(58px,25cqi,112px));line-height:.82;white-space:nowrap}
.oh-loyalty-card--flip .oh-loyalty-card__points>span{font-size:clamp(22px,8cqi,36px);line-height:.85}
.oh-loyalty-card__back .oh-loyalty-card__qr{top:18px;right:50%;transform:translateX(50%);height:calc(100% - 84px);width:auto;max-width:calc(100% - 52px);aspect-ratio:1}
.oh-loyalty-card__back .oh-loyalty-card__hello{left:18px;bottom:18px;font-size:26px;white-space:normal;overflow-wrap:anywhere;max-width:60%}
.oh-loyalty-card__back .oh-loyalty-card__since{right:16px;left:auto;bottom:19px;max-width:36%;font-size:10px;line-height:1.25;letter-spacing:0;white-space:normal}
.oh-loyalty-progress[data-progress-label-layout="single"]{--oh-loyalty-progress-height:34px}
.oh-loyalty-progress__label--single{inset:0!important;transform:none;display:flex;align-items:center;justify-content:center;padding:0 8px 0 48px;font-size:12px;line-height:1.1;color:#fff5df;text-shadow:0 1px 2px #16452d;white-space:normal;text-align:center}
.oh-loyalty-progress[data-progress-label-layout="single"]{background:#89b391}
.oh-loyalty-card__back .oh-loyalty-card__hello{height:44px;display:flex;align-items:flex-end;overflow:hidden}
@media(max-width:760px){.shop-mobile-featured,.cart-empty-mobile__featured{padding-bottom:2rem}}
.oh-loyalty-progress[data-progress-animated="true"]:not(.is-progress-animating) .oh-loyalty-progress__cup img{animation:ohCupVisibleBob 2.3s ease-in-out .5s infinite}
@keyframes ohCupVisibleBob{0%,100%{transform:translateY(4px) rotate(-5deg)}50%{transform:translateY(-9px) rotate(5deg)}}
.oh-loyalty-transaction__label,.oh-loyalty-transaction__points{animation-duration:8s}
.oh-event-toggle{position:relative;display:inline-grid;place-items:center;width:36px;height:36px;border:1px solid currentColor;border-radius:50%;background:transparent;color:inherit;box-shadow:none;padding:0;font-size:17px;cursor:pointer}
.oh-mobile-top>.oh-event-toggle{position:absolute;right:18px;top:13px;z-index:11;color:var(--oh-mobile-cream,#fff5df)}
.oh-event-toggle__dot{position:absolute;right:0;top:0;width:7px;height:7px;background:#f4a8c0;border-radius:50%}
@media(min-width:761px) and (max-width:1080px){.public-nav .header-actions--desktop:has(.oh-event-toggle){display:flex;justify-self:end;margin-left:auto}.public-nav .header-actions--desktop:has(.oh-event-toggle)>:not(.oh-event-toggle){display:none}}
.oh-event-toggle__rays{position:absolute;inset:-8px;background:repeating-conic-gradient(from 0deg,transparent 0deg 40deg,currentColor 40deg 45deg);mask:radial-gradient(transparent 58%,#000 60% 69%,transparent 71%);animation:ohEventRays 7s ease-in-out infinite;pointer-events:none}
@keyframes ohEventRays{0%,65%,100%{opacity:0;transform:scale(.84)}72%,87%{opacity:.9;transform:scale(1)}80%{opacity:.3;transform:scale(.92)}}
.oh-event-widget{position:absolute;top:12px;right:12px;width:calc(100% - 24px);max-width:360px;z-index:6;outline:none;animation:ohEventReveal .25s ease-out}
.oh-event-widget[hidden]{display:none}
.oh-event-widget .oh-home-event{grid-template-columns:1fr;margin:0;padding:16px;border:1px solid #a7c39a;border-radius:12px;background:#20714c;box-shadow:0 8px 28px #12342240}
.oh-event-widget .oh-home-event__countdown{border-left:0;border-top:1px solid #fff5df40;padding:12px 0 0}
.oh-event-widget .oh-home-event__details{gap:10px;padding-right:14px}
.oh-event-widget .oh-home-event__image{width:62px;flex-basis:62px;height:72px}
.oh-event-widget .oh-home-event h2{font-size:26px}
.oh-event-widget .oh-home-event__digits{gap:8px}
.oh-event-widget .oh-home-event__digits>div{background:#ffffff12;border:0;border-radius:8px;padding:10px 2px}
.oh-event-close{position:absolute;top:7px;right:7px;z-index:1;width:28px;height:28px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:#ffffff14;color:#fff5df;cursor:pointer}
@keyframes ohEventReveal{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:360px){.oh-loyalty-card__back .oh-loyalty-card__hello{font-size:22px}.oh-loyalty-progress__label--single{font-size:10px}.oh-event-widget .oh-home-event h2{font-size:22px}}
@media(prefers-reduced-motion:reduce){.oh-loyalty-card--flip .oh-loyalty-card__flipper{transition:none}.is-wallet-ready .oh-loyalty-card--flip:not(.is-card-flipped):not(.is-card-flipping):not(:hover):not(:focus-visible) .oh-loyalty-card__flipper,.oh-loyalty-progress[data-progress-animated="true"]:not(.is-progress-animating) .oh-loyalty-progress__cup img,.oh-event-toggle__rays,.oh-event-widget{animation:none}.oh-loyalty-transaction__label,.oh-loyalty-transaction__points{animation:none}}