/* Mobile-only navigation; the desktop header and catalog are unchanged. */
.mobile-bottom-nav{display:none}
@media(max-width:767px){
  :root{--mobile-nav-height:calc(68px + env(safe-area-inset-bottom,0px));--mobile-dock-height:88px}
  html{scroll-padding-bottom:calc(var(--mobile-nav-height) + 20px)}
  body.has-mobile-navigation{padding-bottom:var(--mobile-nav-height)}
  .has-mobile-navigation .header-main{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:10px;direction:rtl}
  .has-mobile-navigation .header-main>.menu-toggle{grid-column:1;grid-row:1;display:grid;margin:0}
  .has-mobile-navigation .header-main>.wordmark{grid-column:2;grid-row:1;justify-self:center;min-width:0}
  .has-mobile-navigation .header-actions{grid-column:3;grid-row:1;margin:0;justify-content:end}
  .has-mobile-navigation .header-main>.search-form{grid-column:1/-1;grid-row:2;width:100%;min-width:0}
  .mobile-bottom-nav{position:fixed;inset:auto 0 0;z-index:74;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));box-sizing:border-box;height:var(--mobile-nav-height);padding:5px max(8px,env(safe-area-inset-right,0px)) calc(5px + env(safe-area-inset-bottom,0px)) max(8px,env(safe-area-inset-left,0px));border-top:1px solid var(--line);background:#fffffff5;box-shadow:0 -5px 24px #2d13350a;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
  .mobile-nav-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-width:0;min-height:48px;border-radius:12px;color:var(--ink-soft);font-size:10px;font-weight:550;line-height:1.6;text-decoration:none;-webkit-tap-highlight-color:transparent}
  .mobile-nav-icon{display:grid;place-items:center;width:40px;height:29px;border-radius:10px}
  .mobile-nav-icon>.icon{width:22px;height:22px}
  .mobile-nav-item[aria-current]{color:var(--orchid-deep);font-weight:750}
  .mobile-nav-item[aria-current] .mobile-nav-icon{background:var(--wash)}
  .mobile-nav-item:hover{background:var(--wash);color:var(--orchid-deep)}
  .mobile-nav-item:focus-visible{outline:2px solid var(--orchid-deep);outline-offset:-2px}
  .mobile-cart-count{position:absolute;top:0;left:calc(50% + 4px);display:grid;place-items:center;min-width:17px;height:17px;padding:0 3px;border:2px solid white;border-radius:7px;background:var(--ink);color:white;font-size:9px;font-weight:700;line-height:1;box-sizing:content-box}
  .has-mobile-navigation .purchase-dock{bottom:var(--mobile-nav-height)}
  .single-product.has-mobile-navigation.has-purchase-dock{padding-bottom:calc(var(--mobile-nav-height) + var(--mobile-dock-height))}
  .has-mobile-navigation .cart-feedback{bottom:calc(var(--mobile-nav-height) + 12px)}
  .has-mobile-navigation.mobile-dock-visible .cart-feedback{bottom:calc(var(--mobile-nav-height) + var(--mobile-dock-height) + 12px)}
  .has-mobile-navigation.mobile-keyboard-open .mobile-bottom-nav,.has-mobile-navigation.mobile-keyboard-open .purchase-dock{visibility:hidden;pointer-events:none}
  .has-mobile-navigation.menu-is-open .mobile-bottom-nav{visibility:hidden}
  .mobile-menu{padding-bottom:env(safe-area-inset-bottom,0px)}
}
@media print{.mobile-bottom-nav{display:none!important}body.has-mobile-navigation{padding-bottom:0!important}}

/* Keep WooCommerce’s administrator preview warning visible without covering mobile navigation. */
@media(max-width:767px){body.has-mobile-navigation #coming-soon-footer-banner{position:static;inset:auto;z-index:auto}}

/* Scroll the full line on narrow screens instead of clipping words or shrinking the type. */
.preview-bar.responsibility-bar{justify-content:flex-start;flex-wrap:nowrap;gap:10px;min-height:26px;padding:3px 12px;font-size:11px;line-height:20px;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.preview-bar.responsibility-bar::-webkit-scrollbar{display:none}
.preview-bar.responsibility-bar p{flex:0 0 auto;margin:0;margin-right:auto;max-width:none;color:inherit}
.preview-bar.responsibility-bar bdi{display:inline-block;font-weight:650;letter-spacing:.4px}
.preview-bar.responsibility-bar .responsibility-brand{font-size:11px;font-weight:650;letter-spacing:.7px;flex-shrink:0;margin-left:auto;padding-inline-start:10px;border-inline-start:1px solid #ffffff40}