/* A deliberately editorial, food-first customer experience. */
#experience-preview{padding:0;width:430px;max-width:calc(100vw - 20px);max-height:94dvh;border:0;border-radius:28px;background:#faf7ef;box-shadow:0 30px 100px #0c302644;color:#173b2a}#experience-preview::backdrop{background:#10291f99;backdrop-filter:blur(6px)}.xp-toolbar{display:flex;justify-content:space-between;align-items:center;background:#eee9df;padding:9px 16px;font-size:10px;letter-spacing:.04em;color:#53665c}.xp-toolbar .xp-close{min-height:30px;width:32px;padding:0;font-size:25px;border:0;background:transparent;color:#173b2a}.xp-phone{font-family:Inter,system-ui,sans-serif;background:#faf7ef;line-height:1.5}.xp-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 15px;border-bottom:1px solid #163d2914}.xp-header img{width:135px;height:56px;object-fit:contain;object-position:left}.xp-header strong{font-size:25px;letter-spacing:-1px}.xp-header div>span{display:block;font-size:10px;color:#687268;margin-top:4px}.xp-member{font-size:9px;letter-spacing:.13em;border:1px solid #254b3133;padding:7px 10px;border-radius:30px}.xp-greeting{padding:28px 24px 18px}.xp-greeting>span,.xp-eyebrow{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#657063}.xp-greeting h1,.xp-detail-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:40px;font-weight:normal;line-height:1.06;letter-spacing:-1.8px;margin:12px 0 14px;color:var(--xp-accent)}.xp-greeting p{font-size:13px;color:#617064;margin:0}.xp-phone #xp-card{margin:0 20px}.xp-phone .bv-card{border:0;border-radius:22px;box-shadow:0 6px 30px #193c2d0c;min-height:0}.xp-phone .bv-brand{display:none!important}.xp-phone .bv-product{width:100%;height:170px;border-radius:0;object-fit:cover;margin:0;order:0}.xp-phone .bv-progress{padding:20px 22px;border:0}.xp-phone .bv-progress>strong{font-size:14px;letter-spacing:.01em}.xp-phone .bv-stamps{gap:8px;margin:18px 0}.xp-phone .bv-stamps span{--stamp-paper:#f4f0e5;aspect-ratio:1;border-radius:50%;background:#f4f0e5;min-height:0;padding:7px;opacity:1}.xp-phone .bv-stamps span:not(.filled){color:#8a9a8c}.xp-phone .bv-progress p{font-size:12px;margin:0;color:#617064}.xp-phone .bv-powered{display:none}.xp-next{display:flex;align-items:center;gap:13px;background:#eaf0e2;border:1px solid #dce5d5;margin:16px 20px;padding:16px;border-radius:16px}.xp-spark{font-size:30px;color:var(--xp-accent)}.xp-next strong{font-size:12px}.xp-next p{font-size:11px;color:#60705f;margin:3px 0 0}.xp-section-title{padding:10px 24px 0}.xp-section-title h2{font-family:Georgia,serif;font-size:23px;font-weight:normal;letter-spacing:-.6px;margin:10px 0 4px}.xp-section-title>span{font-size:9px;color:#76816e;letter-spacing:.13em}.xp-discover{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 40px);margin:13px 20px 20px;padding:17px 18px;border:0;border-radius:14px;color:#fffdf6;background:var(--xp-accent);font-size:13px;font-weight:600}.xp-discover span{font-size:22px}.xp-nav{position:sticky;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);background:#fffdf8f5;border-top:1px solid #e5e7dc;backdrop-filter:blur(12px);padding:10px 9px 8px;z-index:1}.xp-nav button{display:grid;justify-items:center;gap:5px;padding:8px 2px;border:0;background:transparent;color:#7b8779;min-height:58px;font-size:9px}.xp-nav button[aria-current]{color:var(--xp-accent);background:#edf2e7;border-radius:12px;font-weight:700}.xp-nav svg{width:23px;height:23px}.xp-footer{text-align:center;padding:14px 10px;font-size:9px;color:#8c9485}.xp-preview-note{padding:6px 26px 14px;font-size:10px;color:#7b8275;text-align:center}.xp-offers{padding:0 20px 15px;display:grid;gap:20px}.xp-offer{padding:0;text-align:left;border:0;border-radius:20px;overflow:hidden;background:#fffdf8;box-shadow:0 5px 24px #173b2a0c;color:inherit;display:block;width:100%}.xp-offer-photo{height:218px;position:relative;background:#ede9df}.xp-offer-photo img{width:100%;height:100%;object-fit:cover;display:block}.xp-discount{position:absolute;left:14px;top:14px;background:#e3ed75;color:#213d25;padding:8px 12px;border-radius:25px;font-weight:800;font-size:15px}.xp-stock{position:absolute;bottom:13px;left:14px;background:#fffdf8eb;border-radius:25px;padding:6px 10px;font-size:10px}.xp-offer-copy{padding:17px 18px}.xp-offer-copy h2{font-size:21px;font-family:Georgia,serif;font-weight:normal;letter-spacing:-.5px;margin:0 0 5px}.xp-offer-copy p{font-size:11px;color:#77816f;margin:0 0 14px}.xp-price{display:flex;align-items:baseline;gap:9px}.xp-price strong{font-size:25px;font-weight:750;letter-spacing:-.8px}.xp-price del{font-size:13px;color:#899280}.xp-price>span{margin-left:auto;font-size:11px;font-weight:650;color:var(--xp-accent)}.xp-empty{text-align:center;background:#edf1e6;padding:30px 18px;border-radius:20px}.xp-empty>span{font-size:35px}.xp-empty h2{font:25px Georgia,serif}.xp-empty p{font-size:12px;color:#687263}.xp-back{margin:15px 20px;background:transparent;border:0;font-size:12px;padding:0;min-height:30px;color:var(--xp-accent)}.xp-detail-photo{width:100%;height:270px;object-fit:cover}.xp-detail-copy{padding:25px}.xp-detail-copy h1{font-size:34px}.xp-detail-copy>p{font-size:13px;color:#6d776a;white-space:pre-line}.xp-facts{border-top:1px solid #e1e4d7;margin-top:22px;padding-top:7px}.xp-facts p{font-size:12px;color:#657260;overflow-wrap:anywhere}.xp-facts strong{color:#24492f}.xp-photo-missing{display:grid;place-items:center;height:100%;font:24px Georgia,serif;color:#78866d}.xp-view[hidden]{display:none!important}.xp-phone button:focus-visible{outline:3px solid #aebf4d;outline-offset:3px}@media(max-width:480px){#experience-preview{width:100vw;max-width:100vw;max-height:100dvh;height:100dvh;border-radius:0;margin:0}.xp-nav{bottom:0;padding-bottom:max(8px,env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){#experience-preview *{scroll-behavior:auto!important}}
/* Keep the phone canvas independent from operator styles. */
.xp-phone .xp-header{margin:0;flex-direction:row;align-items:center;gap:12px}.xp-phone #xp-card{width:calc(100% - 40px);max-width:calc(100% - 40px)}.xp-phone .bv-card .bv-stamps{grid-template-columns:repeat(5,minmax(0,1fr))}.xp-phone .bv-card .bv-stamps span,.xp-phone .bv-card .bv-stamps span.filled{background:#f4f0e5;opacity:1;aspect-ratio:1;min-height:0}.xp-phone .bv-card .bv-stamps span:not(.filled){color:#6d826e;opacity:1}.xp-phone .bv-card .bv-stamps .bv-stamp-icon{max-width:100%;max-height:100%}#experience-preview{overflow-x:hidden}
