/* Shared store navigation. Kept independent of page layouts and the cart. */
html{scroll-padding-top:110px;scrollbar-gutter:stable}body:has(dialog[open]){overflow:hidden}
.pf-announcement{background:#e9eedf;color:#345c4f;font-size:11px;line-height:1.5}
.pf-announcement>div{max-width:1320px;margin:auto;padding:8px 40px;display:flex;justify-content:center;position:relative;gap:24px}
.pf-announcement a{text-decoration:none}.pf-announcement strong{font-weight:750;margin-left:6px}.pf-announcement .pf-partner{position:absolute;right:40px;font-weight:650}
.pf-header{position:sticky;top:0;z-index:60;background:#faf8f1;border-bottom:1px solid #e5e2da;box-shadow:0 3px 12px #293f4406}
.pf-header-inner{max-width:1320px;min-height:88px;padding:10px 40px;margin:auto;display:flex;align-items:center;gap:28px}
.pf-brand{flex:none;display:block;line-height:0}.pf-brand img{width:146px;height:64px;object-fit:contain}
.pf-desktop-nav{display:flex;align-items:center;gap:22px;flex:1;justify-content:center}
.pf-desktop-nav>a,.pf-nav-dropdown>summary{font-family:inherit;font-weight:650;font-size:13px;line-height:1.4;color:#293f44;text-decoration:none;white-space:nowrap;padding:12px 0;cursor:pointer;list-style:none;display:flex;align-items:center;gap:4px}
.pf-nav-dropdown>summary{font-family:inherit;font-size:13px;font-weight:650}
.pf-nav-dropdown,.pf-mobile-menu details{padding:0;border:0;margin:0}
.pf-nav-dropdown>summary::after,.pf-mobile-menu summary::after{content:none!important}
.pf-nav-dropdown>summary::-webkit-details-marker,.pf-mobile-menu summary::-webkit-details-marker{display:none}
.pf-desktop-nav>a:hover,.pf-nav-dropdown>summary:hover,.pf-desktop-nav [aria-current=page],.pf-nav-dropdown>summary.pf-active,.pf-nav-dropdown[open]>summary{color:#78568d}
.pf-desktop-nav [aria-current=page],.pf-nav-dropdown>summary.pf-active{box-shadow:inset 0 -2px #a688b9}
.pf-nav-dropdown>summary svg{width:16px;height:16px;transition:transform .18s}.pf-nav-dropdown[open]>summary svg{transform:rotate(180deg)}
.pf-actions{display:flex;align-items:center;gap:6px;flex:none}.pf-actions svg,.pf-icon svg,.pf-cart svg,.pf-search-input svg{width:21px;height:21px;flex:none}
.pf-icon{border:0;background:transparent;color:#293f44;width:40px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;flex:none;text-decoration:none;padding:8px}
.pf-icon:hover,.pf-icon[aria-current=page]{background:#eee6f2;color:#78568d}
.pf-kit{background:#f6dc80;border:1px solid #ead17a;border-radius:28px;padding:12px 18px;font-size:13px;font-weight:750;line-height:1.4;text-decoration:none;color:#354743;display:inline-flex;justify-content:center;align-items:center;gap:13px;white-space:nowrap;transition:background .18s,transform .18s}
.pf-kit:hover{background:#f1d16a;transform:translateY(-1px)}.pf-actions>.pf-kit{margin-right:8px}
.pf-cart{display:inline-flex;align-items:center;gap:8px;border:1px solid #dcded2;border-radius:26px;background:transparent;color:#293f44;padding:9px 10px 9px 12px;cursor:pointer;font-family:inherit;font-weight:650;font-size:12px;line-height:1.4;white-space:nowrap}
.pf-cart span{font-family:inherit;font-size:12px;font-weight:650}.pf-cart:hover{background:#f0f1e7}.pf-cart b{min-width:23px;height:23px;padding:0 5px;display:grid;place-items:center;background:#345c4f;color:#fff;border-radius:20px;font-size:11px;line-height:1}
.pf-menu-toggle{display:none}
.pf-dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:min(1160px,calc(100vw - 64px));padding:27px 30px 0;background:#faf8f1;border:1px solid #e5e2da;border-radius:0 0 22px 22px;box-shadow:0 20px 38px #293f4424;color:#293f44}
.pf-dropdown-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.pf-kicker{font-size:10px;letter-spacing:1.6px;font-weight:750;color:#78568d}.pf-dropdown h2{font-size:24px;font-weight:650;letter-spacing:-.7px;line-height:1.2;margin:6px 0 0}.pf-dropdown-heading>a,.pf-dropdown-bottom a,.pf-world-intro>a{font-size:12px;font-weight:700;text-decoration:none;color:#78568d}
.pf-collections-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.pf-collection-card{display:flex;flex-direction:column;padding:0 13px 17px;border-radius:16px;text-decoration:none;min-width:0;transition:transform .18s}.pf-collection-card:hover{transform:translateY(-4px)}
.pf-tone-animal{background:#e8eddb}.pf-tone-ocean{background:#deedf1}.pf-tone-farm{background:#f4e8cc}.pf-tone-fantasy{background:#eee3f4}.pf-tone-pet{background:#f4e1d8}
.pf-collection-photo{display:block;height:140px;text-align:center}.pf-collection-photo img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.pf-collection-card strong{font-size:14px;color:#293f44}.pf-collection-card>span:last-child{font-size:11px;line-height:1.5;color:#65746b;margin-top:3px;max-width:140px}
.pf-dropdown-bottom{border-top:1px solid #e1e0d7;margin-top:22px;padding:15px 0;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#68756b}
.pf-world-dropdown{display:grid;grid-template-columns:260px 1fr;gap:34px;padding-bottom:28px}.pf-world-intro{padding:12px 0}.pf-world-intro h2{font-size:32px}.pf-world-intro p{font-size:13px;line-height:1.6;color:#697b70;margin:14px 0}.pf-world-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pf-world-cards a{display:flex;flex-direction:column;text-decoration:none;min-width:0}.pf-world-cards img{width:100%;height:155px;object-fit:contain;background:#eeece3;border-radius:14px}.pf-world-cards strong{font-size:13px;margin-top:11px}.pf-world-cards span{font-size:12px;color:#697b70}
.pf-search-dialog,.pf-mobile-menu{color:#293f44;background:#faf8f1;border:0;box-shadow:0 24px 90px #142d342b;padding:0}
.pf-search-dialog::backdrop,.pf-mobile-menu::backdrop{background:#1e30385e;backdrop-filter:blur(3px)}
.pf-search-dialog{width:min(720px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 80px);margin:70px auto 10px;border-radius:22px;overflow:auto}
.pf-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px 12px}.pf-dialog-head h2{font-size:22px;letter-spacing:-.5px;margin:0;line-height:1.3}.pf-dialog-head>span{font-size:15px;font-weight:750}
.pf-search-form{display:flex;gap:8px;padding:0 24px}.pf-search-input{display:flex;align-items:center;gap:12px;padding:13px 15px;background:#fff;border:1px solid #d9d4df;border-radius:12px;flex:1;min-width:0}.pf-search-input:focus-within{outline:2px solid #aa8ebd;outline-offset:1px}.pf-search-input input{width:100%;min-width:0;background:none;border:0;outline:none;font:inherit;font-size:16px;color:#293f44;padding:0}.pf-search-input svg{color:#78568d}.pf-search-submit{border:0;border-radius:12px;padding:10px 17px;background:#345c4f;color:#fff;font:inherit;font-size:13px;font-weight:650;cursor:pointer}
.pf-search-status{font-size:12px;color:#697b70;margin:14px 24px 10px}.pf-search-results{max-height:50dvh;overflow-y:auto;padding:0 16px;overscroll-behavior:contain}.pf-search-result{display:flex;align-items:center;gap:16px;padding:9px;border-radius:12px;text-decoration:none}.pf-search-result:hover,.pf-search-result:focus-visible{background:#eee7f2}.pf-search-result img{width:64px;height:64px;object-fit:contain;border-radius:9px;background:#f0eee6}.pf-search-result>span:nth-child(2){display:flex;flex-direction:column;flex:1;gap:2px}.pf-search-result strong{font-size:14px}.pf-search-result small{font-size:11px;color:#697b70}.pf-search-result>span:last-child{margin:0 10px;color:#78568d}.pf-search-footer{display:flex;justify-content:space-between;gap:20px;margin-top:12px;padding:18px 24px;border-top:1px solid #e5e2da}.pf-search-footer a{font-size:12px;font-weight:650;color:#78568d;text-decoration:none}
.pf-mobile-menu{height:100dvh;max-height:100dvh;width:min(390px,90vw);max-width:none;margin:0 auto 0 0;border-radius:0 20px 20px 0;overflow-y:auto;overscroll-behavior:contain}.pf-mobile-content{padding:8px 24px 25px}.pf-mobile-content>.pf-kit{width:100%;margin:0 0 18px}.pf-mobile-menu nav>a,.pf-mobile-menu summary{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:16px 0;border-bottom:1px solid #e3e0d7;font-size:15px;font-weight:650;text-decoration:none;cursor:pointer;list-style:none}.pf-mobile-menu summary svg,.pf-mobile-menu nav>a svg{width:20px;height:20px}.pf-mobile-menu nav small{display:block;font-size:11px;font-weight:400;color:#697b70;margin-top:3px}.pf-mobile-menu a[aria-current=page]{color:#78568d}.pf-mobile-collections{padding:8px 0}.pf-mobile-collections>a{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:13px;padding:5px 0}.pf-mobile-collections>a>span:first-child{display:block;width:42px;height:42px;border-radius:10px}.pf-mobile-collections img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.pf-mobile-collections>a>span:last-child{margin-left:auto;color:#8a9390}.pf-mobile-partner{display:block;text-decoration:none;color:#78568d;font-size:12px;font-weight:650;margin-top:24px}
@media(max-width:1250px){.pf-header-inner{padding-left:28px;padding-right:28px;gap:22px}.pf-desktop-nav{gap:17px}.pf-cart>span{display:none}.pf-actions{gap:3px}.pf-brand img{width:136px;height:60px}.pf-kit{padding:12px 15px}}
@media(max-width:1100px){.pf-desktop-nav{display:none}.pf-menu-toggle{display:inline-flex}.pf-header-inner{gap:14px;min-height:80px;padding:8px 24px}.pf-brand{margin-right:auto}.pf-actions{gap:8px}.pf-actions>.pf-kit{margin-right:9px}.pf-collection-shortcut{display:none}.pf-cart>span{display:inline}.pf-announcement>div{justify-content:space-between;padding:7px 24px}.pf-announcement .pf-partner{position:static}.pf-header-inner>.pf-menu-toggle{margin-left:-8px}}
@media(max-width:600px){html{scroll-padding-top:90px}.pf-announcement>div{padding:8px 14px;gap:9px;align-items:center}.pf-announcement>div>a:first-child{font-size:0}.pf-announcement strong{font-size:10px;margin:0}.pf-announcement .pf-partner{font-size:10px}.pf-header-inner{padding:7px 16px;gap:8px;min-height:75px}.pf-brand img{width:125px;height:55px}.pf-actions{gap:4px}.pf-actions>.pf-kit,.pf-cart>span{display:none}.pf-icon{width:36px;height:40px;padding:7px}.pf-cart{border:0;padding:7px 0 7px 4px;gap:4px}.pf-cart b{min-width:20px;height:20px;font-size:10px}.pf-cart svg{width:20px}.pf-search-dialog{margin:18px auto 10px;max-height:calc(100dvh - 36px);border-radius:18px}.pf-dialog-head{padding:16px 17px 12px}.pf-dialog-head h2{font-size:19px}.pf-search-form{padding:0 17px}.pf-search-submit{padding:10px}.pf-search-input{padding:12px 10px;gap:8px}.pf-search-input input{font-size:16px}.pf-search-status{margin:14px 17px 8px}.pf-search-results{padding:0 9px;max-height:56dvh}.pf-search-footer{padding:15px 17px;gap:12px}.pf-search-footer a{font-size:11px}.pf-mobile-menu .pf-dialog-head{padding:16px 20px 12px}}
.pf-nav-highlight{position:absolute;left:0;top:0;z-index:0;width:var(--nav-width,0);height:var(--nav-height,38px);transform:translate(var(--nav-x,0),var(--nav-y,0));border-radius:24px;background:#eee3f4;opacity:0;pointer-events:none;transition:transform .2s ease,width .2s ease,background-color .2s ease,opacity .14s ease}
.pf-nav-highlight.is-visible{opacity:1}
.pf-nav-highlight[data-tone=collections]{background:#e8eddb}
.pf-nav-highlight[data-tone=characters]{background:#eee3f4}
.pf-nav-highlight[data-tone=world]{background:#f4e6d9}
.pf-nav-highlight[data-tone=locator]{background:#deedf1}
.pf-desktop-nav>a,.pf-nav-dropdown>summary{position:relative;z-index:1;transition:color .16s ease}
.pf-desktop-nav [aria-current=page],.pf-nav-dropdown>summary.pf-active{box-shadow:none;text-decoration:underline;text-decoration-color:#9d84ac;text-decoration-thickness:2px;text-underline-offset:7px}
.pf-dropdown{z-index:2}
.pf-nav-dropdown[open]>.pf-dropdown{animation:pf-menu-reveal .2s ease-out both}
@keyframes pf-menu-reveal{from{opacity:0;transform:translate(-50%,-7px)}to{opacity:1;transform:translate(-50%,0)}}
.pf-kit{position:relative;overflow:hidden;gap:9px}
.pf-kit.has-progress{padding-top:13px;padding-bottom:16px}
.pf-kit-count{display:inline-flex;align-items:center;justify-content:center;padding:3px 7px;border-radius:15px;background:#fff9dc;color:#315447;font-size:11px;font-weight:800;line-height:1.2}
.pf-kit-count[hidden],.pf-kit-progress[hidden]{display:none}
.pf-collection-shortcut{position:relative;overflow:visible}
.pf-collection-shortcut.has-wanted svg{stroke:#78568d;fill:#eee3f4}
.pf-wanted-badge{display:inline-grid;place-items:center;min-width:19px;height:19px;padding:0 4px;border-radius:20px;background:#78568d;color:#fff;font-family:inherit;font-size:10px;font-weight:750;line-height:1;box-sizing:border-box;flex:none;transform-origin:center}
.pf-collection-shortcut>.pf-wanted-badge{position:absolute;top:0;right:-1px;border:2px solid #faf8f1;min-width:22px;height:22px}
.pf-wanted-badge[hidden]{display:none}
.pf-mobile-collection-state{display:inline-flex;align-items:center;gap:7px;flex:none}
.pf-mobile-collection-state svg{color:#78568d}
.cart-head [data-cart-count]{display:inline-block;transform-origin:center}
.pf-kit-arrow{flex:none;transition:transform .18s ease}
.pf-kit:hover .pf-kit-arrow{transform:translate(2px,-2px)}
.pf-kit-progress{position:absolute;bottom:4px;left:18px;right:18px;height:3px;border-radius:10px;background:#725f2624;overflow:hidden}
.pf-kit-progress::after{content:'';display:block;width:var(--kit-progress,0%);height:100%;border-radius:inherit;background:#456a48;transition:width .24s ease}
.pf-mobile-menu[open]{animation:pf-mobile-reveal .2s ease-out both}
@keyframes pf-mobile-reveal{from{opacity:0;transform:translateX(-16px)}to{opacity:1;transform:translateX(0)}}
@media(max-width:1100px){.pf-nav-highlight{display:none}}
@media(max-width:380px){.pf-mobile-content>.pf-kit{font-size:12px;padding-left:10px;padding-right:10px;gap:6px}}
@media(prefers-reduced-motion:reduce){.pf-kit,.pf-kit-arrow,.pf-kit-progress::after,.pf-collection-card,.pf-nav-dropdown>summary svg,.pf-nav-highlight,.pf-desktop-nav>a,.pf-nav-dropdown>summary{transition:none}.pf-nav-dropdown[open]>.pf-dropdown,.pf-mobile-menu[open]{animation:none}}
