body.ys-open-when-page{margin:0;min-height:100svh;background:#f8f3ec}body.ys-open-when-page #MainContent{min-height:100svh;margin:0;padding:0}.section-ys-open-when{min-height:100svh}.ys-open-when{min-height:100svh;background:radial-gradient(circle at 15% 5%,color-mix(in srgb,var(--ys-ow-soft-bg) 70%,transparent) 0,transparent 32%),var(--ys-ow-bg);color:var(--ys-ow-text);overflow-x:hidden}.ys-open-when *{box-sizing:border-box}.ys-open-when__shell{width:min(100%,760px);min-height:100svh;margin:0 auto;padding:max(28px,env(safe-area-inset-top)) 20px max(34px,env(safe-area-inset-bottom));display:flex;flex-direction:column}.ys-open-when__header{text-align:center;padding:22px 6px 12px}.ys-open-when__eyebrow{margin:0 0 14px;color:var(--ys-ow-accent);font-size:1.05rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.ys-open-when__title{margin:0;color:var(--ys-ow-text);font-size:clamp(3.2rem,9vw,5.8rem);line-height:.98;letter-spacing:-.035em}.ys-open-when__subtitle{max-width:540px;margin:18px auto 0;font-size:1.55rem;line-height:1.5;opacity:.78}.ys-open-when__install{-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--ys-ow-accent);margin:18px auto 0;padding:8px 10px;display:inline-flex;gap:7px;align-items:center;font:inherit;font-size:1.25rem;font-weight:700;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.ys-open-when__intro{margin:22px 0 14px;text-align:center}.ys-open-when__intro p{margin:0;font-size:1.7rem;font-weight:700}.ys-open-when__choices{display:grid;grid-template-columns:1fr;gap:11px;width:100%}.ys-open-when__choice{width:100%;min-height:72px;border:1px solid color-mix(in srgb,var(--ys-ow-accent) 16%,transparent);border-radius:18px;padding:14px 50px 14px 18px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left;background:var(--ys-ow-button-bg);color:var(--ys-ow-button-text);box-shadow:0 9px 28px #4a2a2a0e;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.ys-open-when__choice:active{transform:scale(.985)}.ys-open-when__choice-label{font-size:1.5rem;line-height:1.25;font-weight:700}.ys-open-when__choice-ref{margin-top:4px;font-size:1.1rem;line-height:1.2;opacity:.64;text-transform:uppercase;letter-spacing:.06em}.ys-open-when__choice-arrow{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:var(--ys-ow-accent);font-size:2rem}.ys-open-when__note{margin:auto auto 0;padding:28px 12px 0;max-width:420px;text-align:center;font-size:1.25rem;line-height:1.5;opacity:.62}.ys-open-when__card-view{position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;display:flex;flex-direction:column;background:var(--ys-ow-bg);color:var(--ys-ow-text);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease}.ys-open-when__card-view.is-open{opacity:1;visibility:visible;pointer-events:auto}.ys-open-when__card-toolbar{flex:0 0 auto;min-height:58px;padding:max(9px,env(safe-area-inset-top)) 14px 9px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(75,42,45,.08);background:color-mix(in srgb,var(--ys-ow-bg) 94%,white 6%)}.ys-open-when__back{justify-self:start;-webkit-appearance:none;appearance:none;border:0;background:transparent;color:var(--ys-ow-accent);padding:10px 8px;font:inherit;font-size:1.25rem;font-weight:700;cursor:pointer}.ys-open-when__toolbar-brand{grid-column:2;font-size:1rem;font-weight:700;letter-spacing:.16em}.ys-open-when__card-stage{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;padding:12px;overflow:auto;overscroll-behavior:contain}.ys-open-when__card-image{display:block;width:auto;height:auto;max-width:min(100%,540px);max-height:calc(100svh - 86px);aspect-ratio:9 / 16;object-fit:contain;border-radius:18px;box-shadow:0 18px 52px #341e1f1f}.ys-open-when__empty-card{width:min(100%,430px);aspect-ratio:9 / 16;padding:42px 28px;border-radius:20px;display:flex;flex-direction:column;justify-content:center;text-align:center;background:var(--ys-ow-soft-bg);box-shadow:0 18px 52px #341e1f1f}.ys-open-when__empty-card h2{margin:8px 0 14px;font-size:2.5rem;line-height:1.05}.ys-open-when__empty-card p{margin:0;font-size:1.35rem;line-height:1.45}.ys-open-when__empty-kicker{color:var(--ys-ow-accent);font-weight:700;letter-spacing:.08em;text-transform:uppercase}.ys-open-when__install-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;justify-content:center;align-items:flex-end;padding:18px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,visibility .18s ease}.ys-open-when__install-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}.ys-open-when__install-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;border:0;background:#26191c75;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.ys-open-when__install-panel{position:relative;width:min(100%,520px);border-radius:26px;padding:30px 24px max(24px,env(safe-area-inset-bottom));background:var(--ys-ow-bg);color:var(--ys-ow-text);box-shadow:0 24px 70px #1e141640}.ys-open-when__install-panel h2{margin:0;font-size:2.6rem;line-height:1.05}.ys-open-when__install-copy{margin:12px 0 22px;font-size:1.35rem;line-height:1.5;opacity:.75}.ys-open-when__install-close{position:absolute;top:14px;right:16px;width:40px;height:40px;border:0;border-radius:50%;background:var(--ys-ow-soft-bg);color:var(--ys-ow-text);font-size:2.5rem;line-height:1;cursor:pointer}.ys-open-when__install-step{padding:15px 0;display:flex;flex-direction:column;gap:5px;border-top:1px solid rgba(75,42,45,.1);font-size:1.3rem;line-height:1.4}.ys-open-when__install-step strong{font-size:1.35rem}.ys-open-when__install-done{width:100%;min-height:50px;margin-top:8px;border:0;border-radius:14px;background:var(--ys-ow-accent);color:#fff;font:inherit;font-size:1.4rem;font-weight:700;cursor:pointer}body.ys-open-when-page.ys-open-when-lock{overflow:hidden}@media screen and (min-width:560px){.ys-open-when__shell{padding-left:28px;padding-right:28px}.ys-open-when__choices{grid-template-columns:repeat(2,minmax(0,1fr))}.ys-open-when__choice{min-height:84px}.ys-open-when__install-modal{align-items:center}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/yeshuall-open-when.css.map */