/* The shared shell: small transitions, native links, and WooCommerce-owned checkout. */
:root{--pp-exp-cream:#f7f4ee;--pp-exp-white:#fff;--pp-exp-forest:#284b3d;--pp-exp-ink:#26352d;--pp-exp-sage:#e6ece3;--pp-exp-clay:#a4523c;--pp-exp-line:#d8ddd4;--pp-exp-muted:#56665b;--pp-exp-ease:cubic-bezier(.2,.7,.3,1);--pp-exp-fast:140ms;--pp-exp-mid:180ms;--pp-exp-panel:240ms;--paper:var(--pp-exp-cream);--ink:var(--pp-exp-ink);--pet-paper:var(--pp-exp-cream);--pet-ink:var(--pp-exp-ink);--pp-display:var(--pp-body)}
body,body.home{background:var(--pp-exp-cream);color:var(--pp-exp-ink)}
body,button,input,select,textarea{font-family:var(--pp-body);-webkit-font-smoothing:antialiased}
html{scroll-padding-top:108px}
body .site-header,body.home .site-header{background:var(--pp-exp-cream);border-bottom:1px solid var(--pp-exp-line);box-shadow:none;padding:0;isolation:isolate}
/* The legacy banner and footer navigation are replaced. Payment guidance remains visible. */
.xu-preview,.site-footer .xu-service-nav{display:none}
.pp-site-header{display:flex;align-items:center;justify-content:space-between;gap:28px;width:min(1320px,calc(100% - 80px));height:92px;margin-inline:auto}
.pp-site-wordmark{display:inline-flex;align-items:baseline;gap:5px;position:relative;color:var(--pp-exp-ink);font:800 31px/1.1 var(--pp-body);letter-spacing:-1.3px;text-decoration:none;white-space:nowrap;padding-bottom:16px}
.pp-site-wordmark span{font-weight:600;font-size:.84em;color:var(--pp-exp-clay)}
.pp-site-wordmark small{position:absolute;left:2px;bottom:0;font-size:8px;font-weight:700;letter-spacing:1.65px;line-height:1}
.pp-site-nav{display:flex;align-items:center;gap:30px}
.pp-site-nav a{display:inline-flex;align-items:center;min-height:48px;font-size:14px;font-weight:700;text-decoration:none;position:relative}
.pp-site-nav a::after{content:"";position:absolute;bottom:8px;left:0;right:0;border-bottom:1px solid currentColor;transform:scaleX(0);transform-origin:left;transition:transform var(--pp-exp-fast) var(--pp-exp-ease)}
.pp-site-nav a:hover::after,.pp-site-nav a:focus-visible::after{transform:scaleX(1)}
.pp-site-actions{display:flex;align-items:center;gap:14px}
.pp-site-header .pp-shell-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:48px;min-width:48px;border:0;background:transparent;color:var(--pp-exp-ink);padding:6px;font:700 13px/1.2 var(--pp-body);border-radius:24px;text-decoration:none;box-shadow:none;transition:background var(--pp-exp-fast) var(--pp-exp-ease)}
.pp-site-header .pp-shell-action:hover{background:var(--pp-exp-sage);transform:none}
.pp-shell-action svg{height:22px;width:22px;stroke:currentColor;stroke-width:1.5;fill:none}
.pp-site-header .xu-bag-count{width:20px;height:20px;border:0;border-radius:50%;background:var(--pp-exp-sage);color:var(--pp-exp-forest);font-size:11px}
.pp-site-header .pp-menu-trigger{display:none}
.pp-site-header .pp-menu-trigger[hidden]{display:none}
.pp-site-header :focus-visible,.pp-shell-dialog :focus-visible,.pp-site-footer :focus-visible{outline:2px solid var(--pp-exp-clay);outline-offset:4px}
.pp-site-overlay-open{overflow:hidden}
.pp-shell-dialog{position:fixed;inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;width:min(620px,calc(100% - 40px));max-width:100%;max-height:calc(100dvh - 40px);overflow:auto;overscroll-behavior:contain;border:1px solid var(--pp-exp-line);border-radius:18px;background:var(--pp-exp-cream);color:var(--pp-exp-ink);padding:32px;box-shadow:0 18px 70px #13291e24}
.pp-shell-dialog:not([open]){display:none}
.pp-shell-dialog[open]{animation:pp-shell-dialog-in var(--pp-exp-mid) var(--pp-exp-ease) both}
.pp-shell-dialog::backdrop{background:#172a2470;backdrop-filter:blur(3px);animation:pp-shell-fade-in var(--pp-exp-fast) linear both}
.pp-shell-dialog-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}
.pp-shell-dialog-head h2{font:700 28px/1.2 var(--pp-body);letter-spacing:-.65px;margin:0;color:var(--pp-exp-ink)}
.pp-shell-dialog .pp-shell-close{padding:0;min-width:48px;min-height:48px;border:0;border-radius:50%;background:var(--pp-exp-sage);color:var(--pp-exp-ink);font:400 28px/1 var(--pp-body)}
.pp-shell-dialog .pp-shell-close:hover{background:#dbe4d7}
.pp-shell-search-form label{display:block;font-size:14px;font-weight:700;margin-bottom:8px}
.pp-shell-search-form>div{display:flex;gap:10px;align-items:stretch}
.pp-shell-search-form input[type=search]{min-width:0;width:100%;min-height:52px;border:1px solid #aab6a9;border-radius:10px;background:#fff;box-shadow:none;font:400 16px/1.4 var(--pp-body);padding:12px}
.pp-shell-search-form button{min-height:52px;background:var(--pp-exp-forest);color:#fff;font-weight:700}
.pp-shell-muted{color:var(--pp-exp-muted);font-size:13px;margin:24px 0 8px}
.pp-shell-search-links{display:flex;gap:8px 22px;flex-wrap:wrap}
.pp-shell-search-links a{display:inline-flex;align-items:center;min-height:48px;font-size:14px;text-decoration:underline;text-underline-offset:5px}
.pp-shell-menu{inset:0 0 0 auto;transform:none;margin:0;border-radius:0;border-width:0 0 0 1px;width:min(420px,100%);max-height:100dvh;height:100dvh}
.pp-shell-menu[open]{animation:pp-shell-drawer-in var(--pp-exp-panel) var(--pp-exp-ease) both}
.pp-shell-menu-main{display:flex;flex-direction:column;border-top:1px solid var(--pp-exp-line);margin-top:8px}
.pp-shell-menu-main a{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid var(--pp-exp-line);font-size:28px;font-weight:700;text-decoration:none;line-height:1.25}
.pp-shell-menu-main a span{font-size:24px;font-weight:400}
.pp-shell-menu-care{display:flex;flex-direction:column;align-items:flex-start;padding-top:20px}
.pp-shell-menu-care a{display:flex;align-items:center;min-height:48px;font-size:15px;text-decoration:none}
.xu-bag[open]{animation:pp-shell-drawer-in var(--pp-exp-panel) var(--pp-exp-ease) both}
.xu-bag{overscroll-behavior:contain}.xu-bag-heading h2{font-family:var(--pp-body);font-weight:700}
.xu-bag .buttons a{min-height:48px}.xu-bag .buttons a.checkout{background:var(--pp-exp-forest);color:#fff}
body .site-footer,body.home .site-footer{background:var(--pp-exp-forest);color:var(--pp-exp-cream);padding-top:52px}
.pp-site-footer{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px;padding-bottom:36px;border-bottom:1px solid #ffffff35}
.pp-site-footer .pp-site-wordmark{color:var(--pp-exp-cream);padding:0;font-size:30px}.pp-site-footer .pp-site-wordmark span{color:#e3bca6}
.pp-site-footer-brand p{font-size:14px;color:#e0e7de;margin:14px 0 0}
.pp-site-footer h2{font:700 13px/1.4 var(--pp-body);color:#e0e7de;margin:0 0 12px;letter-spacing:.2px}
.pp-site-footer nav a{display:flex;align-items:center;min-height:44px;color:var(--pp-exp-cream);font-size:14px;text-decoration:none;transition:color var(--pp-exp-fast)}
/* Storefront Customizer uses three-class :not() selectors; match its scope with higher specificity. */
.site-footer .pp-site-footer a:not(.button):not(.components-button),.site-footer .site-info a:not(.button):not(.components-button){color:var(--pp-exp-cream)}
.site-footer .pp-site-footer a:not(.button):not(.components-button):hover,.site-footer .site-info a:not(.button):not(.components-button):hover{color:#fff}
.site-footer .pp-site-footer a:focus-visible,.site-footer .site-info a:focus-visible{outline-color:var(--pp-exp-cream)}
.pp-site-footer nav a:hover{text-decoration:underline;text-underline-offset:4px;color:#fff}
.site-footer .site-info{padding-top:26px;font-size:12px}
button,.button,.pet-button,input[type=submit]{transition:background var(--pp-exp-fast),color var(--pp-exp-fast),box-shadow var(--pp-exp-fast)}
.button:hover,.pet-button:hover{transform:none}
.pp-shell-enhanced .site-content>.col-full{animation:pp-shell-page-in var(--pp-exp-mid) var(--pp-exp-ease) none}
@keyframes pp-shell-fade-in{from{opacity:.4}to{opacity:1}}
@keyframes pp-shell-page-in{from{opacity:.8}to{opacity:1}}
@keyframes pp-shell-dialog-in{from{opacity:.5;transform:translate(-50%,calc(-50% + 8px))}to{opacity:1;transform:translate(-50%,-50%)}}
@keyframes pp-shell-drawer-in{from{opacity:.75;translate:24px 0}to{opacity:1;translate:0 0}}
@media(max-width:900px){.pp-site-header{width:calc(100% - 40px);gap:20px}.pp-site-nav{gap:20px}.pp-site-actions{gap:6px}.pp-site-footer{grid-template-columns:1.3fr 1fr 1fr;gap:24px}.pp-site-footer>nav:last-child{grid-column:2/4;display:flex;align-items:center;gap:24px}.pp-site-footer>nav:last-child h2{margin:0}}
@media(max-width:680px){
 html{scroll-padding-top:88px}.pp-site-header{height:78px;width:calc(100% - 32px);gap:10px;flex-wrap:nowrap}.pp-site-wordmark{font-size:23px;gap:3px;letter-spacing:-1px;padding-bottom:13px}.pp-site-wordmark small{font-size:6px;letter-spacing:1.3px}
 .pp-site-nav{display:none}.pp-site-actions{gap:0}.pp-site-header .pp-shell-action{min-width:48px;gap:4px;padding:5px}.pp-search-trigger>span,.pp-site-header .xu-bag-link>span:not(.xu-bag-count):not(.screen-reader-text){display:none}.pp-site-header .pp-menu-trigger:not([hidden]){display:inline-flex}.pp-site-header .xu-bag-link{min-width:62px}
 body:not(.pp-shell-enhanced) .pp-site-header{height:auto;min-height:78px;flex-wrap:wrap;padding-block:14px}body:not(.pp-shell-enhanced) .pp-site-nav{order:3;display:flex;width:100%;justify-content:center}
 .pp-shell-dialog{width:calc(100% - 24px);padding:22px;max-height:calc(100dvh - 24px);border-radius:14px}.pp-shell-dialog-head{gap:12px;margin-bottom:22px}.pp-shell-dialog-head h2{font-size:24px}.pp-shell-menu{width:min(420px,100%);height:100dvh;max-height:100dvh;border-radius:0}.pp-shell-search-form>div{flex-wrap:wrap}.pp-shell-search-form button{width:100%;margin-top:2px}.pp-shell-search-links{gap:0 18px}
 .pp-site-footer{grid-template-columns:1fr 1fr;gap:28px 24px}.pp-site-footer-brand{grid-column:1/-1}.pp-site-footer>nav:last-child{grid-column:1/-1;flex-wrap:wrap;gap:8px 24px}.pp-site-footer>nav:last-child h2{width:100%;margin:0}.pp-site-footer nav a{min-height:48px}body .site-footer,body.home .site-footer{padding-top:36px}
}
@media(max-width:360px){.pp-site-header{gap:8px}.pp-site-wordmark{font-size:20px;letter-spacing:-.9px}.pp-site-wordmark small{font-size:5.6px;letter-spacing:1.15px}.pp-site-header .xu-bag-link{min-width:56px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pp-shell-dialog,.pp-shell-dialog::backdrop,.xu-bag,.pp-shell-enhanced .site-content>.col-full{animation:none!important;transition:none!important}.pp-site-nav a::after{transition:none}}