/* Approved CH icon-only capsule. Preserve native links, wishlist fragments,
   account drawer, page semantics and the existing desktop/tablet toolbar. */
@media (max-width:680px) {
 body.mrcoda-mobile-ch {
  --mrc-ch-bottom:calc(14px + env(safe-area-inset-bottom,0px));
  --mrc-ch-clearance:calc(84px + env(safe-area-inset-bottom,0px));
 }
 body.mrcoda-mobile-ch.sticky-toolbar-on {padding-bottom:var(--mrc-ch-clearance)}
 body.mrcoda-mobile-ch.sticky-toolbar-on.wd-sticky-btn-on-mb {padding-bottom:calc(var(--mrc-ch-clearance) + var(--wd-sticky-btn-height))}
 body.mrcoda-mobile-ch.sticky-toolbar-on .wd-sticky-btn {bottom:var(--mrc-ch-clearance)}
 body.mrcoda-mobile-ch.sticky-toolbar-on .scrollToTop {bottom:calc(var(--mrc-ch-clearance) + 12px)}
 body.mrcoda-mobile-ch.sticky-toolbar-on .wd-sticky-btn-shown.scrollToTop {bottom:calc(var(--mrc-ch-clearance) + 12px + var(--wd-sticky-btn-height))}
 body.mrcoda-mobile-ch .wd-toolbar {
  position:fixed;
  z-index:350;
  top:auto;
  left:max(24px,env(safe-area-inset-left,0px));
  right:max(24px,env(safe-area-inset-right,0px));
  bottom:var(--mrc-ch-bottom);
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:center;
  gap:4px;
  box-sizing:border-box;
  width:auto;
  height:58px!important;
  min-height:58px;
  margin:0 auto;
  padding:4px;
  overflow:visible;
  border:1px solid #ffffff24;
  border-radius:30px;
  background:#0f172af7!important;
  box-shadow:0 8px 30px #0007;
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
 }
 body.mrcoda-mobile-ch .wd-toolbar::before,
 body.mrcoda-mobile-ch .wd-toolbar::after {content:none!important}
 body.mrcoda-mobile-ch .wd-toolbar>.wd-tools-element {
  display:block;
  min-width:0;
  width:auto;
  margin:0;
  padding:0;
 }
 body.mrcoda-mobile-ch .wd-toolbar>.wd-tools-element>a {
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  box-sizing:border-box;
  width:100%;
  height:48px;
  min-height:48px;
  min-width:0;
  margin:0;
  padding:6px;
  border:0;
  border-radius:25px;
  box-shadow:none;
  background:transparent;
  color:#ffffffa6;
  text-decoration:none;
  transition:background-color .16s,color .16s;
  -webkit-tap-highlight-color:transparent;
 }
 /* Visually hidden, not removed: links keep their names for screen readers. */
 body.mrcoda-mobile-ch .wd-toolbar .wd-toolbar-label {
  position:absolute!important;
  inset:auto!important;
  display:block!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  border:0!important;
  overflow:hidden!important;
  white-space:nowrap!important;
  clip-path:inset(50%);
 }
 body.mrcoda-mobile-ch .wd-toolbar .wd-tools-icon {
  position:relative;
  display:grid;
  place-items:center;
  flex:none;
  width:26px!important;
  height:26px!important;
  padding:0;
  margin:0;
  border:0;
  border-radius:0;
  background:transparent;
  color:inherit;
 }
 body.mrcoda-mobile-ch .wd-toolbar .wd-tools-icon::before {
  content:'';
  display:block;
  width:24px;
  height:24px;
  background:currentColor;
  -webkit-mask:var(--mrc-ch-icon) center/contain no-repeat;
  mask:var(--mrc-ch-icon) center/contain no-repeat;
 }
 body.mrcoda-mobile-ch .wd-toolbar-shop {--mrc-ch-icon:url('../assets/mobile-ch/shop.svg')}
 body.mrcoda-mobile-ch .wd-toolbar .wd-header-wishlist {--mrc-ch-icon:url('../assets/mobile-ch/wishlist.svg')}
 body.mrcoda-mobile-ch .wd-toolbar .wd-header-my-account {--mrc-ch-icon:url('../assets/mobile-ch/account.svg')}
 body.mrcoda-mobile-ch .wd-toolbar .wd-tools-count {
  position:absolute;
  top:-3px;
  right:-4px;
  left:auto;
  bottom:auto;
  display:grid;
  place-items:center;
  box-sizing:border-box;
  width:auto;
  min-width:14px;
  height:14px;
  padding:0 3px;
  border:2px solid #0f172a;
  border-radius:10px;
  background:#76f229;
  color:#0f172a;
  box-shadow:none;
  font:600 9px/10px Cabin,Arial,sans-serif;
 }
 /* All routes stay neutral at rest, including the current page. */
 body.mrcoda-mobile-ch .wd-toolbar>.wd-tools-element>a:focus-visible {background:#76f22922;color:#76f229}
 body.mrcoda-mobile-ch .wd-toolbar>.wd-tools-element>a:active {background:#76f22930;color:#76f229}
 body.mrcoda-mobile-ch .wd-toolbar>.wd-tools-element>a:focus-visible {outline:2px solid #76f229;outline-offset:-3px}
}
/* Touchscreens use the pressed state, avoiding a sticky simulated hover. */
@media (max-width:680px) and (hover:hover) and (pointer:fine) {
 body.mrcoda-mobile-ch .wd-toolbar>.wd-tools-element>a:hover {background:#76f22922;color:#76f229}
}
@media (max-width:680px) and (prefers-reduced-motion:reduce) {
 body.mrcoda-mobile-ch .wd-toolbar>.wd-tools-element>a {transition:none}
}