/* WoodYaraq dock V11 updated with V12 compact desktop sizing (2026-10-21). */
html body#market-top.offcut-market-page nav.market-bottom-nav {
  display: grid !important;
  visibility: visible !important;
  opacity: 1 !important;
  pointer-events: auto !important;
  position: fixed !important;
  top: auto !important;
  bottom: 16px !important;
  left: 50% !important;
  right: auto !important;
  inset-inline-start: auto !important;
  inset-inline-end: auto !important;
  transform: translateX(-50%) !important;
  width: min(650px, calc(100% - 38px)) !important;
  min-width: 0 !important;
  max-width: 650px !important;
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 10px 13px 9px !important;
  box-sizing: border-box !important;
  z-index: 2147482000 !important;
  isolation: isolate !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  grid-template-rows: auto !important;
  justify-content: space-between !important;
  align-items: center !important;
  gap: 6px !important;
  border: 1px solid #e9ded5 !important;
  border-radius: 30px !important;
  background: rgba(255,253,250,.97) !important;
  box-shadow: 0 18px 55px rgba(72,38,18,.16), 0 2px 12px rgba(72,38,18,.06) !important;
  backdrop-filter: blur(13px);
  -webkit-backdrop-filter: blur(13px);
  direction: rtl;
}
html body#market-top.offcut-market-page nav.market-bottom-nav > button {
  appearance: none !important;
  flex: none !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 57px !important;
  margin: 0 !important;
  padding: 8px 4px 6px !important;
  border: 0 !important;
  border-radius: 19px !important;
  box-sizing: border-box !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #6f5b50 !important;
  font: inherit !important;
  cursor: pointer !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  flex-direction: column !important;
  gap: 5px !important;
  transition: color .2s ease, background .2s ease !important;
}
html body#market-top.offcut-market-page nav.market-bottom-nav > button:hover,
html body#market-top.offcut-market-page nav.market-bottom-nav > button:focus-visible {
  background: #fbf1e9 !important;
  color: #9b4b1c !important;
}
html body#market-top.offcut-market-page nav.market-bottom-nav > button[data-market-nav="home"] {
  background: #f8ece3 !important;
  color: #a34c18 !important;
}
html body#market-top.offcut-market-page nav.market-bottom-nav > button > span[aria-hidden="true"] {
  color: inherit !important;
  line-height: 1 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  font-size: 22px !important;
}
html body#market-top.offcut-market-page nav.market-bottom-nav > button .market-dock-icon {
  width: 22px !important;
  height: 22px !important;
  flex-shrink: 0 !important;
  display: block !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 1.9px !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}
html body#market-top.offcut-market-page nav.market-bottom-nav > button > small {
  color: inherit !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}
html body#market-top.offcut-market-page nav.market-bottom-nav > button.market-bottom-post {
  width: 88px !important;
  height: 88px !important;
  min-width: 0 !important;
  min-height: 88px !important;
  max-height: none !important;
  justify-self: center !important;
  align-self: center !important;
  margin-top: -27px !important;
  margin-bottom: -8px !important;
  padding: 8px 4px !important;
  position: relative !important;
  transform: none !important;
  border: 5px solid #fffaf5 !important;
  border-radius: 50% !important;
  background: linear-gradient(155deg, #b75e26, #87360f) !important;
  box-shadow: 0 11px 25px rgba(114,48,15,.29) !important;
  color: #fff !important;
}
html body#market-top.offcut-market-page nav.market-bottom-nav > button.market-bottom-post:hover,
html body#market-top.offcut-market-page nav.market-bottom-nav > button.market-bottom-post:focus-visible {
  background: linear-gradient(155deg, #c76c2f, #994316) !important;
  color: #fff !important;
}
html body#market-top.offcut-market-page nav.market-bottom-nav > button.market-bottom-post .market-dock-icon {
  width: 29px !important;
  height: 29px !important;
  stroke-width: 2.3px !important;
}
html body#market-top.offcut-market-page nav.market-bottom-nav > button.market-bottom-post > small {
  color: #fff !important;
  font-size: 11px !important;
}
html body#market-top.offcut-market-page nav.market-bottom-nav > button:focus-visible {
  outline: 2px solid #b75e26 !important;
  outline-offset: 2px !important;
}
@media (min-width: 900px) {
  html body#market-top.offcut-market-page .offcut-main {padding-bottom: 115px !important;}
  html body#market-top.offcut-market-page .ky-footer {padding-bottom: 115px !important;}
}
@media (max-width: 899px) {
  html body#market-top.offcut-market-page nav.market-bottom-nav {
    width: min(430px, calc(100% - 20px)) !important;
    bottom: 10px !important;
    border-radius: 26px !important;
    padding: 9px 7px !important;
    gap: 2px !important;
  }
  html body#market-top.offcut-market-page nav.market-bottom-nav > button {
    min-height: 58px !important;
    border-radius: 15px !important;
    gap: 4px !important;
  }
  html body#market-top.offcut-market-page nav.market-bottom-nav > button .market-dock-icon {width: 21px !important;height: 21px !important;}
  html body#market-top.offcut-market-page nav.market-bottom-nav > button > small {font-size: 11px !important;}
  html body#market-top.offcut-market-page nav.market-bottom-nav > button.market-bottom-post {
    width: 76px !important;
    height: 76px !important;
    min-height: 76px !important;
    border-width: 4px !important;
    margin-top: -21px !important;
    margin-bottom: -4px !important;
    padding: 7px 3px !important;
  }
  html body#market-top.offcut-market-page nav.market-bottom-nav > button.market-bottom-post .market-dock-icon {width: 28px !important;height: 28px !important;}
  html body#market-top.offcut-market-page nav.market-bottom-nav > button.market-bottom-post > small {font-size: 10px !important;}
}
@media (prefers-reduced-motion: reduce) {
  html body#market-top.offcut-market-page nav.market-bottom-nav > button {transition: none !important;}
}