/* Scoped Home Screen sheet; uses the site's existing typefaces. */
#peto-a2hs{box-sizing:border-box;width:min(100% - 32px,420px);max-height:calc(100dvh - 32px);margin:auto;padding:0;border:1px solid #f0e9e4;border-radius:28px;background:#fff;color:#302c29;box-shadow:0 24px 100px #30231d38;font-family:var(--wd-text-font,system-ui,-apple-system,sans-serif);text-align:center;overflow:auto;overscroll-behavior:contain;z-index:2147483000}
#peto-a2hs::backdrop{background:#17171766;backdrop-filter:blur(4px)}
#peto-a2hs *{box-sizing:border-box}
#peto-a2hs .peto-a2hs-content{position:relative;padding:32px 28px 20px}
#peto-a2hs button{min-height:44px;height:auto;width:auto;margin:0;font:inherit;font-size:14px;line-height:1.35;letter-spacing:0;text-transform:none;border:0;box-shadow:none;cursor:pointer;white-space:normal}
#peto-a2hs button:focus-visible,.peto-a2hs-menu button:focus-visible{outline:3px solid #f17a27;outline-offset:3px}
#peto-a2hs .peto-a2hs-close{position:absolute;top:9px;right:9px;width:44px;height:44px;padding:0;border-radius:50%;background:transparent;color:#786d65;font:28px system-ui}
#peto-a2hs .peto-a2hs-badge{display:grid;place-items:center;width:72px;height:72px;padding:4px;margin:0 auto 18px;background:#fff5ed;border:1px solid #ffdfc8;border-radius:22px;color:#ed6c13}
#peto-a2hs .peto-a2hs-badge img{display:block;width:64px;height:64px;object-fit:contain;border-radius:16px}
#peto-a2hs .peto-a2hs-badge svg{width:36px;height:36px}
#peto-a2hs .peto-a2hs-eyebrow{margin:0 0 9px;color:#c44700;font:700 10px/1.4 system-ui;letter-spacing:1.6px}
#peto-a2hs h2{margin:0 0 12px;color:#302c29;font-size:27px;line-height:1.16;font-weight:750;letter-spacing:-.7px}
#peto-a2hs #peto-a2hs-title:focus{outline:none}
#peto-a2hs .peto-a2hs-description{margin:0 auto 20px;color:#6b6865;font-size:14px;line-height:1.6;max-width:330px}
#peto-a2hs .peto-a2hs-perks{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;padding:16px 8px;margin:0 0 22px;border-block:1px solid #f3ece7}
#peto-a2hs .peto-a2hs-perks span{display:flex;align-items:center;gap:5px;color:#68635f;font-size:11px;line-height:1.5}
#peto-a2hs .peto-a2hs-perks svg{width:14px;height:14px;color:#ed701b}
#peto-a2hs .peto-a2hs-primary{display:block;width:100%;padding:14px 20px;border:1px solid #ffac68;border-radius:14px;background:#ffc18a;color:#332d29;font-weight:650}
#peto-a2hs .peto-a2hs-primary:hover{background:#ffb574;color:#332d29}
#peto-a2hs .peto-a2hs-primary:disabled{opacity:.6;cursor:wait}
#peto-a2hs .peto-a2hs-later{display:block;width:100%;padding:12px 4px;background:transparent;color:#6c6058;font-size:12px}
#peto-a2hs .peto-a2hs-options{display:flex;justify-content:center;gap:0 16px;flex-wrap:wrap;padding-top:12px;margin-top:2px;border-top:1px solid #f3ece7}
#peto-a2hs .peto-a2hs-options button{padding:8px 0;min-height:44px;background:transparent;color:#c44700;font-size:12px;text-decoration:underline;text-underline-offset:3px}
#peto-a2hs .peto-a2hs-device-note{margin:4px 0 0;color:#82766c;font-size:10px;line-height:1.5}
#peto-a2hs .peto-a2hs-step{padding:20px 16px;margin:0 0 18px;background:#fff0e3;border:1px solid #ffdab9;border-radius:20px}
#peto-a2hs .peto-a2hs-step-label{margin:0 0 16px;color:#c44700;font:700 10px/1.5 system-ui;letter-spacing:1.2px}
#peto-a2hs .peto-a2hs-illustration{display:grid;place-items:center;width:74px;height:74px;margin:0 auto 18px;background:#fff;border:1px solid #ffbd88;border-radius:22px;box-shadow:0 6px 0 #ffe5cf;color:#ed701b}
#peto-a2hs .peto-a2hs-illustration svg{width:34px;height:34px}
#peto-a2hs h3{margin:0 0 8px;color:#302c29;font-size:19px;font-weight:700;line-height:1.3}
#peto-a2hs .peto-a2hs-step p:last-child{min-height:66px;margin:0;color:#6b6865;font-size:13px;line-height:1.65}
#peto-a2hs .peto-a2hs-controls{display:flex;align-items:center;gap:12px;margin-bottom:16px}
#peto-a2hs .peto-a2hs-controls button{flex:1}
#peto-a2hs .peto-a2hs-controls .peto-a2hs-primary{width:auto;padding:12px 10px}
#peto-a2hs .peto-a2hs-back{padding:12px 10px;color:#65574d;background:#f5f2ef;border-radius:14px}
#peto-a2hs .peto-a2hs-dots{display:flex;gap:6px}
#peto-a2hs .peto-a2hs-dots span{width:6px;height:6px;border-radius:50%;background:#e7ddd6}
#peto-a2hs .peto-a2hs-dots .is-current{background:#ed701b}
.peto-a2hs-menu{padding:16px 20px;border-top:1px solid #ede7e2}
.peto-a2hs-menu button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:44px;padding:10px 14px;border:1px solid #ffad6a;border-radius:12px;background:#ffe6d0;color:#b83c00;font:600 13px/1.4 system-ui;cursor:pointer}
.peto-a2hs-menu svg{width:19px;height:19px;flex:none}
.peto-a2hs-menu[hidden],.woocommerce-MyAccount-navigation-link--peto-home-screen[hidden]{display:none!important}
#peto-a2hs .peto-a2hs-reminders{display:block;margin:4px auto 0;padding:8px 4px;background:transparent;color:#c44700;font-size:12px;text-decoration:underline;text-underline-offset:3px}
#peto-home-screen-notice{position:fixed;z-index:2147483001;bottom:100px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);padding:14px 18px;border:1px solid #ffad6a;border-radius:12px;background:#ffe6d0;color:#b83c00;font:500 13px/1.5 system-ui;box-shadow:0 6px 24px #302c2920;text-align:center}
@media(max-width:600px){#peto-a2hs{width:100%;max-width:480px;max-height:calc(100dvh - 16px);margin:auto auto 0;border-radius:28px 28px 0 0;border-bottom:0;padding-bottom:env(safe-area-inset-bottom,0px)}#peto-a2hs .peto-a2hs-content{padding:30px 24px 18px}}
@media(max-width:350px){#peto-a2hs .peto-a2hs-content{padding-inline:18px}#peto-a2hs h2{font-size:24px}#peto-a2hs .peto-a2hs-options{gap:0 12px}}

#peto-a2hs .peto-a2hs-browsers{display:flex;justify-content:center;gap:6px;padding:4px;margin:-4px auto 16px;max-width:220px;border:1px solid #ffdab9;border-radius:14px;background:#fff7f0}
#peto-a2hs .peto-a2hs-browsers button{flex:1;padding:8px 14px;min-height:40px;border:1px solid transparent;border-radius:10px;background:transparent;color:#68635f;font-size:13px}
#peto-a2hs .peto-a2hs-browsers button[aria-pressed="true"]{border-color:#ffb57b;background:#ffe0c2;color:#a83600;font-weight:650}
.peto-a2hs-menu button svg{color:#e9670e}