/* WoodYaraq V10 desktop floating dock */
body.offcut-market-page .market-bottom-nav,
body.offcut-market-page nav.market-bottom-nav{
  position:fixed;
  left:50%;
  transform:translateX(-50%);
  bottom:22px;
  z-index:90;
  width:min(760px, calc(100vw - 120px));
  background:rgba(255,252,248,.97);
  border:1px solid rgba(156,99,54,.18);
  border-radius:36px;
  box-shadow:0 18px 45px rgba(74,42,22,.14), 0 4px 14px rgba(74,42,22,.08);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
  display:grid!important;
  visibility:visible!important;
  grid-template-columns:repeat(5,minmax(0,1fr));
  align-items:end;
  gap:6px;
  padding:14px 18px 12px;
}
body.offcut-market-page .market-bottom-nav button{
  appearance:none;border:0;background:transparent;color:#6f5746;cursor:pointer;
  min-height:74px;border-radius:22px;padding:10px 8px 8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;
  font:inherit;transition:background .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease;
}
body.offcut-market-page .market-bottom-nav button:hover{background:#f7efe7;color:#8a4719;transform:translateY(-1px);}
body.offcut-market-page .market-bottom-nav button:focus-visible{outline:2px solid #b96627;outline-offset:2px;background:#fbf2e9;}
body.offcut-market-page .market-bottom-nav button>span[aria-hidden="true"]{font-size:27px;line-height:1;color:inherit;display:block;}
body.offcut-market-page .market-bottom-nav button>small{font-size:15px;font-weight:700;color:inherit;line-height:1.2;}
body.offcut-market-page .market-bottom-nav [data-market-nav="home"]{background:#f6ece1;color:#a14e1d;}
body.offcut-market-page .market-bottom-nav .market-bottom-post{
  position:relative;transform:translateY(-24px);align-self:start;
  width:92px;height:92px;min-height:92px;padding:0;border-radius:999px;
  background:linear-gradient(180deg,#b96627 0%, #9d4f1d 100%);color:#fff;
  box-shadow:0 14px 28px rgba(157,79,29,.36), inset 0 1px 0 rgba(255,255,255,.28);
  border:6px solid #fff8f1;
}
body.offcut-market-page .market-bottom-nav .market-bottom-post:hover{background:linear-gradient(180deg,#c56f2b 0%, #a95820 100%);color:#fff;transform:translateY(-26px);}
body.offcut-market-page .market-bottom-nav .market-bottom-post>span[aria-hidden="true"]{font-size:42px;font-weight:300;margin-top:0;}
body.offcut-market-page .market-bottom-nav .market-bottom-post>small{font-size:15px;font-weight:800;margin-top:-2px;color:#fff;}
@media (min-width:981px){
  body.offcut-market-page .market-bottom-nav,
  body.offcut-market-page nav.market-bottom-nav{display:grid!important;visibility:visible!important;}
  body.offcut-market-page .offcut-main{padding-bottom:130px;}
}
@media (max-width: 980px){
  body.offcut-market-page .market-bottom-nav,
  body.offcut-market-page nav.market-bottom-nav{width:min(420px, calc(100vw - 28px));bottom:14px;padding:10px 12px 10px;border-radius:26px;gap:4px;}
  body.offcut-market-page .market-bottom-nav button{min-height:58px;padding:6px 4px;gap:4px;}
  body.offcut-market-page .market-bottom-nav button>span[aria-hidden="true"]{font-size:22px;}
  body.offcut-market-page .market-bottom-nav button>small{font-size:12px;}
  body.offcut-market-page .market-bottom-nav .market-bottom-post{width:74px;height:74px;min-height:74px;transform:translateY(-18px);border-width:4px;}
  body.offcut-market-page .market-bottom-nav .market-bottom-post:hover{transform:translateY(-18px);}
  body.offcut-market-page .market-bottom-nav .market-bottom-post>span[aria-hidden="true"]{font-size:34px;}
  body.offcut-market-page .market-bottom-nav .market-bottom-post>small{font-size:13px;}
}
