/* Pocket Friends icon system: shared sizing, readable states and brief feedback. */
.pf-glyph{display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle;pointer-events:none;transform-origin:center;transition:transform .18s ease,fill .18s ease,color .18s ease}
.pf-glyph-arrow-right,.pf-glyph-arrow-down,.pf-glyph-external{width:18px;height:18px}
.pf-kit-arrow{display:inline-flex;align-items:center}
.pf-kit:hover .pf-kit-arrow{transform:translateX(2px)}
.pf-emblem{--emblem-ink:#6d5737;--emblem-bg:#f5eacb;display:inline-flex;align-items:center;justify-content:center;flex:none;width:32px;height:32px;border:1px solid #ffffffa6;border-radius:11px;background:var(--emblem-bg);color:var(--emblem-ink)}
.pf-emblem-ocean{--emblem-ink:#276975;--emblem-bg:#dceff1}
.pf-emblem-farm{--emblem-ink:#546f36;--emblem-bg:#e8eed7}
.pf-emblem-fantasy{--emblem-ink:#76508e;--emblem-bg:#eee2f5}
.pf-emblem-pet{--emblem-ink:#955c48;--emblem-bg:#f5e1d6}
.pf-emblem-world{--emblem-ink:#536b60;--emblem-bg:#e5ede5}
.home-collection-cover>.pf-emblem{position:absolute;top:14px;left:14px;width:42px;height:42px;border-radius:14px;z-index:3;box-shadow:0 3px 8px #293f4409}
.home-collection-cover>.pf-emblem .pf-glyph{width:25px;height:25px}
.pf-collection-card strong{display:flex;align-items:center;gap:8px;line-height:1.3}
.pf-collection-card strong .pf-emblem{width:29px;height:29px;border-radius:9px}
.pf-collection-card strong .pf-glyph{width:18px;height:18px}
.pf-mobile-group-name{display:flex;align-items:center;gap:8px}
.pf-mobile-group-name .pf-emblem{width:25px;height:25px;border-radius:8px}
.pf-mobile-group-name .pf-glyph{width:16px;height:16px}
.pf-icon{width:44px;height:44px;border:1px solid transparent;border-radius:14px;position:relative;transition:background .18s ease,border-color .18s ease,color .18s ease,transform .18s ease}
.pf-actions .pf-glyph,.pf-icon .pf-glyph{width:22px;height:22px}
.pf-icon:hover,.pf-icon[aria-current=page]{background:#eee6f2;border-color:#dfd0e7;color:#76508e}
.pf-cart{min-height:44px;transition:background .18s ease,border-color .18s ease,transform .18s ease}
.pf-cart:hover{background:#e9efe6;border-color:#b5c7b2}
.pf-collection-shortcut.has-wanted>.pf-glyph-heart{fill:#78568d;stroke:#78568d}
.pf-icon:active,.pf-cart:active{transform:scale(.96)}
.pf-icon:focus-visible,.pf-cart:focus-visible,.collector-controls button:focus-visible,.add-button:focus-visible,.home-collection-cover:focus-visible,.home-reel-cover:focus-visible,.faq summary:focus-visible{outline:3px solid #8662a0;outline-offset:3px}
.pf-action-tooltip{position:absolute;left:50%;top:calc(100% + 8px);transform:translate(-50%,-3px);width:max-content;max-width:180px;padding:8px 11px;border-radius:10px;background:#513b62;color:#fff;font-size:12px;line-height:1.3;font-weight:650;white-space:nowrap;box-shadow:0 5px 15px #293f441c;opacity:0;visibility:hidden;transition:opacity .16s ease,transform .16s ease,visibility .16s;z-index:4;pointer-events:auto}
.pf-action-tooltip:before{content:'';position:absolute;left:0;right:0;top:-10px;height:10px}
.pf-header[data-tooltips-dismissed] .pf-action-tooltip{opacity:0!important;visibility:hidden!important}
.pf-cart{position:relative}
.pf-cart .pf-action-tooltip{left:auto;right:0;transform:translateY(-3px)}
.pf-cart>.pf-action-tooltip{display:block}
.pf-announcement .pf-glyph{width:12px;height:12px}
.footer-main .pf-glyph{width:14px;height:14px}
.pf-mobile-collections>a>.pf-glyph{margin-left:auto}
.collector-controls{gap:7px}
.collector-controls button,.home-featured .collector-controls button,.collector-page .product-grid .collector-controls button{display:flex;justify-content:center;align-items:center;gap:5px;min-height:46px;padding:8px 6px;border-radius:12px;font-size:11px;line-height:1.3;white-space:normal;cursor:pointer;border-color:#dce0d5;transition:background .18s ease,border-color .18s ease,color .18s ease}
.collector-controls button:disabled{cursor:wait;opacity:.6}
.collector-controls button .collector-symbol{display:inline-flex;align-items:center;justify-content:center;flex:none;width:23px;height:23px;border-radius:50%;margin:0;font-size:inherit}
.collector-symbol .pf-glyph{width:17px;height:17px}
.collector-controls button[data-collect-status=owned]{color:#365c4a}
.collector-controls button[data-collect-status=wanted]{color:#78528f}
.collector-controls button[data-collect-status=wanted]:hover{background:#f2eaf7;border-color:#b99bc9}
.collector-controls button[aria-pressed=true][data-collect-status=owned]{background:#e5efe6;border-color:#8daf94;color:#2d593b}
.collector-controls button[aria-pressed=true][data-collect-status=owned] .collector-symbol{background:#366b47;color:#fff}
.collector-controls button[aria-pressed=true][data-collect-status=wanted]{background:#efe3f5;border-color:#b296c3;color:#71468d}
.collector-controls button[aria-pressed=true][data-collect-status=wanted] .pf-glyph-heart{fill:currentColor}
.product-card .add-button,.home-featured .add-button{min-height:48px;border-radius:12px;padding:9px 10px;font-size:12px;line-height:1.4;gap:8px;color:#684681;background:#f8f2fb;border-color:#e1d6e8;transition:background .18s ease,border-color .18s ease}
.product-card .add-button:hover{background:#eee2f5;border-color:#bba0cd}
.product-card .add-button .pf-glyph{width:19px;height:19px}
.card-explore{display:grid;place-items:center;right:10px;top:10px;width:30px;height:30px;border:1px solid #ffffffad;border-radius:50%;background:#fffdf8bd;color:#6e5380;transition:background .18s ease}
.card-explore .pf-glyph{width:17px;height:17px}
.product-photo:hover .card-explore{background:#fffdf8}
.home-album-card>span{display:flex;align-items:center;justify-content:center;gap:6px}
.home-album-card .pf-glyph{width:17px;height:17px}
.home-album-card.album-wanted .pf-glyph-heart{fill:currentColor}
.home-story-mark .pf-glyph{width:44px;height:44px}
.home-reel-play{min-height:46px;padding:7px 15px 7px 8px;gap:8px;transition:background .18s ease,box-shadow .18s ease}
.home-reel-play .pf-play-disc{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#78528f;color:#fff;box-shadow:0 2px 7px #78528f2b;transition:transform .18s ease,background .18s ease}
.pf-play-disc .pf-glyph{width:19px;height:19px;fill:currentColor;stroke-width:1.4}
.faq summary{align-items:center;min-height:48px;gap:18px}
.faq summary:after{display:none}
.faq-toggle{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#eee7f2;color:#75518c;flex:none;transition:background .18s ease,color .18s ease}
.faq-toggle .pf-glyph{width:17px;height:17px}
.pf-plus-vertical{transform-origin:12px 12px;transition:transform .18s ease,opacity .18s ease}
.faq details[open] .pf-plus-vertical{transform:scaleY(0);opacity:0}
.faq details[open] .faq-toggle{background:#78528f;color:#fff}
.world-showcase-check .pf-glyph{width:14px;height:14px}
.world-showcase-included>span .pf-glyph{width:18px;height:18px}
.cart-head .icon-button{display:grid;place-items:center;width:44px;height:44px;flex:none}
#cart-empty>span>.pf-glyph{width:44px;height:44px}
@media(hover:hover) and (pointer:fine){
 .pf-icon:hover>.pf-glyph{transform:translateY(-1px)}
 .pf-icon:hover .pf-action-tooltip,.pf-cart:hover .pf-action-tooltip,.pf-icon:focus-visible .pf-action-tooltip,.pf-cart:focus-visible .pf-action-tooltip{opacity:1;visibility:visible;transform:translate(-50%,0)}
 .pf-cart:hover .pf-action-tooltip,.pf-cart:focus-visible .pf-action-tooltip{transform:translateY(0)}
 a:hover>.pf-glyph-arrow-right,button:hover>.pf-glyph-arrow-right,.product-photo:hover .pf-glyph-arrow-right,.home-kit-card:hover .pf-glyph-arrow-right,.home-collection-cover:hover .pf-glyph-arrow-right{transform:translateX(3px)}
 a:hover>.pf-glyph-external,button:hover>.pf-glyph-external{transform:translate(2px,-2px)}
 a:hover>.pf-glyph-arrow-down{transform:translateY(2px)}
 .home-collection-cover:hover>.pf-emblem .pf-glyph,.pf-collection-card:hover .pf-emblem .pf-glyph{transform:rotate(-6deg)}
 .home-reel-cover:hover .pf-play-disc{transform:scale(1.08);background:#65417e}
}
@media(max-width:760px){
 .home-featured .collector-controls button,.product-grid .collector-controls button,.collector-page .product-grid .collector-controls button{flex-direction:column;min-height:62px;padding:7px 3px;gap:3px;font-size:11px}
 .product-card .add-button,.home-featured .add-button{font-size:11px;min-height:48px;padding:8px;gap:5px}
 .home-collection-cover>.pf-emblem{top:9px;left:9px;width:31px;height:31px;border-radius:11px}
 .home-collection-cover>.pf-emblem .pf-glyph{width:20px;height:20px}
 .home-collection-kit{font-size:11px;line-height:1.4;min-height:48px;text-align:center}
 .home-collection-kit .pf-glyph{width:15px;height:15px}
 .home-collection-count>.pf-glyph{display:none}
 .home-reel-play{min-height:44px;padding:6px 10px 6px 6px;font-size:10px;gap:6px}
 .home-reel-play .pf-play-disc{width:27px;height:27px}
 .home-reel-play .pf-glyph{width:17px;height:17px}
}
@media(max-width:600px){
 .pf-header-inner{gap:7px;padding-left:14px;padding-right:14px}
 .pf-icon{width:44px;height:44px;padding:10px}
 .pf-cart{min-width:54px;min-height:44px;padding:8px 2px 8px 4px}
 .pf-cart .pf-glyph{width:21px;height:21px}
 .pf-actions{gap:2px}
 .pf-action-tooltip{display:none!important}
}
@media(max-width:360px){.pf-brand img{width:110px;height:52px}.pf-header-inner{gap:5px}.pf-actions{gap:0}.home-collection-kit{font-size:10px}}
@media(prefers-reduced-motion:reduce){
 .pf-glyph,.pf-icon,.pf-cart,.pf-action-tooltip,.collector-controls button,.product-card .add-button,.card-explore,.home-reel-play,.pf-play-disc,.faq-toggle,.pf-plus-vertical{transition:none!important}
 .pf-icon:active,.pf-cart:active,.pf-icon:hover>.pf-glyph,a:hover>.pf-glyph-arrow-right,button:hover>.pf-glyph-arrow-right,.product-photo:hover .pf-glyph-arrow-right,.home-kit-card:hover .pf-glyph-arrow-right,.home-collection-cover:hover .pf-glyph-arrow-right,a:hover>.pf-glyph-external,button:hover>.pf-glyph-external,a:hover>.pf-glyph-arrow-down,.home-collection-cover:hover>.pf-emblem .pf-glyph,.pf-collection-card:hover .pf-emblem .pf-glyph,.home-reel-cover:hover .pf-play-disc,.pf-kit:hover .pf-kit-arrow{transform:none}
}
