/* Approved BX. Style the original WoodMart controls so menus, live search,
   cart fragments and keyboard behavior keep their existing integrations. */
@media (max-width:680px) {
 body.mrcoda-mobile-bx {
  --mrc-bx-edge-left:max(14px,env(safe-area-inset-left,0px));
  --mrc-bx-edge-right:max(14px,env(safe-area-inset-right,0px));
  --mrc-bx-top:calc(14px + env(safe-area-inset-top,0px));
  --mrc-bx-header-h:calc(62px + env(safe-area-inset-top,0px));
  --mrc-bx-admin-offset:0px;
 }
 body.mrcoda-mobile-bx.admin-bar {--mrc-bx-admin-offset:46px}
 body.mrcoda-mobile-bx .whb-header {
  position:relative!important;
  top:auto!important;
  padding-top:0!important;
  margin-bottom:0!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
 }
 body.single-product.mrcoda-mobile-bx .whb-header {background-color:#1a1f2e!important}
 body.mrcoda-mobile-bx .whb-header .whb-main-header {
  position:relative!important;
  top:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  transform:none!important;
  filter:none!important;
  perspective:none!important;
  animation:none!important;
  transition:none!important;
  overflow:visible!important;
 }
 body.mrcoda-mobile-bx .whb-clone {display:none!important}
 body.mrcoda-mobile-bx .whb-general-header {
  padding:0!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
 }
 body.mrcoda-mobile-bx .whb-general-header::before,
 body.mrcoda-mobile-bx .whb-general-header::after {display:none!important}
 body.mrcoda-mobile-bx .whb-general-header>.container {width:100%;max-width:none;padding:0}
 body.mrcoda-mobile-bx .whb-general-header-inner {
  position:relative;
  height:var(--mrc-bx-header-h)!important;
  max-height:none!important;
  margin:0;
 }
 /* The logo is document-positioned, not sticky/fixed. */
 body.mrcoda-mobile-bx .whb-general-header .whb-mobile-center {
  position:absolute;
  top:var(--mrc-bx-top);
  left:calc(var(--mrc-bx-edge-left) + 56px);
  right:calc(var(--mrc-bx-edge-right) + 103px);
  height:44px;
  max-height:44px;
  width:auto;
  min-width:0;
  margin:0;
  justify-content:center;
 }
 body.mrcoda-mobile-bx .whb-mobile-center .site-logo {width:150px;max-width:100%;padding:0}
 body.mrcoda-mobile-bx .whb-mobile-center .wd-logo {display:flex;align-items:center;justify-content:center;height:44px;max-width:100%}
 body.mrcoda-mobile-bx .whb-mobile-center .wd-logo img {display:block;width:150px;max-width:100%!important;height:auto;max-height:44px;padding:0;object-fit:contain}
 /* Floating original controls: left menu, right search and cart. */
 body.mrcoda-mobile-bx .whb-general-header :is(.whb-mobile-left,.whb-mobile-right) {
  position:fixed;
  z-index:200;
  top:calc(var(--mrc-bx-top) + var(--mrc-bx-admin-offset));
  display:flex;
  align-items:center;
  gap:7px;
  width:auto;
  height:44px;
  max-height:44px;
  margin:0;
  padding:0;
  flex:none;
  pointer-events:none;
 }
 body.mrcoda-mobile-bx .whb-general-header .whb-mobile-left {left:var(--mrc-bx-edge-left)}
 body.mrcoda-mobile-bx .whb-general-header .whb-mobile-right {right:var(--mrc-bx-edge-right)}
 body.mrcoda-mobile-bx :is(.whb-mobile-left,.whb-mobile-right)>.wd-tools-element {pointer-events:auto;margin:0;padding:0;flex:none}
 body.mrcoda-mobile-bx :is(.whb-mobile-left,.whb-mobile-right)>.wd-tools-element>a {
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  width:44px;
  height:44px;
  min-width:44px;
  min-height:44px;
  margin:0;
  padding:0;
  border:1px solid #ffffff1f;
  background:#0f172af2;
  backdrop-filter:blur(16px);
  box-shadow:0 4px 16px #0003;
  border-radius:50%;
  color:#fff;
  transition:background-color .15s,border-color .15s,color .15s;
  -webkit-tap-highlight-color:transparent;
 }
 body.mrcoda-mobile-bx :is(.whb-mobile-left,.whb-mobile-right)>.wd-tools-element>a:is(:hover,:focus-visible) {color:#76f229;border-color:#76f22966;background:#142824}
 body.mrcoda-mobile-bx :is(.whb-mobile-left,.whb-mobile-right)>.wd-tools-element>a:active {background:#1b3524}
 body.mrcoda-mobile-bx :is(.whb-mobile-left,.whb-mobile-right)>.wd-tools-element>a:focus-visible {outline:2px solid #76f229;outline-offset:3px}
 body.mrcoda-mobile-bx :is(.whb-mobile-left,.whb-mobile-right) .wd-tools-icon {
  position:static;
  display:flex;
  width:21px!important;
  height:21px!important;
  padding:0;
  margin:0;
  border:0!important;
  border-radius:0;
  background:transparent;
  color:inherit;
 }
 body.mrcoda-mobile-bx :is(.whb-mobile-left,.whb-mobile-right) .wd-tools-icon::before {
  content:'';
  display:block;
  width:21px;
  height:21px;
  background:currentColor;
  -webkit-mask:var(--mrc-bx-icon) center/contain no-repeat;
  mask:var(--mrc-bx-icon) center/contain no-repeat;
 }
 body.mrcoda-mobile-bx .whb-mobile-left .wd-header-mobile-nav {--mrc-bx-icon:url('../assets/mobile-bx/menu.svg')}
 body.mrcoda-mobile-bx .whb-mobile-right .wd-header-search {--mrc-bx-icon:url('../assets/mobile-bx/search.svg')}
 body.mrcoda-mobile-bx .whb-mobile-right .wd-header-cart {--mrc-bx-icon:url('../assets/mobile-bx/cart.svg')}
 body.mrcoda-mobile-bx .whb-mobile-right .wd-cart-number {
  position:absolute;
  top:-3px;
  right:-2px;
  left:auto;
  display:grid;
  place-items:center;
  box-sizing:border-box;
  width:auto;
  min-width:17px;
  height:17px;
  padding:0 4px;
  border:2px solid #0f172a;
  border-radius:20px;
  box-shadow:none;
  background:#76f229;
  color:#112409;
  font:500 10px/13px Cabin,Arial,sans-serif;
 }
 /* Continue the homepage's single glow behind the logo. Pull the showcase
    background up, then compensate inside it so all content stays in place. */
 body.home.mrcoda-mobile-bx .whb-header {background:transparent!important}
 body.home.mrcoda-mobile-bx .main-page-wrapper {margin-top:calc(-1 * var(--mrc-bx-header-h))}
 body.home.mrcoda-mobile-bx .mrc6-showcase {
  padding-top:var(--mrc-bx-header-h);
  border-top-left-radius:0;
  border-top-right-radius:0;
 }
}
@media (max-width:520px) {
 body.home.mrcoda-mobile-bx .mrc6-showcase {padding-top:calc(20px + var(--mrc-bx-header-h))}
}
@media (max-width:680px) and (prefers-reduced-motion:reduce) {
 body.mrcoda-mobile-bx :is(.whb-mobile-left,.whb-mobile-right)>.wd-tools-element>a {transition:none}
}