/* Keep Safari tinting and rubber-band overscroll on a black page canvas. */
html:has(body .zen-shared-footer),html:has(body.zen-app .zen-shared-footer),html:has(#zvp-account .zen-shared-footer){background:#000!important}
body:has(.zen-shared-footer){margin:0!important;padding:0!important;min-height:100vh;min-height:100dvh}
body.zen-app:has(.zen-shared-footer),body.zvp-account-page:has(.zen-shared-footer){background:#000!important}
.zen-shared-footer{display:block!important;flex:none;width:100%;margin:32px 0 0!important;padding:18px 28px calc(18px + env(safe-area-inset-bottom,0px));background:#7544c6!important;color:#fff!important;border:0;box-sizing:border-box;font:12px/1.5 Arial,Helvetica,sans-serif}
.zen-shared-footer *{box-sizing:border-box}
.zen-shared-footer .zen-shared-footer-inner{max-width:1600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px 28px;flex-wrap:wrap}
.zen-shared-footer a,.zen-app .zen-shared-footer a{color:#fff!important;text-decoration:none}
.zen-shared-footer a:hover{text-decoration:underline;text-underline-offset:4px}
.zen-shared-footer .zen-footer-wordmark{display:inline-block;font-weight:900;font-size:18px;line-height:1.4;letter-spacing:-.5px;margin:0}
.zen-shared-footer nav{display:flex;align-items:center;justify-content:center;gap:8px 20px;flex-wrap:wrap}
.zen-shared-footer p,#zvp-account .zen-shared-footer p{color:#fff!important;margin:0;font-size:10px;line-height:1.5}
.zen-app #zen-root{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
.zen-app #zen-root>main{flex:1}
.zen-app #zen-root>.zen-shared-footer{margin: auto 0 0!important}
.zvp-account-page #zvp-account.za-shell{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh}
.zvp-account-page .za-main{flex:1;width:100%}
.zvp-account-page .zen-shared-footer{margin:auto 0 0!important}
@media(max-width:650px){
 .zen-shared-footer{padding:16px 20px calc(16px + env(safe-area-inset-bottom,0px));margin-top:24px!important;font-size:11px}
 .zen-shared-footer .zen-shared-footer-inner{column-gap:12px;row-gap:10px}
 .zen-shared-footer .zen-footer-wordmark{font-size:17px}
 .zen-shared-footer nav{order:2;width:100%;justify-content:flex-start;gap:8px 18px}
 .zen-shared-footer p,#zvp-account .zen-shared-footer p{margin-left:auto;max-width:145px;text-align:right;font-size:9px;line-height:1.4}
 .zen-app #zen-root>main.zvp-product-shell{padding-bottom:72px!important}
}
/* Shared compact masthead, after the older account and storefront rules. */
.zen-app #zen-root header.zen-top,.zen-app.zen-checkout #zen-root header.zen-top,#zvp-account header.zen-top{box-sizing:border-box;display:flex!important;align-items:center!important;justify-content:space-between!important;height:66px!important;min-height:66px!important;width:100%!important;max-width:100%;padding:0 28px!important;gap:16px!important;margin:0!important}
.zen-app #zen-root header.zen-top>a:first-child,.zen-app.zen-checkout #zen-root header.zen-top>a:first-child,#zvp-account header.zen-top>a:first-child{display:flex!important;align-items:center!important;justify-content:center!important;flex:0 0 125px!important;width:125px!important;height:36px!important;margin:0!important;padding:0!important}
.zen-app #zen-root header.zen-top .zen-header-actions,#zvp-account header.zen-top .zen-header-actions{display:flex!important;align-items:center!important;justify-content:center;flex:0 0 auto;gap:12px!important;margin:0 0 0 auto!important}
.zen-app #zen-root header.zen-top .zen-header-actions>.zen-account-link,.zen-app #zen-root header.zen-top .zen-header-actions>.zen-bag,#zvp-account header.zen-top .zen-header-actions>.zen-account-link,#zvp-account header.zen-top .zen-header-actions>.zen-bag{display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box;width:34px!important;min-width:34px!important;height:36px!important;padding:0!important;margin:0!important}
.zen-app #zen-root header.zen-top .zen-account-link svg,#zvp-account header.zen-top .zen-account-link svg{width:21px!important;height:24px!important}
.zen-app #zen-root header.zen-top .zen-bag svg,#zvp-account header.zen-top .zen-bag svg{width:23px!important;height:25px!important}
@media(max-width:650px){
 .zen-app #zen-root header.zen-top,.zen-app.zen-checkout #zen-root header.zen-top,#zvp-account header.zen-top{height:60px!important;min-height:60px!important;padding:0 14px!important;gap:12px!important}
 .zen-app #zen-root header.zen-top>a:first-child,.zen-app.zen-checkout #zen-root header.zen-top>a:first-child,#zvp-account header.zen-top>a:first-child{width:110px!important;flex-basis:110px!important;height:32px!important}
 .zen-shared-footer{padding:12px 12px calc(12px + env(safe-area-inset-bottom,0px))}
 .zen-shared-footer .zen-shared-footer-inner{display:flex;flex-direction:column;align-items:stretch;gap:8px}
 .zen-shared-footer .zen-footer-wordmark{display:none!important}
 .zen-shared-footer nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));order:0;gap:8px;width:100%;font-size:10px;line-height:1.35;align-items:center;text-align:center}
 .zen-shared-footer nav>a{min-width:0;white-space:normal}
 .zen-shared-footer p,#zvp-account .zen-shared-footer p{order:1;max-width:none;margin:0;text-align:center;font-size:9px}
}
.zen-shared-footer .zen-footer-wordmark{display:none!important}
.zen-shared-footer .zen-shared-footer-inner{display:flex!important;align-items:center;justify-content:space-between!important;gap:24px;flex-wrap:wrap}
@media(max-width:650px){.zen-shared-footer .zen-shared-footer-inner{justify-content:center!important;text-align:center}}