/* Yens companion: decorative, bounded movement. Layout never depends on motion. */
.yr-rabbit{position:relative;display:block;width:100%;height:100%;min-width:0;min-height:0;isolation:isolate;pointer-events:none;user-select:none;--yr-ease:cubic-bezier(.23,1,.32,1)}
.yr-rabbit__stage{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
.yr-rabbit__body{position:absolute;inset:0;transform-origin:50% 88%;transition:transform .25s var(--yr-ease),opacity .2s ease;will-change:auto}
.yr-rabbit__pose{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .16s ease}
.yr-rabbit__pose[data-pose="idle"]{opacity:1}
.yr-rabbit[data-pose="happy"] .yr-rabbit__pose[data-pose="idle"],.yr-rabbit[data-pose="pointing"] .yr-rabbit__pose[data-pose="idle"]{opacity:0}
.yr-rabbit[data-pose="happy"] .yr-rabbit__pose[data-pose="happy"],.yr-rabbit[data-pose="pointing"] .yr-rabbit__pose[data-pose="pointing"]{opacity:1}
.yr-rabbit[data-state="hidden"] .yr-rabbit__body{transform:translateY(78%);opacity:0}
.yr-rabbit[data-mode="recommendation"] .yr-rabbit__stage{clip-path:inset(0 0 22% 0)}
.yr-rabbit[data-mode="recommendation"] .yr-rabbit__body{transform:translateY(12%)}
.yr-rabbit[data-mode="recommendation"][data-state="hidden"] .yr-rabbit__body{transform:translateY(80%)}
.yr-rabbit[data-state="idle"][data-active="true"] .yr-rabbit__body{animation:yr-breathe 4.8s ease-in-out infinite}
.yr-rabbit[data-state="idle"][data-active="true"][data-blink-ready="true"] .yr-rabbit__pose[data-pose="blink"]{animation:yr-blink 7s step-end infinite;transition:none}
.yr-rabbit[data-state="idle"][data-active="true"][data-blink-ready="true"] .yr-rabbit__pose[data-pose="idle"]{animation:yr-open-eyes 7s step-end infinite;transition:none}
.yr-rabbit[data-state="greeting"][data-active="true"] .yr-rabbit__body{animation:yr-hello 1.3s var(--yr-ease) 1}
.yr-rabbit[data-state="happy"][data-active="true"] .yr-rabbit__body{animation:yr-happy .8s var(--yr-ease) 1}
.yr-rabbit[data-state="pointing"][data-active="true"] .yr-rabbit__body{animation:yr-point 1.1s var(--yr-ease) 1}
.yr-rabbit[data-active="false"] *{animation-play-state:paused!important;transition:none!important}
.yr-section-anchor{position:relative}
.yr-section-peek{position:absolute;right:12px;top:-38px;width:72px;height:80px;pointer-events:none;z-index:1}
@media(max-width:600px){.yr-section-peek{right:4px;top:-28px;width:52px;height:58px}}
@keyframes yr-breathe{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1%) scale(1.012)}}
@keyframes yr-blink{0%,40%,43%,100%{opacity:0}41%{opacity:1}}
@keyframes yr-open-eyes{0%,40%,43%,100%{opacity:1}41%{opacity:0}}
@keyframes yr-hello{0%{transform:translateY(14%) rotate(-5deg);opacity:0}30%{transform:translateY(0) rotate(3deg);opacity:1}55%{transform:rotate(-3deg)}80%{transform:rotate(2deg)}100%{transform:rotate(0)}}
@keyframes yr-happy{0%,100%{transform:translateY(0) rotate(0)}30%{transform:translateY(-9%) rotate(-3deg)}60%{transform:translateY(0) rotate(2deg)}}
@keyframes yr-point{0%{transform:translateY(60%);opacity:0}45%{transform:translateY(10%) rotate(-3deg);opacity:1}100%{transform:translateY(12%) rotate(0)}}
@media(prefers-reduced-motion:reduce){.yr-rabbit *, .yr-rabbit__body{animation:none!important;transition:none!important;transform:none!important}.yr-rabbit[data-state="hidden"] .yr-rabbit__body{opacity:0}}

/* Compact opt-in navigation disclosure, swapped in place of the shortcuts. Existing cards and prices are untouched. */
.yh-guide .yr-helper-rabbit{padding:0;border:0;background:transparent;cursor:pointer;overflow:visible}
.yh-guide .yr-helper-rabbit:hover{background:transparent}
.yh-guide .yr-helper-toggle{border:0;border-radius:8px;padding:0;background:transparent;color:#007caf;font-family:inherit;font-size:13px;font-weight:700;line-height:1.5;cursor:pointer;min-height:44px;text-decoration:underline;text-underline-offset:4px;margin:0 0 -10px}
/* One grid cell for both: the area is always as tall as the taller set, so opening or closing never shifts the page.
   The inactive set keeps its box but is invisible, so it is out of the tab order and the accessibility tree. */
.yh-guide .yr-guide-actions{display:grid;flex:1.7;min-width:0}
.yh-guide .yr-guide-actions>*{grid-area:1/1;min-width:0}
.yh-guide .yr-guide-actions>.yh-shortcuts[hidden]{display:flex!important;visibility:hidden}
.yh-guide .yr-guide-actions>.yr-helper-choices[hidden]{display:grid!important;visibility:hidden}
.yr-helper-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.yr-helper-choice{display:flex;align-items:center;gap:10px;min-width:0;min-height:60px;padding:8px 12px;border:1px solid #badbf0;border-radius:16px;background:#fff;color:#173557;text-decoration:none!important;transition:border-color .2s,box-shadow .2s}
.yr-helper-choice:hover{border-color:#0088bd;box-shadow:0 4px 12px #007ac215;color:#006e9c}
.yr-helper-choice i{font-size:21px;color:#006ba8;width:24px;flex-shrink:0;text-align:center}
.yr-helper-choice strong{display:block;font-size:13px;line-height:1.3}
.yr-helper-choice small{display:block;font-size:11px;line-height:1.3;color:#51677b;margin-top:2px}
.yr-helper-arrow{margin-left:auto;color:#006ba8;font-size:16px}
.yr-helper-choices :focus-visible,.yr-helper-toggle:focus-visible,.yr-helper-rabbit:focus-visible{outline:3px solid #007caf;outline-offset:3px}
.yr-scroll-target{position:relative;scroll-margin-top:150px}
.yr-promo-peek{position:absolute;right:8px;top:-35px;width:56px;height:62px;pointer-events:none}
/* Desktop: the copy takes only its text width, so the shortcuts start right after it (no dead gap). */
@media(min-width:1101px){.yh-guide .yh-guide-copy{flex:0 1 auto}}
@media(max-width:1100px){.yh-guide .yr-guide-actions{flex-basis:100%}}
@media(max-width:767px){.yr-helper-choices{grid-template-columns:1fr;gap:8px}.yr-helper-choice{min-height:48px;padding:6px 12px;border-radius:12px}.yr-helper-choice i{font-size:18px}.yr-scroll-target{scroll-margin-top:120px}.yr-promo-peek{width:48px;height:54px;top:-30px}}
@media(prefers-reduced-motion:reduce){.yr-helper-choice{transition:none}}