/* Panda's own editorial identity. The established catalogue, footer and native order controls retain their existing styles. */
@font-face{font-family:"Panda Inter";src:url('/wp-content/themes/twentytwentyfour/assets/fonts/inter/Inter-VariableFont_slnt,wght.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
body.pd-brand-refresh{--pd-brand-ink:#20201d;--pd-brand-red:#c73524;--pd-brand-line:#e5e1dc;--pd-brand-sans:"Panda Inter","Noto Sans SC",sans-serif}
/* One compact row on every customer page, including cart and checkout. */
body.pd-brand-refresh header.wp-block-template-part,body.pd-brand-refresh.pd-shop-page header.wp-block-template-part{position:relative!important;inset:auto!important;z-index:50;background:#fff!important;margin:0!important;color:var(--pd-brand-ink)}
html body.pd-brand-refresh .panda-brand-header{width:100%;max-width:none!important;margin:0!important;padding:12px clamp(16px,4vw,56px)!important;background:#fff!important;border:0!important;border-bottom:1px solid var(--pd-brand-line)!important;box-shadow:none!important;font-family:var(--pd-brand-sans)!important;box-sizing:border-box}
html body.pd-brand-refresh .panda-brand-header>.wp-block-group{display:flex!important;align-items:center!important;justify-content:space-between!important;flex-wrap:nowrap!important;gap:28px!important;width:100%;max-width:1320px!important;margin:0 auto!important;min-height:54px}
html body.pd-brand-refresh .panda-brand-header .wp-block-group{background:transparent!important;flex-wrap:nowrap!important;gap:12px;min-width:0;margin-block:0}
html body.pd-brand-refresh .panda-brand-header .wp-block-site-logo{flex:0 0 auto;margin:0!important}
html body.pd-brand-refresh .panda-brand-header .wp-block-site-logo a{display:block!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
html body.pd-brand-refresh .panda-brand-header .wp-block-site-logo img{display:block;width:56px!important;height:49px!important;max-width:none!important;object-fit:contain;border-radius:0!important;background:transparent!important}
html body.pd-brand-refresh .panda-brand-header .wp-block-site-title{margin:0!important;white-space:nowrap;font-family:var(--pd-brand-sans)!important;font-size:17px!important;font-weight:700!important;line-height:1.15!important;letter-spacing:-.035em!important}
html body.pd-brand-refresh .panda-brand-header .wp-block-site-title a{color:var(--pd-brand-ink)!important;letter-spacing:inherit!important;text-transform:none!important;text-decoration:none}
html body.pd-brand-refresh .panda-brand-header .wp-block-site-title+p:empty{display:none}
html body.pd-brand-refresh .panda-brand-header .wp-block-navigation{gap:26px!important;color:var(--pd-brand-ink)!important;font-family:var(--pd-brand-sans)!important;flex-wrap:nowrap!important}
html body.pd-brand-refresh .panda-brand-header .wp-block-navigation-item__label,html body.pd-brand-refresh .panda-brand-header .wp-block-navigation a{color:var(--pd-brand-ink)!important;font-family:var(--pd-brand-sans)!important;font-size:13px!important;font-weight:550!important;line-height:1.5!important;letter-spacing:-.015em!important;text-transform:none!important}
html body.pd-brand-refresh .panda-brand-header .wp-block-navigation-item__content:hover,html body.pd-brand-refresh .panda-brand-header .wp-block-navigation a:hover{color:var(--pd-brand-red)!important;text-decoration:underline;text-underline-offset:6px}
html body.pd-brand-refresh .panda-brand-header .wp-block-navigation__responsive-container-open{color:var(--pd-brand-ink)!important;padding:6px!important}
html body.pd-brand-refresh .panda-brand-header .b2b-language-switch{margin:0 0 0 8px!important;gap:5px!important;flex:0 0 auto;color:var(--pd-brand-ink)!important}
html body.pd-brand-refresh .panda-brand-header .b2b-language-switch a{font-size:11px!important;letter-spacing:.04em!important;padding:8px 2px!important}
html body.pd-brand-refresh .panda-brand-header a:focus-visible,html body.pd-brand-refresh .panda-brand-header button:focus-visible{outline:2px solid var(--pd-brand-red)!important;outline-offset:5px}
/* Real words and a full-width ingredient image, rather than an illustration behind the copy. */
body.pd-brand-refresh .panda-front-main,body.pd-brand-refresh .panda-front-content{margin:0!important}
body.pd-brand-refresh .pd-brand-hero{margin:0!important;max-width:none!important;width:100%;background:#fff!important;color:var(--pd-brand-ink);font-family:var(--pd-brand-sans)!important;overflow:clip}
body.pd-brand-refresh .pd-brand-wrap{max-width:1320px!important;margin:0 auto!important;padding:54px clamp(20px,4vw,56px) 46px;box-sizing:border-box}
body.pd-brand-refresh .pd-brand-eyebrow{margin:0 0 26px!important;font-family:var(--pd-brand-sans)!important;font-size:11px;font-weight:650;line-height:1.7;letter-spacing:.15em;color:var(--pd-brand-red);text-transform:uppercase}
body.pd-brand-refresh .pd-brand-heading{gap:64px!important;align-items:flex-end!important;margin:0!important}
body.pd-brand-refresh .pd-brand-heading>.wp-block-column{min-width:0;margin:0!important}
body.pd-brand-refresh .pd-brand-title{margin:0!important;font-family:var(--pd-brand-sans)!important;font-size:clamp(56px,6.6vw,100px)!important;font-weight:700!important;line-height:1.035!important;letter-spacing:-.075em!important;color:var(--pd-brand-ink)!important;text-wrap:balance}
body.pd-brand-refresh .pd-brand-title strong{color:var(--pd-brand-red);font-weight:inherit}
body.pd-brand-refresh .pd-brand-lead{max-width:40ch;margin:0 0 28px!important;font-family:var(--pd-brand-sans)!important;font-size:15px!important;line-height:1.8!important;font-weight:400;color:#5b5a54!important}
body.pd-brand-refresh .pd-brand-actions{gap:12px!important;margin:0!important;flex-wrap:wrap!important}
body.pd-brand-refresh .pd-brand-actions .wp-block-button{margin:0!important}
body.pd-brand-refresh .pd-brand-actions .wp-block-button__link{display:inline-flex!important;align-items:center;justify-content:center;min-height:48px;padding:14px 23px!important;font-family:var(--pd-brand-sans)!important;font-size:13px!important;font-weight:600!important;line-height:1.4!important;letter-spacing:0!important;background:var(--pd-brand-red)!important;color:#fff!important;border:1px solid var(--pd-brand-red)!important;border-radius:2px!important;box-shadow:none!important;text-decoration:none!important;transition:background .15s ease,border-color .15s ease}
body.pd-brand-refresh .pd-brand-actions .pd-brand-secondary .wp-block-button__link{background:#fff!important;color:var(--pd-brand-ink)!important;border-color:#c8c6c0!important}
body.pd-brand-refresh .pd-brand-actions .wp-block-button__link:hover{background:#a72c1f!important;border-color:#a72c1f!important;color:#fff!important;transform:none!important}
body.pd-brand-refresh .pd-brand-actions a:focus-visible{outline:2px solid var(--pd-brand-ink)!important;outline-offset:4px}
body.pd-brand-refresh .pd-brand-image{width:100%;max-width:none!important;margin:0!important;line-height:0}
body.pd-brand-refresh .pd-brand-image img{display:block;width:100%!important;height:clamp(280px,31vw,475px)!important;max-width:none!important;object-fit:cover;object-position:center 52%;border:0;border-radius:0}
body.pd-brand-refresh .pd-brand-strip{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:0 auto!important;padding:17px clamp(20px,4vw,56px)!important;max-width:1320px!important;border-bottom:1px solid var(--pd-brand-line);box-sizing:border-box}
body.pd-brand-refresh .pd-brand-address{margin:0!important;font:500 11px/1.7 var(--pd-brand-sans)!important;letter-spacing:.015em;color:#5b5a54!important}
body.pd-brand-refresh .pd-brand-strip .panda-open-status{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;font:500 11px/1.7 var(--pd-brand-sans)!important;letter-spacing:0!important;color:#5b5a54!important}
body.pd-brand-refresh .pd-brand-strip .panda-open-dot{width:6px;height:6px;margin-right:8px}
/* The transition into the established menu stays restrained and familiar. */
body.pd-brand-refresh .panda-menu-intro{padding-top:50px!important}
body.pd-brand-refresh .panda-menu-title{font-family:var(--pd-brand-sans)!important;font-weight:650!important;font-size:clamp(28px,3vw,40px)!important;letter-spacing:-.055em!important}
/* Native WordPress menu events, focus management and Escape behaviour remain intact. */
html body.pd-brand-refresh .panda-brand-header .wp-block-navigation__responsive-container.is-menu-open{background:#fff!important;color:var(--pd-brand-ink)!important;padding:88px 28px 36px!important;z-index:100000!important}
html body.pd-brand-refresh .panda-brand-header .is-menu-open .wp-block-navigation__responsive-dialog{min-height:auto!important;padding:0!important;position:static!important}
html body.pd-brand-refresh .panda-brand-header .is-menu-open .wp-block-navigation__responsive-dialog::before{content:'MENU';padding:0!important;margin:0 0 34px!important;color:var(--pd-brand-red)!important;font:600 11px/1.5 var(--pd-brand-sans)!important;letter-spacing:.16em!important}
html body.pd-brand-refresh .panda-brand-header .is-menu-open .wp-block-navigation__responsive-container-content{padding:0!important;align-items:flex-start!important}
html body.pd-brand-refresh .panda-brand-header .is-menu-open .wp-block-navigation__container{align-items:flex-start!important;gap:26px!important;padding:0!important}
html body.pd-brand-refresh .panda-brand-header .is-menu-open .wp-block-navigation-item__label{font:600 28px/1.3 var(--pd-brand-sans)!important;letter-spacing:-.045em!important;color:var(--pd-brand-ink)!important}
html body.pd-brand-refresh .panda-brand-header .is-menu-open .wp-block-navigation__responsive-container-close{top:22px!important;right:22px!important;color:var(--pd-brand-ink)!important;padding:6px!important}
@media(max-width:900px){body.pd-brand-refresh .pd-brand-heading{gap:32px!important}body.pd-brand-refresh .pd-brand-title{font-size:clamp(48px,7vw,70px)!important}html body.pd-brand-refresh .panda-brand-header>.wp-block-group{gap:16px!important}html body.pd-brand-refresh .panda-brand-header .wp-block-navigation{gap:18px!important}}
@media(max-width:781px){body.pd-brand-refresh .pd-brand-wrap{padding-top:36px;padding-bottom:34px}body.pd-brand-refresh .pd-brand-heading{gap:26px!important}body.pd-brand-refresh .pd-brand-heading>.wp-block-column{flex-basis:100%!important}body.pd-brand-refresh .pd-brand-title{font-size:clamp(42px,8.5vw,64px)!important;letter-spacing:-.07em!important;line-height:1.08!important}body.pd-brand-refresh .pd-brand-eyebrow{margin-bottom:20px!important}body.pd-brand-refresh .pd-brand-lead{margin-bottom:22px!important;max-width:45ch;font-size:14px!important;line-height:1.75!important}body.pd-brand-refresh .pd-brand-image img{height:270px!important;object-position:52% center}body.pd-brand-refresh .pd-brand-strip{align-items:flex-start;gap:8px;flex-direction:column;padding-top:15px!important;padding-bottom:15px!important}body.pd-brand-refresh .pd-brand-actions .wp-block-button__link{padding:13px 18px!important;min-height:46px}body.pd-brand-refresh .panda-menu-intro{padding-top:38px!important}}
@media(max-width:599px){html body.pd-brand-refresh .panda-brand-header{padding:10px 16px!important}html body.pd-brand-refresh .panda-brand-header>.wp-block-group{min-height:44px;gap:10px!important}html body.pd-brand-refresh .panda-brand-header .wp-block-site-logo img{width:44px!important;height:39px!important}html body.pd-brand-refresh .panda-brand-header .wp-block-site-title{font-size:13px!important;letter-spacing:-.04em!important}html body.pd-brand-refresh .panda-brand-header .wp-block-group{gap:8px!important}html body.pd-brand-refresh .panda-brand-header .wp-block-navigation{gap:8px!important}html body.pd-brand-refresh .panda-brand-header .b2b-language-switch{margin-left:0!important;gap:4px!important}html body.pd-brand-refresh .panda-brand-header .b2b-language-switch a{font-size:10px!important}body.pd-brand-refresh .pd-brand-image img{height:240px!important}}
@media(prefers-reduced-motion:reduce){body.pd-brand-refresh .pd-brand-actions .wp-block-button__link{transition:none}}

/* Resolve legacy header selectors explicitly, including the open native menu state. */
html body.pd-brand-refresh .panda-brand-header .wp-block-site-logo a,html body.pd-brand-refresh .panda-brand-header .wp-block-site-logo a:hover,html body.pd-brand-refresh .panda-brand-header .wp-block-site-logo a:focus{box-shadow:none!important;filter:none!important;background:transparent!important;border:0!important;border-radius:0!important;padding:0!important}
html body.pd-brand-refresh .panda-brand-header .wp-block-navigation-item__content{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;padding:8px 0!important}
html body.pd-brand-refresh .panda-brand-header .wp-block-navigation__container>.wp-block-navigation-item:first-child .wp-block-navigation-item__content{padding:11px 16px!important;border:1px solid var(--pd-brand-red)!important;border-radius:2px!important;background:var(--pd-brand-red)!important;color:#fff!important}
html body.pd-brand-refresh .panda-brand-header .wp-block-navigation__container>.wp-block-navigation-item:first-child .wp-block-navigation-item__label{color:#fff!important}
html body.pd-brand-refresh .panda-brand-header .wp-block-navigation__container>.wp-block-navigation-item:first-child .wp-block-navigation-item__content:hover{background:#a72c1f!important;border-color:#a72c1f!important;color:#fff!important}
body.pd-brand-refresh header.wp-block-template-part .panda-brand-header .wp-block-navigation__responsive-container.is-menu-open{background:#fff!important;color:var(--pd-brand-ink)!important;padding:88px 28px 36px!important}
body.pd-brand-refresh header.wp-block-template-part .panda-brand-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close{top:20px!important;right:20px!important;color:var(--pd-brand-ink)!important;background:#fff!important;border:1px solid var(--pd-brand-line)!important;width:44px!important;height:44px!important;padding:10px!important;box-shadow:none!important}
body.pd-brand-refresh header.wp-block-template-part .panda-brand-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{background:transparent!important;border:0!important;border-radius:0!important;padding:0!important;box-shadow:none!important;color:var(--pd-brand-ink)!important}
body.pd-brand-refresh header.wp-block-template-part .panda-brand-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__label{color:var(--pd-brand-ink)!important;font:600 28px/1.35 var(--pd-brand-sans)!important;letter-spacing:-.045em!important}
body.pd-brand-refresh header.wp-block-template-part .panda-brand-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item+.wp-block-navigation-item{border-color:var(--pd-brand-line)!important}
body.pd-brand-refresh header.wp-block-template-part .panda-brand-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content:focus-visible{outline:2px solid var(--pd-brand-red)!important;outline-offset:8px!important}

/* Keep the existing holiday notice and its close action comfortably usable in both languages. */
body.pd-brand-refresh #pum-816 .pum-close{right:8px!important;top:8px!important;width:auto!important;min-width:44px;height:32px!important;padding:4px 8px!important;font:500 13px/24px var(--pd-brand-sans)!important;box-sizing:border-box}

body.pd-brand-refresh header.wp-block-template-part .panda-brand-header .wp-block-navigation__responsive-container.is-menu-open ul.wp-block-navigation__container{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:24px!important;width:100%!important;text-align:left!important}
body.pd-brand-refresh header.wp-block-template-part .panda-brand-header .wp-block-navigation__responsive-container.is-menu-open li.wp-block-navigation-item{width:100%!important;justify-content:flex-start!important;text-align:left!important;margin:0!important;padding:0!important}
body.pd-brand-refresh header.wp-block-template-part .panda-brand-header .wp-block-navigation__responsive-container.is-menu-open li.wp-block-navigation-item+li.wp-block-navigation-item{border:0!important}
body.pd-brand-refresh header.wp-block-template-part .panda-brand-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content{width:auto!important;justify-content:flex-start!important;text-align:left!important;min-height:44px!important;display:flex!important;align-items:center!important}