#discovery{box-sizing:border-box;position:relative;width:min(750px,calc(100vw - 20px));max-height:calc(100dvh - 20px);padding:18px 58px 18px 10px;background:none;border:0;box-shadow:none;overflow:visible;font-family:inherit}
#discovery::backdrop{background:#081b161a}
.discovery-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;perspective:900px}
.discovery-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0;padding:14px 8px 12px;background:#f4ebce;color:#26382f;border:3px solid #b6a783;border-radius:14px;cursor:pointer;font-family:inherit;transition:transform .2s cubic-bezier(.2,.8,.2,1),border-color .18s,box-shadow .18s;animation:discovery-deal .46s cubic-bezier(.16,.8,.24,1) backwards;animation-delay:calc(70ms + var(--i)*65ms)}
.discovery-card>img{width:min(160px,100%)!important;height:auto!important;pointer-events:none}.discovery-card>strong{font-size:16px;text-align:center}.discovery-detail{font-size:12px;line-height:1.35;text-align:center;color:#506253;min-height:2.7em;display:flex;align-items:center;justify-content:center}.discovery-cost{position:absolute;top:8px;left:8px;z-index:1;background:#6841a8;color:white;padding:4px 7px;border-radius:14px;font-weight:900}
.discovery-card::after{content:'✓';position:absolute;right:8px;top:8px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#ffcf3f;color:#24382e;font-weight:900;opacity:0;transform:scale(.6);transition:opacity .15s,transform .22s cubic-bezier(.2,1.5,.3,1)}
.discovery-card[aria-pressed=true]{border-color:#ffcf3f;box-shadow:0 0 0 2px #ffcf3f,0 9px 18px #0004;transform:translateY(-5px)}.discovery-card[aria-pressed=true]::after{opacity:1;transform:scale(1)}
.discovery-card:focus-visible{outline:3px solid #a4d9ff;outline-offset:4px}
@keyframes discovery-deal{0%{opacity:0;transform:translateX(calc((1 - var(--i))*85%)) translateY(22px) rotate(calc((var(--i) - 1)*-12deg)) scale(.86)}45%{opacity:1}100%{opacity:1;transform:none}}
@media(max-height:500px){.discovery-card{padding:8px 6px;gap:5px}.discovery-card>strong{font-size:14px}.discovery-detail{font-size:11px;min-height:2.5em}.discovery-options{gap:12px}}
@media(prefers-reduced-motion:reduce){.discovery-card{animation:none}.discovery-card,.discovery-card::after{transition:none}}
/* Three floating choices: the field remains visible. */
#discovery[data-hidden=true]::backdrop{background:transparent}
#discovery .discovery-options{transition:opacity .16s,transform .16s}
#discovery[data-hidden=true] .discovery-options{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px)}
#discovery .discovery-card{box-shadow:0 12px 26px #0006;border-color:#c1b686}
@media(hover:hover){#discovery .discovery-card:hover{transform:translateY(-7px) scale(1.025);border-color:#ffda73;box-shadow:0 0 0 2px #ffe2a0,0 15px 25px #0006}}
#discovery .discovery-card:focus-visible{transform:translateY(-5px);border-color:#ffda73}
#discoveryEye{position:absolute;right:0;top:calc(50% - 23px);display:grid;place-items:center;width:46px;height:46px;padding:9px;border:2px solid #dec88f;border-radius:50%;background:#173b32e8;color:#fff0bc;box-shadow:0 4px 14px #0005;cursor:pointer}
#discoveryEye svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}#discoveryEye .eye-slash{opacity:0}#discoveryEye[aria-pressed=true] .eye-slash{opacity:1}#discoveryEye:focus-visible{outline:3px solid #a4d9ff;outline-offset:3px}
@media(max-height:500px){#discovery{width:min(670px,calc(100vw - 20px));padding:12px 54px 12px 8px}.discovery-card>img{width:116px!important}}
@media(prefers-reduced-motion:reduce){#discovery .discovery-options{transition:none}}