/* MENU-UI-01F2, directly ported from page-paprika-client-preview.php at
 * 1fbca878165bceb75ef20884a78a18625915c98b. Source order is retained:
 * floating HUD base, final Menu surface, then stacked/mobile HUD rules.
 * The final section contains only the WP link/admin-bar compatibility layer. */
.mobile-hud{--pepper:#ec5f68;--focus:#284f39;--font:'Chiron GoRound TC','Noto Sans CJK TC','PingFang TC','Microsoft JhengHei',sans-serif;--bubble-size:var(--pf-bubble-size,68px)}
.icon-library{position:absolute;width:0;height:0;overflow:hidden}
.icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}

/* Source: floating primary controls. */
.floating-tools{position:fixed;z-index:60;right:max(16px,env(safe-area-inset-right));top:max(24px,env(safe-area-inset-top));display:flex;flex-direction:column;gap:20px}
.bubble{position:relative;display:grid;place-items:center;width:var(--bubble-size);height:var(--bubble-size);padding:0;border:4px solid #fff9e8;border-radius:50%;background:linear-gradient(160deg,#ff7b80,var(--pepper) 65%);color:#fffdf4;box-shadow:0 5px 0 #b6533d4d,0 6px 18px #7242213b;transition:transform .18s,box-shadow .18s;text-decoration:none}
.bubble>.icon{width:34px;height:34px;stroke-width:2.5}
.bubble:hover{transform:translateY(-3px) rotate(-3deg);box-shadow:0 8px 0 #b6533d3a,0 9px 20px #7242213b;color:#fffdf4}
.floating-tools .bubble:focus:not(:focus-visible){outline:none}
.floating-tools .bubble:focus-visible{outline:var(--pf-control-focus-ring);outline-offset:3px}
.mobile-brand:focus:not(:focus-visible),.brand-scene .brand-link:focus:not(:focus-visible){outline:none}
.mobile-brand:focus-visible,.brand-scene .brand-link:focus-visible{outline:var(--pf-control-focus-ring);outline-offset:3px}
.bubble-caption{position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:.07em;white-space:nowrap;border:1px solid #e6bf92;border-radius:12px;background:#fff8e9;color:#6d4935;padding:1px 8px;box-shadow:0 2px 3px #7f4d2324}
.cart-count{position:absolute;right:-4px;top:-4px;min-width:23px;height:23px;border:2px solid #fff8ec;border-radius:20px;background:#b8384a;color:white;font:800 12px/19px var(--font);padding:0 4px}
.menu-anchor{position:relative}
.icon-btn{width:36px;height:36px;border:0;border-radius:50%;background:#f6ecd9;display:inline-grid;place-items:center;flex-shrink:0}
.icon-btn:hover{background:#f5d2bf}
.icon-btn .icon{width:19px;height:19px}
@keyframes menuin{from{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}

/* Source final desktop HUD sizing and rail availability. */
.bubble--secondary{display:none}
@media(min-width:1600px){
 .mobile-hud{--bubble-size:clamp(3.875rem,3.8vw,4.75rem)}
 .floating-tools{right:max(16px,env(safe-area-inset-right),calc(100vw - var(--preview-stage-left) - var(--preview-stage-width) - var(--bubble-size) - 12px));gap:clamp(1.125rem,1.2vw,1.5rem)}
 .bubble>.icon{width:clamp(1.875rem,1.95vw,2.25rem);height:clamp(1.875rem,1.95vw,2.25rem)}
 .bubble-caption,.bubble--secondary .bubble-caption{font-size:clamp(.75rem,calc(.6875rem + .12vw),.875rem);line-height:1.35}
 .bubble--secondary{display:grid}
 .bubble--account{background:linear-gradient(160deg,#a8c983,#7eaa61)}
}
@media(max-width:1599px){
 .mobile-hud{--bubble-size:57px}
 .floating-tools{--narrow-tools-gap:11px;flex-direction:row;gap:11px;position:relative;inset:auto;width:calc(100% - 40px);max-width:760px;margin-inline:auto;padding:max(.75rem,env(safe-area-inset-top)) env(safe-area-inset-right) 1.5rem 0;justify-content:flex-end;align-items:flex-start}
 .bubble{border-width:3px}
 .bubble>.icon{width:27px;height:27px}
 .bubble-caption{font-size:clamp(.6875rem,1.8vw,.8125rem)}
 .menu-anchor{position:static}
}
@media(max-width:600px){
 .mobile-hud{--bubble-size:48px}
 .floating-tools{--narrow-tools-gap:10px;width:calc(100% - 22px)}
 .bubble>.icon{width:25px;height:25px}
 .bubble-caption{font-size:8px;bottom:-10px;padding-inline:6px}
 .cart-count{width:19px;min-width:19px;height:19px;font-size:10px;line-height:15px}
}
@media(max-width:350px){
 .mobile-hud{--bubble-size:44px}
 .floating-tools{--narrow-tools-gap:8px;width:calc(100% - 16px);gap:8px}
}

/* Source MENU-UI-01F2 final surface and components. */
:root{--pf-menu-frame-border:#d6a369;--pf-menu-frame-background:linear-gradient(160deg,#fffdf8,#fff6e8 96%);--pf-menu-frame-shadow:inset 0 .1875rem 0 #fff,0 .25rem 0 #bd85544d,0 .8rem 1.8rem #52311930}
#worldMenu{
 --menu-ink:#573d33;
 --menu-pad:1.5rem;
 --menu-card-gap:1rem;
 position:absolute;
 top:0;
 right:calc(var(--bubble-size) + .9375rem);
 width:min(30rem,calc(100vw - 2rem));
 max-height:calc(100dvh - 2rem);
 padding:0 var(--menu-pad) calc(var(--menu-pad) + env(safe-area-inset-bottom));
 overflow-x:hidden;
 overflow-y:auto;
 overscroll-behavior:contain;
 scroll-padding-top:8rem;
 border:2px solid var(--pf-menu-frame-border);
 border-radius:1.75rem;
 background:var(--pf-menu-frame-background);
 color:var(--menu-ink);
 box-shadow:var(--pf-menu-frame-shadow);
 transform-origin:top right;
 animation:menuin .17s ease-out;
}
#worldMenu .menu-top{
 position:sticky;
 top:0;
 z-index:5;
 margin:0 calc(-1 * var(--menu-pad));
 padding:0 var(--menu-pad) 1rem;
 background:#fffdf9;
 box-shadow:0 .375rem .5rem -.55rem #9b643d55;
}
#worldMenu .menu-awning{
 position:relative;
 display:flex;
 height:1.125rem;
 margin:0 calc(-1 * var(--menu-pad));
 padding:0 .4rem;
 background:#ffe7a5;
 box-shadow:inset 0 .125rem 0 #fff6d8;
 pointer-events:none;
}
#worldMenu .menu-awning span{flex:1;min-width:0;border-radius:0 0 45% 45% / 0 0 38% 38%;background:#f56f76;box-shadow:inset 0 -.15rem 0 #b94c4b2b,0 .1rem .12rem #a6683c24}
#worldMenu .menu-awning span:nth-of-type(3n+2){background:#fff1d7;box-shadow:inset 0 -.15rem 0 #d49e702b,0 .1rem .12rem #a6683c24}
#worldMenu .menu-awning span:nth-of-type(3n){background:#ffc469;box-shadow:inset 0 -.15rem 0 #c8883d2b,0 .1rem .12rem #a6683c24}
#worldMenu .menu-awning .icon{position:absolute;z-index:1;top:.05rem;left:1rem;width:1rem;height:1rem;color:#67a958;fill:#a7cd70;filter:drop-shadow(0 .0625rem 0 #fff5d5)}
#worldMenu .menu-heading{display:flex;align-items:center;justify-content:space-between;min-height:2.75rem}
#worldMenu .eyebrow{color:#a76540;font-size:.8125rem;font-weight:800;letter-spacing:.08em}
#worldMenu h2{margin:.5rem 0 0;font-size:clamp(1.25rem,1.2rem + .3vw,1.5rem);line-height:1.4}
#worldMenu #closeMenu{display:grid;place-items:center;width:2.75rem;height:2.75rem;flex:none;margin-right:-.5rem;border:1px solid #e9c89e;border-radius:50%;background:linear-gradient(180deg,#fffefa,#fff0d8);color:#674639;box-shadow:inset 0 .125rem 0 #fff,0 .1875rem 0 #ddb78f,0 .3rem .4rem #794d2b22}
#worldMenu #closeMenu:hover{background:linear-gradient(180deg,#fffefa,#ffe8cf)}
#worldMenu #closeMenu:active{transform:translateY(.125rem);box-shadow:inset 0 .1rem .2rem #ad765633}
#worldMenu #closeMenu .icon{width:1.25rem;height:1.25rem}
#worldMenu .menu-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(9rem,100%),1fr));gap:var(--menu-card-gap);padding:.75rem .25rem .5rem}
#worldMenu .menu-card{
 --menu-edge:#e7bf77;
 --menu-depth:#dba855;
 --menu-top:#fffdf4;
 --menu-bottom:#fff0c9;
 --menu-icon:#c84d4e;
 position:relative;
 display:grid;
 grid-template-columns:minmax(0,1fr) 2rem;
 grid-template-rows:2.25rem auto;
 align-content:start;
 column-gap:.5rem;
 row-gap:.625rem;
 min-width:0;
 min-height:7.625rem;
 padding:1rem;
 border:1.5px solid var(--menu-edge);
 border-radius:1.3rem;
 background:linear-gradient(155deg,var(--menu-top),var(--menu-bottom));
 color:var(--menu-ink);
 text-align:left;
 box-shadow:inset 0 .15rem 0 #ffffffdb,inset 0 -.0625rem 0 #ffffff88,0 .2rem 0 var(--menu-depth),0 .4rem .55rem #7444261c;
 transition:filter .16s,transform .16s,box-shadow .16s;
 text-decoration:none;
}
#worldMenu .menu-card--all{--menu-edge:#f0a0a2;--menu-depth:#df858c;--menu-top:#fff8f7;--menu-bottom:#ffe1e5;--menu-icon:#d33d58}
#worldMenu .menu-card--news{--menu-edge:#a5d196;--menu-depth:#83ba78;--menu-top:#fafff7;--menu-bottom:#e8f7e3;--menu-icon:#278f55}
#worldMenu .menu-card--account{--menu-edge:#9ac8eb;--menu-depth:#79b2df;--menu-top:#fafdff;--menu-bottom:#e5f2fd;--menu-icon:#277cc5}
#worldMenu .menu-card--favorite{--menu-edge:#e8a9d9;--menu-depth:#d28dbd;--menu-top:#fff9fc;--menu-bottom:#fbe6f5;--menu-icon:#bf3e78}
#worldMenu .menu-card .icon{grid-column:1;grid-row:1;width:2.25rem;height:2.25rem;color:var(--menu-icon);stroke-width:2.1}
#worldMenu .menu-card>span:not(.menu-favorite-count):not(.pf-material-symbol){grid-column:1 / -1;grid-row:2;display:block;min-width:0;font-size:1.125rem;font-weight:800;line-height:1.35;overflow-wrap:break-word}
#worldMenu .menu-card small{display:block;margin-top:.25rem;color:#755b50;font-size:.875rem;font-weight:600;line-height:1.4;text-wrap:balance}
#worldMenu .menu-card .pf-menu-card-arrow{position:absolute;right:.8125rem;top:1rem;display:grid;place-items:center;width:2rem;height:2rem;border:1px solid var(--menu-edge);border-radius:.7rem;background:linear-gradient(160deg,#fffefa,var(--menu-bottom));color:var(--menu-icon);font-size:1.85rem;font-weight:500;line-height:1;box-shadow:inset 0 .1rem 0 #fff,0 .15rem 0 var(--menu-depth);pointer-events:none}
#worldMenu .menu-card.is-current{box-shadow:inset 0 .15rem 0 #fff,inset 0 -.0625rem 0 #ffffff88,0 .2rem 0 var(--menu-depth),0 .4rem .55rem #7444261c,0 0 0 .125rem #e5657166}
#worldMenu .menu-card:hover{filter:brightness(1.025);transform:translateY(-.0625rem);color:var(--menu-ink)}
#worldMenu .menu-card:active{transform:translateY(.125rem);box-shadow:inset 0 .1rem .2rem #7d4b3029,0 .0625rem 0 var(--menu-depth)}
#worldMenu :is(.menu-card,.icon-btn,.pfp-menu-links a):focus:not(:focus-visible){outline:none}
#worldMenu :is(.menu-card,.icon-btn,.pfp-menu-links a):focus-visible{outline:var(--pf-control-focus-ring);outline-offset:2px}
#worldMenu .menu-card{scroll-margin-top:8rem;scroll-margin-bottom:1.5rem}
#worldMenu .pfp-menu-links{display:flex;flex-wrap:wrap;column-gap:.5rem;row-gap:.5rem;margin-top:1.25rem}
#worldMenu .pfp-menu-group {margin-top:1rem;border-top:1px solid #e9c89e;padding-top:.75rem}
#worldMenu .pfp-menu-group h3 {margin:0;color:#704c3b;font-size:.95rem}
#worldMenu .pfp-menu-group .pfp-menu-links {margin-top:.5rem}
#worldMenu .pfp-menu-links .icon{width:1.0625rem;height:1.0625rem;flex:none}

/* Source Menu/HUD geometry after final surface. */
@media(min-width:1600px){#menuAnchor::after{content:'';position:absolute;top:0;left:-1.5rem;width:1.5rem;height:var(--bubble-size)}}
@media(max-width:1599px){
 #worldMenu{top:calc(var(--bubble-size) + .5rem);right:0;width:min(30rem,calc(100vw - 1.5rem));max-height:calc(100dvh - var(--store-admin-gap,0px) - var(--bubble-size) - 2rem)}
 #menuAnchor::after{content:'';position:absolute;top:var(--bubble-size);right:calc(var(--bubble-size) + var(--narrow-tools-gap,11px));width:var(--bubble-size);height:.75rem}
}
@media(max-width:600px){
 #worldMenu{--menu-pad:1.25rem;--menu-card-gap:.75rem;position:fixed;top:calc(var(--store-admin-gap,0px) + var(--bubble-size) + .9375rem);left:max(.75rem,env(safe-area-inset-left));right:max(.75rem,env(safe-area-inset-right));width:auto;max-width:none;max-height:calc(100dvh - var(--store-admin-gap,0px) - var(--bubble-size) - 1.75rem)}
 #worldMenu #closeMenu{margin-right:-.25rem}
 #worldMenu .menu-card{grid-template-rows:2rem auto}
 #worldMenu .menu-card .icon{width:2rem;height:2rem}
 #worldMenu .menu-card>span:not(.menu-favorite-count):not(.pf-material-symbol){font-size:1.0625rem}
}
@media(max-width:350px){#worldMenu .menu-grid{grid-template-columns:1fr}}

/* Source final stacked HUD hierarchy, after the Menu rules above. */
.mobile-hud{display:contents}
.mobile-brand{display:none}
@media(max-width:1599px){
 .mobile-hud{position:sticky;top:var(--store-admin-gap,0px);z-index:70;display:flex;align-items:center;gap:.75rem;width:100%;min-height:calc(var(--bubble-size) + 1.4rem);padding:max(.375rem,env(safe-area-inset-top)) max(.75rem,calc((100vw - 68rem)/2)) 1rem;background:#fff8ecf5;border-bottom:1px solid #e9d4b6;box-shadow:0 .2rem .55rem #68432b1a}
 .mobile-brand{display:block;flex:0 0 auto;width:clamp(3.25rem,5vw,4rem);height:auto;filter:drop-shadow(0 .125rem .2rem #62472d2b)}
 .mobile-brand img{display:block;width:100%;height:auto}
 .mobile-hud .floating-tools{flex:1 1 auto;position:relative;inset:auto;z-index:auto;display:flex;align-items:center;justify-content:flex-end;width:auto;max-width:none;margin:0;padding:0;gap:var(--narrow-tools-gap,11px)}
 .mobile-hud .world-menu{top:calc(var(--bubble-size) + .5rem);right:0;width:min(23.375rem,calc(100vw - 2rem));max-width:none;max-height:calc(100dvh - var(--store-admin-gap,0px) - var(--bubble-size) - 2.25rem)}
 html{scroll-padding-top:calc(var(--store-admin-gap,0px) + var(--bubble-size) + 2rem)}
 .product-card button,.pf-pages button,.pf-pages input,.pf-pages select{scroll-margin-top:calc(var(--store-admin-gap,0px) + var(--bubble-size) + 2rem)}
 /* WP adapter: native Woo product anchors and actions replace preview buttons. */
 .store .woocommerce ul.products li.product :is(a,button,input,select){scroll-margin-top:calc(var(--store-admin-gap,0px) + var(--bubble-size) + 2rem)}
}
@media(min-width:1200px) and (max-width:1599px){
 .category-list{top:calc(var(--store-admin-gap,0px) + var(--bubble-size) + 2rem)}
 #shopCatalogNote{top:calc(var(--store-admin-gap,0px) + var(--bubble-size) + 7.625rem)}
 html{scroll-padding-top:calc(var(--store-admin-gap,0px) + var(--bubble-size) + 12rem)}
 #productScrollport,.product-card,.product-card button{scroll-margin-top:calc(var(--store-admin-gap,0px) + var(--bubble-size) + 12rem)}
 /* WP adapter: preserve source offsets against the native Woo product loop. */
 .store .category-list{top:calc(var(--store-admin-gap,0px) + var(--bubble-size) + 2rem)}
 .store #shopCatalogNote{top:calc(var(--store-admin-gap,0px) + var(--bubble-size) + 7.625rem)}
 .store .woocommerce ul.products li.product,.store .woocommerce ul.products li.product :is(a,button,input,select){scroll-margin-top:calc(var(--store-admin-gap,0px) + var(--bubble-size) + 12rem)}
}
@media(max-width:600px){
 .mobile-hud{gap:.5rem;padding-inline:max(.625rem,env(safe-area-inset-left)) max(.625rem,env(safe-area-inset-right))}
 .mobile-brand{width:clamp(3rem,13vw,3.5rem)}
}

/* WordPress compatibility only: preview buttons become real links. */
#worldMenu .pfp-menu-links a{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.75rem;padding:.45rem .8rem;border:1px solid #e4bc91;border-radius:999px;background:linear-gradient(180deg,#fffefa,#fff0dc);color:#704c3b;font-size:.8125rem;font-weight:800;box-shadow:inset 0 .1rem 0 #fff,0 .16rem 0 #dfb993,0 .28rem .35rem #74442619;text-decoration:none;scroll-margin-top:8rem;scroll-margin-bottom:1.5rem}
#worldMenu .pfp-menu-links a:hover{background:linear-gradient(180deg,#fffefa,#ffe8d3)}
#worldMenu .pfp-menu-links a:active{transform:translateY(.1rem);box-shadow:inset 0 .1rem .2rem #8b583024}
@media(max-width:350px){#worldMenu .pfp-menu-links a{flex:1 1 100%}}
@media(min-width:1600px){body.admin-bar .floating-tools{top:calc(var(--store-admin-gap,32px) + max(24px,env(safe-area-inset-top)))}}

/* Generic pages use the legacy HUD markup; keep its real logo, menu and cart
   visible in a light header at every width, including large desktops. */
body:has(.pf-site-main--inner .pf-storefront--page) .mobile-hud {
 position:relative;top:auto;z-index:70;display:flex;align-items:center;gap:.75rem;
 box-sizing:border-box;width:100%;min-height:76px;padding:10px max(1rem,calc((100vw - 1200px)/2));
 border-bottom:1px solid #e7b8b7;background:#fffaf2;box-shadow:0 2px 0 #e7b8b7;
}
body:has(.pf-site-main--inner .pf-storefront--page) .mobile-brand {
 display:block;flex:0 1 auto;width:clamp(3rem,5vw,4rem);max-width:40%;height:auto;
 color:#783c4d;font-weight:900;line-height:1.2;text-decoration:none;overflow-wrap:anywhere;
}
body:has(.pf-site-main--inner .pf-storefront--page) .mobile-brand img {display:block;width:100%;height:auto;object-fit:contain}
body:has(.pf-site-main--inner .pf-storefront--page) .mobile-brand:not(:has(img)) {width:auto;max-width:35%}
body:has(.pf-site-main--inner .pf-storefront--page) .mobile-hud .floating-tools {
 position:relative;inset:auto;z-index:auto;display:flex;flex:1 1 auto;flex-direction:row;align-items:center;justify-content:flex-end;
 width:auto;max-width:none;margin:0;padding:0;gap:10px;
}
body:has(.pf-site-main--inner .pf-storefront--page) .mobile-hud .menu-anchor {position:static}
body:has(.pf-site-main--inner .pf-storefront--page) .mobile-hud #worldMenu {
 top:calc(100% + .75rem);right:0;width:min(30rem,calc(100vw - 2rem));max-height:calc(100dvh - 6rem);
}
body:has(.pf-site-main--inner .pf-storefront--page) .mobile-hud .bubble--secondary {display:grid}
@media(max-width:600px) {
 body:has(.pf-site-main--inner .pf-storefront--page) .mobile-hud {min-height:68px;padding:8px max(.625rem,env(safe-area-inset-left)) 12px max(.625rem,env(safe-area-inset-right))}
 body:has(.pf-site-main--inner .pf-storefront--page) .mobile-hud .floating-tools {gap:6px}
}
/* Search and identity on the legacy header use the same compact controls.
   The second row on narrow screens leaves full-sized touch targets. */
body:has(.pf-site-main--inner .pf-storefront--page) .mobile-brand {
 display:flex;align-items:center;gap:10px;width:auto;min-width:0;max-width:45%;
}
body:has(.pf-site-main--inner .pf-storefront--page) .mobile-brand img {
 flex:none;width:clamp(3rem,5vw,4rem);max-width:4rem;
}
body:has(.pf-site-main--inner .pf-storefront--page) .mobile-brand__name {
 min-width:0;color:#783c4d;font-size:clamp(1rem,1.5vw,1.35rem);font-weight:900;line-height:1.3;overflow-wrap:anywhere;
}
body:has(.pf-site-main--inner .pf-storefront--page) .pf-legacy-header-search {position:static;flex:none}
body:has(.pf-site-main--inner .pf-storefront--page) .pf-legacy-header-search summary {list-style:none;cursor:pointer}
body:has(.pf-site-main--inner .pf-storefront--page) .pf-legacy-header-search summary::-webkit-details-marker {display:none}
body:has(.pf-site-main--inner .pf-storefront--page) .pf-legacy-header-search form {
 position:absolute;top:calc(100% + .75rem);right:0;z-index:6;box-sizing:border-box;
 width:min(320px,calc(100vw - 20px));padding:14px;border:1px solid #ecd8d3;border-radius:16px;
 background:#fffdf8;box-shadow:0 5px 20px #70482933;
}
body:has(.pf-site-main--inner .pf-storefront--page) .pf-legacy-header-search label {display:block;margin-bottom:6px;color:#513b32;font-weight:800}
body:has(.pf-site-main--inner .pf-storefront--page) .pf-legacy-header-search input[type=search] {
 box-sizing:border-box;width:100%;min-width:0;min-height:44px;margin-bottom:8px;padding:8px 10px;
 border:1px solid #d8b7b1;border-radius:10px;background:#fff;color:#513b32;font:inherit;
}
body:has(.pf-site-main--inner .pf-storefront--page) .pf-legacy-header-search button {
 min-height:44px;padding:8px 18px;border:0;border-radius:999px;background:#a4314b;color:#fff;font:inherit;font-weight:800;cursor:pointer;
}
body:has(.pf-site-main--inner .pf-storefront--page) .pf-legacy-header-search :is(summary,input,button):focus-visible {outline:3px solid #a7344b;outline-offset:3px}
@media(max-width:480px) {
 body:has(.pf-site-main--inner .pf-storefront--page) .mobile-hud {flex-wrap:wrap;gap:4px 8px}
 body:has(.pf-site-main--inner .pf-storefront--page) .mobile-brand {flex:1 1 100%;width:100%;max-width:100%}
 body:has(.pf-site-main--inner .pf-storefront--page) .mobile-brand:not(:has(img)) {max-width:100%}
 body:has(.pf-site-main--inner .pf-storefront--page) .mobile-brand img {width:40px}
 body:has(.pf-site-main--inner .pf-storefront--page) .mobile-hud .floating-tools {flex:1 1 100%;justify-content:flex-end}
}
/* Native text labels are the default until the Material font is verified. */
.pf-material-symbol .pf-icon-fallback {display:inline;font-family:var(--font,'Chiron GoRound TC',sans-serif);font-size:.45em;font-weight:800;line-height:1.1;letter-spacing:0;white-space:normal;overflow-wrap:normal}
html.pf-material-icons-ready .pf-material-symbol .pf-icon-glyph[hidden] {display:inline!important;font-family:'Material Symbols Rounded';font-size:1em;line-height:1;font-feature-settings:'liga';font-variation-settings:'FILL' 1}
html.pf-material-icons-ready .pf-material-symbol .pf-icon-fallback {display:none}
body:has(.pf-site-main--inner .pf-storefront--page) .mobile-hud {background:transparent;border:0;box-shadow:none}

/* Click-operated right drawer; the footer stays visible while groups scroll. */
body .pf-drawer-overlay:not([hidden]){position:fixed;inset:0;z-index:999;background:rgb(31 25 42/.46)}
body #worldMenu.pf-drawer:not([hidden]){position:fixed;inset:0 0 0 auto;z-index:1000;display:flex;flex-direction:column;box-sizing:border-box;width:min(410px,100vw);max-width:100vw;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:20px 0 0 20px;background:#fffaf5;color:#573d33;box-shadow:-8px 0 28px #231a3433;overflow:hidden;overscroll-behavior:contain;animation:pf-drawer-in .25s ease-out both;transform-origin:right center}
body #worldMenu.pf-drawer[hidden],body .pf-drawer-overlay[hidden]{display:none}
@keyframes pf-drawer-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
body #worldMenu .pf-drawer__header{flex:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:calc(16px + env(safe-area-inset-top)) 20px 14px;border-bottom:1px solid #e7cbc1;background:#fffaf5}
body #worldMenu .pf-drawer__header h2{margin:0;font-size:1.3rem}
body #worldMenu .pf-drawer__header #closeMenu{margin:0;min-width:44px;min-height:44px}
body #worldMenu .pf-drawer__content{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:12px 20px}
body #worldMenu .pf-drawer__group{border-bottom:1px solid #ead7ce}
body #worldMenu .pf-drawer__group summary{display:flex;align-items:center;justify-content:space-between;min-height:52px;cursor:pointer;font-weight:800;list-style:none}
body #worldMenu .pf-drawer__group summary::-webkit-details-marker{display:none}
body #worldMenu .pf-drawer__group summary::after{content:'+';font-size:1.3rem}
body #worldMenu .pf-drawer__group[open] summary::after{content:'−'}
body #worldMenu .pf-drawer__links{display:grid;gap:2px;padding:0 0 10px}
body #worldMenu .pf-drawer__links a{display:flex;align-items:center;min-height:44px;padding:6px 12px;border-radius:10px;color:#573d33;text-decoration:none}
body #worldMenu .pf-drawer__links a:hover{background:#f8e7e4}
body #worldMenu .pf-drawer__links p{margin:0;padding:8px 12px;font-size:.9rem}
body #worldMenu .pf-drawer__footer{flex:none;padding:12px 20px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #e7cbc1;background:#fffaf5}
body #worldMenu .pf-drawer__social{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}
body #worldMenu .pf-drawer__social a{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:2px 8px;border-radius:20px;background:#f5e4e4;color:#663e4a;font-size:.75rem;font-weight:900;text-decoration:none}
body #worldMenu .pf-drawer__social .pf-material-symbol{display:inline-grid;place-items:center;font-size:20px;line-height:1;font-variation-settings:'FILL' 1}
body #worldMenu :is(a,button,summary):focus-visible{outline:3px solid #823c70;outline-offset:2px}
@media(prefers-reduced-motion:reduce){body #worldMenu.pf-drawer:not([hidden]){animation:none}}

/* Shared panel surface follows the existing WooCommerce quick-cart drawer. */
:root{--pf-panel-ink:#513b32;--pf-panel-border:#e5d1b3;--pf-panel-edge:#d8b38a;--pf-panel-surface:#fffaf0;--pf-panel-heading:linear-gradient(#fff8e8,#f8e9d1);--pf-panel-footer:#fff6e3;--pf-panel-backdrop:#30201980;--pf-panel-close-bg:#fff6f0;--pf-panel-close-ink:#983647}
body #worldMenu.pf-drawer:not([hidden]),body .pf-search-panel[open],body .pf-quick-cart[open]{box-sizing:border-box;position:fixed;inset:0 0 0 auto;width:min(100%,29rem);max-width:100%;height:100dvh;max-height:100%;margin:0;padding:0;border:0;border-inline-start:5px solid var(--pf-panel-edge);border-radius:0;background:var(--pf-panel-surface);color:var(--pf-panel-ink);box-shadow:-8px 0 36px #34201333;font-family:var(--pf-font-body,sans-serif);font-size:1rem;line-height:1.5;overflow:hidden}
body .pf-drawer-overlay:not([hidden]),body .pf-search-panel::backdrop,body .pf-quick-cart::backdrop{background:var(--pf-panel-backdrop);backdrop-filter:blur(3px)}
body #worldMenu .pf-drawer__header,body .pf-search-panel__header,body .pf-quick-cart__header{display:flex;flex:none;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--pf-panel-border);padding:20px;background:var(--pf-panel-heading)}
body #worldMenu .pf-drawer__header h2,body .pf-search-panel__header h2,body .pf-quick-cart__header h2{margin:0;color:var(--pf-panel-ink);font-size:1.4rem;font-weight:900;line-height:1.4}
body #worldMenu .pf-drawer__header #closeMenu,body .pf-search-panel__close,body .pf-quick-cart__close{display:grid;flex:none;place-items:center;width:44px;height:44px;min-width:44px;min-height:44px;margin:0;padding:8px;border:1px solid #e3bcac;border-radius:50%;background:var(--pf-panel-close-bg);color:var(--pf-panel-close-ink);box-shadow:none;cursor:pointer}
body .pf-search-panel__close{font-size:1.6rem;line-height:1}
body #worldMenu .pf-drawer__content,body .pf-search-panel__body{min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding:16px 20px}
body .pf-search-panel[open]{display:flex;flex-direction:column}
body .pf-search-panel form{display:grid;gap:10px}
body .pf-search-panel label{font-weight:800}
body .pf-search-panel input[type=search]{box-sizing:border-box;width:100%;min-height:48px;padding:10px;border:1px solid #b49776;border-radius:12px;background:#fffefa;color:var(--pf-panel-ink);font:inherit}
body .pf-search-panel form button{min-height:48px;padding:10px 12px;border:1px solid #bd2c4b;border-radius:999px;background:linear-gradient(#db4d69,#c93657);box-shadow:inset 0 1px #ffffff55,0 2px #982b40;color:white;font:inherit;font-weight:800;cursor:pointer}
body #worldMenu .pf-drawer__footer{border-top:1px solid var(--pf-panel-border);padding:16px 20px max(12px,env(safe-area-inset-bottom));background:var(--pf-panel-footer)}
body :is(#worldMenu,.pf-search-panel) :is(a,button,input,summary):focus-visible{outline:3px solid #a7344b;outline-offset:3px}
@media(max-width:480px){body #worldMenu.pf-drawer:not([hidden]),body .pf-search-panel[open]{border-inline-start-width:3px}body #worldMenu .pf-drawer__header,body .pf-search-panel__header{padding:16px}body #worldMenu .pf-drawer__content,body .pf-search-panel__body{padding:12px}body #worldMenu .pf-drawer__footer{padding-inline:16px}}
@media(prefers-reduced-motion:no-preference){body #worldMenu.pf-drawer:not([hidden]),body .pf-search-panel[open]{animation:pf-panel-enter .2s ease-out}@keyframes pf-panel-enter{from{transform:translateX(100%)}to{transform:translateX(0)}}}
@media(prefers-reduced-motion:reduce){body #worldMenu.pf-drawer:not([hidden]),body .pf-search-panel[open]{animation:none}}