/* Professions hub, gathering scene, crafting bench and Provisions tray */
.professions-page { padding-bottom: 24px; }
.professions-page .eyebrow { color: #b3262e; }
.pf-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; margin-bottom: 16px; }
.pf-head h2 { margin: 6px 0; font-family: var(--title); font-size: 26px; letter-spacing: 1px; color: #e7ddd1; }
.pf-head p { max-width: 720px; line-height: 1.5; font-size: 12.5px; }
.pf-now { display: grid; justify-items: center; gap: 4px; min-width: 150px; padding: 8px 14px; border: 1px solid #4f6a3c; border-radius: 10px; background: linear-gradient(160deg, #251c1c, #140f0f); }
.pf-now span { color: #8fae74; font-size: 10px; letter-spacing: 1px; text-transform: uppercase; }
.pf-now b { color: #e8f1d6; font-size: 13px; text-align: center; }
.pf-live { color: #8fd06a; font-weight: 700; }
.pf-xp { height: 5px; overflow: hidden; border-radius: 3px; background: #2e2424; }
.pf-xp i { display: block; height: 100%; background: linear-gradient(90deg, #7a161c, #e5dacd); }

.pf-group { margin-bottom: 18px; }
.pf-group > header { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin-bottom: 8px; padding-bottom: 6px; border-bottom: 1px solid #332828; }
.pf-group > header h3 { margin: 0; font-family: var(--title); font-size: 15px; letter-spacing: 1.6px; text-transform: uppercase; color: #d9c9b2; }
.pf-group > header p { margin: 0; }

/* Hub cards */
.pf-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr)); gap: 8px; }
.professions-page .pf-card { display: grid; grid-template-columns: 44px minmax(0, 1fr); align-items: center; gap: 12px; padding: 11px 12px; border: 1px solid #3e3130; border-radius: 11px; background: linear-gradient(160deg, #1f1919, #121010); text-align: left; }
.professions-page .pf-card:hover { border-color: #7a161c; background: linear-gradient(160deg, #261d1d, #130f0f); }
.pf-card.is-active { border-color: #6f9d55; box-shadow: 0 0 0 1px #6f9d5544; }
.pf-card-icon { display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid #4d3a38; border-radius: 10px; background: radial-gradient(circle at 50% 40%, #3a1a1c, #0f0d0d); font-size: 21px; }
.pf-card-body { display: grid; gap: 4px; min-width: 0; }
.pf-card-title { display: flex; justify-content: space-between; gap: 8px; }
.pf-card-title b { color: #ebe2d7; font-family: var(--title); font-size: 14px; letter-spacing: .5px; }
.pf-card-title em { color: #e5dacd; font-size: 12px; font-style: normal; font-weight: 700; }
.pf-card-body small { overflow: hidden; color: #a8998c; font-size: 11.5px; text-overflow: ellipsis; white-space: nowrap; }
.pf-card-feeds { color: #8e7776; font-size: 10.5px; }

/* Gathering scene */
.pf-scene { position: relative; overflow: hidden; height: clamp(250px, 38vh, 380px); margin-bottom: 10px; border: 1px solid #4d3a38; border-radius: 14px; background: #0d0a0a; box-shadow: 0 8px 26px #000a; }
.pf-scene-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 70%; filter: saturate(.85) brightness(.8); }
.pf-scene-shade { position: absolute; inset: 0; background: linear-gradient(180deg, #000a 0%, transparent 38%, transparent 62%, #000c 100%); }
.pf-hero, .pf-node { position: absolute; bottom: 9%; }
.pf-hero { left: 18%; width: clamp(130px, 18vw, 220px); transform: translateX(-50%); }
.pf-hero img { display: block; width: 100%; height: auto; filter: drop-shadow(0 8px 8px #000c); transform-origin: 50% 95%; }
.pf-node { left: 62%; display: grid; place-items: center; width: clamp(120px, 16vw, 190px); aspect-ratio: 1; transform: translateX(-50%); }
.pf-node-glyph { display: grid; place-items: center; width: 74%; aspect-ratio: 1; border: 1px solid #b3262e66; border-radius: 50%; background: radial-gradient(circle at 50% 40%, #e5dacd33, #0f0d0d99 70%); font-size: clamp(44px, 6vw, 72px); text-shadow: 0 0 22px #e5dacd88, 0 6px 10px #000; box-shadow: 0 0 40px #e5dacd22, inset 0 0 20px #000a; }
.pf-scene.is-working .pf-hero img { animation: pf-work var(--work) ease-in-out infinite; animation-delay: var(--delay); }
.pf-scene.is-working .pf-node-glyph { animation: pf-struck var(--work) ease-out infinite; animation-delay: var(--delay); }
.pf-float { position: absolute; top: -6%; left: 50%; color: #d6c5b0; font-family: var(--title); font-size: 15px; font-weight: 700; white-space: nowrap; text-shadow: 0 2px 4px #000, 0 0 10px #000; opacity: 0; animation: pf-float var(--work) ease-out infinite; animation-delay: var(--delay); }
@keyframes pf-work { 0%, 62% { transform: rotate(0) translateX(0); } 74% { transform: rotate(-5deg) translateX(-3%); } 86% { transform: rotate(4deg) translateX(5%); } 100% { transform: rotate(0) translateX(0); } }
@keyframes pf-struck { 0%, 84% { transform: scale(1); filter: none; } 88% { transform: scale(.93) rotate(-2deg); filter: brightness(1.6); } 100% { transform: scale(1); filter: none; } }
@keyframes pf-float { 0%, 86% { opacity: 0; transform: translate(-50%, 10px); } 90% { opacity: 1; transform: translate(-50%, 0); } 100% { opacity: 0; transform: translate(-50%, -26px); } }
.pf-scene-hud { position: absolute; left: 0; right: 0; top: 0; display: flex; justify-content: space-between; align-items: flex-start; gap: 16px; padding: 14px 18px; }
.pf-scene-title { display: grid; gap: 5px; min-width: 220px; max-width: 420px; }
.pf-scene-title h2 { margin: 0; font-family: var(--title); font-size: 26px; letter-spacing: 1px; color: #ebe2d7; text-shadow: 0 2px 6px #000; }
.pf-scene-title h2 em { color: #e5dacd; font-size: 16px; font-style: normal; }
.pf-scene-title small { color: #cfc2b0; font-size: 11px; text-shadow: 0 1px 3px #000; }
.pf-scene-state { display: grid; justify-items: end; gap: 6px; padding: 9px 12px; border: 1px solid #4d3a3899; border-radius: 10px; background: #0f0c0cbb; backdrop-filter: blur(3px); text-align: right; }
.pf-scene-state small { color: #baab9a; font-size: 11px; }
.pf-cycle { position: absolute; left: 0; right: 0; bottom: 0; height: 5px; background: #0009; }
.pf-cycle i { display: block; width: 0; height: 100%; background: linear-gradient(90deg, #7a161c, #e5dacd); animation: pf-fill linear infinite; animation-duration: inherit; }
.pf-cycle.idle i { animation: none; }
@keyframes pf-fill { from { width: 0; } to { width: 100%; } }
.pf-lore { margin: 0 0 14px; max-width: 820px; font-size: 12.5px; line-height: 1.5; }
.pf-lore span { color: #b3262e; }

/* Gathering spots */
.pf-spots { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 7px; }
.pf-spot { display: grid; grid-template-columns: 38px minmax(0, 1fr) auto auto; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid #362b2a; border-radius: 10px; background: #171313; }
.pf-spot.is-active { border-color: #6f9d55; background: linear-gradient(160deg, #251c1c, #140f0f); }
.pf-spot.is-locked { opacity: .55; }
.pf-spot-grave { display: grid; place-items: center; width: 38px; height: 38px; border: 1px solid #4d3a38; border-radius: 50%; background: radial-gradient(circle at 35% 30%, #281e1e, #100d0d); color: #e5dacd; font-family: var(--title); font-size: 13px; }
.pf-spot-body { display: grid; gap: 2px; min-width: 0; }
.pf-spot-body b { overflow: hidden; color: #ebe2d7; font-size: 13px; text-overflow: ellipsis; white-space: nowrap; }
.pf-spot-body small { overflow: hidden; color: #8e7776; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.pf-spot-body em { color: #b6e08f; font-style: normal; }
.pf-spot-owned { color: #e0d3c4; font-size: 13px; font-variant-numeric: tabular-nums; }
.pf-spot button { min-width: 82px; min-height: 30px; }
.pf-lock { min-width: 82px; color: #a8998c; font-size: 11px; text-align: center; }
.pf-ladder { margin-top: 8px; padding: 10px 12px; border: 1px solid #362b2a; border-radius: 10px; background: #130e0e; }
.pf-ladder summary { color: #cfc2b0; cursor: pointer; font-size: 12.5px; }
.pf-ladder .resource-grid { margin-top: 12px; }

/* Provisions tray */
.pv-tray { display: flex; flex-direction: column; align-items: flex-start; gap: 4px; }
.pv-label { color: #b3262e; font-size: 10px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; text-shadow: 0 1px 3px #000; }
.pv-slots { display: flex; gap: 6px; padding: 6px; border: 1px solid #4d3a38; border-radius: 12px; background: linear-gradient(180deg, #281e1ed9, #140f0fe6); backdrop-filter: blur(3px); }
button.pv-slot { position: relative; display: grid; place-items: center; width: 48px; height: 48px; padding: 0; overflow: hidden; border: 1px solid #5e4442; border-radius: 10px; background: radial-gradient(circle at 50% 35%, #3a1a1c, #110d0d); box-shadow: inset 0 0 8px #000a; }
button.pv-slot:hover { border-color: #e5dacd; }
.pv-slot.is-empty { border-style: dashed; border-color: #4d3a38; background: #100d0d; }
.pv-slot.is-empty .pv-icon { color: #5e4442; font-size: 18px; }
.pv-slot.is-out { filter: grayscale(.8); opacity: .7; }
.pv-icon { font-size: 22px; line-height: 1; }
.pv-text { position: absolute; left: 0; right: 0; bottom: 2px; text-align: center; }
.pv-text b { display: none; }
.pv-text small { color: #e7dcd0; font-size: 9px; font-weight: 700; text-shadow: 0 1px 2px #000, 0 0 3px #000; white-space: nowrap; }
.pv-slot.is-empty .pv-text { display: none; }
.pv-time, .pv-cd { position: absolute; left: 0; top: 0; height: 3px; background: #8fd06a; }
.pv-cd { top: auto; bottom: 0; height: 100%; background: #0008; }
.pv-tray.is-large .pv-slots { flex-wrap: wrap; gap: 8px; padding: 8px; }
.pv-tray.is-large button.pv-slot { grid-template-columns: 32px minmax(0, 1fr); justify-items: start; gap: 8px; width: 200px; height: 52px; padding: 0 10px; text-align: left; }
.pv-tray.is-large .pv-text { position: static; display: grid; text-align: left; }
.pv-tray.is-large .pv-text b { display: block; overflow: hidden; color: #ebe2d7; font-size: 12px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.pv-tray.is-large .pv-text small { color: #a8998c; font-size: 10.5px; font-weight: 400; text-shadow: none; }
.pv-tray.is-large .pv-slot.is-empty .pv-text { display: grid; }

/* Provisions dialog */
.pv-options { display: grid; gap: 6px; margin-top: 10px; }
.pv-option { display: grid; grid-template-columns: 36px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 8px 10px; border: 1px solid #362b2a; border-radius: 10px; background: #171313; }
.pv-option.is-on { border-color: #b3262e; }
.pv-option.is-none { opacity: .55; }
.pv-option p { margin: 2px 0 0; color: #baab9a !important; }
.pv-choose { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 4px; }

/* Combat hotbar row with provisions */
@media (min-width: 961px) {
  .hunt-hotbar-row { align-items: flex-end; gap: 14px; }
  .hunt-hotbar-row .pv-tray { margin-bottom: 4px; }
}
@media (max-width: 960px) {
  .hunt-hotbar-row { flex-wrap: wrap; gap: 6px; }
  .hunt-hotbar-row .pv-tray { flex-direction: row; align-items: center; width: 100%; justify-content: center; }
  .hunt-hotbar-row .pv-label { display: none; }
  .hunt-hotbar-row button.pv-slot { width: 44px; height: 44px; }
}
@media (max-width: 760px) {
  .pf-head { flex-direction: column; align-items: stretch; }
  .pf-scene { height: 250px; }
  .pf-hero { left: 22%; width: 120px; }
  .pf-node { left: 70%; width: 110px; }
  .pf-scene-hud { flex-direction: column; padding: 10px 12px; }
  .pf-scene-title h2 { font-size: 20px; }
  .pf-scene-state { justify-items: start; text-align: left; }
  .pf-spots, .pf-recipes { grid-template-columns: 1fr; }
  .pf-recipe { grid-template-columns: 34px minmax(0, 1fr); }
  .pf-recipe-actions { grid-column: 1 / -1; display: flex; }
  .pf-bench-head { grid-template-columns: 48px minmax(0, 1fr); }
  .pf-bench-icon { width: 48px; height: 48px; font-size: 24px; }
  .pf-bench-head .pf-now { grid-column: 1 / -1; }
  .pv-tray.is-large button.pv-slot { width: calc(50% - 4px); }
}
.pf-recipe-icon { position: relative; }
.pf-grave-chip { position: absolute; right: -6px; bottom: -6px; min-width: 18px; padding: 0 3px; border: 1px solid #4d3a38; border-radius: 8px; background: #181212; color: #e5dacd; font-family: var(--title); font-size: 9px; font-style: normal; line-height: 15px; text-align: center; }
.pv-tray.is-large { width: 100%; }
.pv-tray.is-large .pv-label { display: none; }
.pv-tray.is-large .pv-slots { width: 100%; }
.pv-tray.is-large button.pv-slot { flex: 1 1 170px; width: auto; }
@media (max-width: 760px) {
  .pf-scene { height: 270px; }
  .pf-scene .pf-scene-hud { flex-direction: row; align-items: flex-start; }
  .pf-scene .pf-scene-title { min-width: 0; flex: 1; }
  .pf-scene .pf-scene-state { justify-items: end; max-width: 46%; padding: 6px 8px; text-align: right; }
  .pf-scene .pf-scene-state small { display: none; }
  .pf-scene .pf-scene-state b { font-size: 12px; }
  .pf-group > header { flex-direction: column; gap: 4px; }
}
/* Bestiary: Prepare box */
.bx-prep { display: grid; grid-template-columns: minmax(200px, 1fr) auto; align-items: center; gap: 12px; margin: 10px 0; padding: 10px 12px; border: 1px solid #4d3a38; border-radius: 11px; background: linear-gradient(160deg, #1f1717, #100d0d); }
.bx-prep-text p { margin: 3px 0 0; color: #d9ccb2; font-size: 12.5px; line-height: 1.4; }
.bx-prep-items { display: flex; flex-wrap: wrap; gap: 6px; }
.bestiary button.bx-prep-item { display: grid; grid-template-columns: 26px minmax(0, 1fr); align-items: center; gap: 8px; min-width: 170px; padding: 6px 10px; border: 1px solid #3e3130; border-radius: 9px; background: #171313; text-align: left; }
.bx-prep-item:hover { border-color: #b3262e; }
.bx-prep-icon { font-size: 18px; }
.bx-prep-item b { display: block; color: #ebe2d7; font-size: 12px; }
.bx-prep-item small { color: #a8998c; font-size: 10.5px; }
@media (max-width: 960px) { .bx-prep { grid-template-columns: 1fr; } .bestiary button.bx-prep-item { flex: 1 1 100%; } }
/* Chronicle */
.pf-chronicle { margin-top: 16px; }
.pf-chapters { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 7px; align-items: start; }
.pf-chapter { border: 1px solid #362b2a; border-radius: 10px; background: #171313; }
.pf-chapter.is-done { border-color: #7a161c; }
.pf-chapter summary { display: grid; grid-template-columns: 38px minmax(0, 1fr); align-items: center; gap: 10px; padding: 8px 10px; cursor: pointer; list-style: none; }
.pf-chapter summary::-webkit-details-marker { display: none; }
.pf-chapter summary b { display: block; color: #ebe2d7; font-size: 13px; }
.pf-chapter summary small { color: #8e7776; font-size: 11px; }
.pf-chapter ol { display: grid; gap: 6px; margin: 0; padding: 0 14px 10px 34px; color: #d9ccb2; font-size: 12px; font-style: italic; line-height: 1.45; }
.pf-page-missing { color: #6e5250; font-style: normal; }
.pf-founder { margin: 0 12px 12px; padding: 8px 10px; border: 1px solid #4d3a38; border-radius: 8px; background: #100d0d; }
.pf-founder b { color: #e5dacd; font-size: 12.5px; }
.pf-founder ul { margin: 6px 0; padding-left: 16px; color: #cfc2b0; font-size: 11.5px; line-height: 1.4; }
.pf-founder small { color: #b6e08f; font-size: 11px; }

/* Crafting workbench */
.pf-station { height: clamp(210px, 28vh, 290px); }
.pf-forge .pf-node-glyph { border-color: #bfa38388; background: radial-gradient(circle at 50% 55%, #cf323c55, #1d1717 62%, #0f0d0d 75%); box-shadow: 0 0 46px #cf323c44, inset 0 0 22px #000; }
.pf-station.is-working .pf-forge .pf-node-glyph { animation: pf-forge var(--work) ease-in-out infinite; animation-delay: var(--delay); }
@keyframes pf-forge { 0% { box-shadow: 0 0 26px #cf323c33, inset 0 0 22px #000; transform: scale(.96); } 85% { box-shadow: 0 0 60px #cf323c88, inset 0 0 12px #000; transform: scale(1.02); } 92% { filter: brightness(1.8); transform: scale(1.08); } 100% { box-shadow: 0 0 26px #cf323c33, inset 0 0 22px #000; transform: scale(.96); } }
.pf-scene-title h2 { white-space: nowrap; }
.bn-layout { display: grid; grid-template-columns: minmax(280px, 380px) minmax(0, 1fr); gap: 12px; align-items: start; }
.bn-list { display: flex; flex-direction: column; min-height: 0; border: 1px solid #3e3130; border-radius: 12px; background: linear-gradient(170deg, #1d1818, #110d0d); overflow: hidden; }
.bn-filters { display: flex; gap: 4px; padding: 8px; border-bottom: 1px solid #332828; }
.professions-page .bn-filters button { flex: 1; min-height: 30px; padding: 0 8px; font-size: 12px; }
.bn-filters button b { margin-left: 3px; color: #b6e08f; }
.bn-rows { display: grid; max-height: min(62vh, 640px); overflow: auto; scrollbar-width: thin; }
.professions-page button.bn-row { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 7px 12px; border: 0; border-bottom: 1px solid #2a2222; border-radius: 0; background: transparent; text-align: left; }
.professions-page button.bn-row:hover { background: #251d1d; }
.professions-page button.bn-row.is-selected { background: linear-gradient(90deg, #3a1a1c, #161111); box-shadow: inset 3px 0 0 #e5dacd; }
.bn-row.is-locked { opacity: .5; }
.bn-icon { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #4d3a38; border-radius: 8px; background: #100d0d; font-size: 17px; }
.bn-row.is-ready .bn-icon { border-color: #6f9d55; }
.bn-name { display: grid; min-width: 0; }
.bn-name b { overflow: hidden; color: #ebe2d7; font-size: 13px; font-weight: 600; text-overflow: ellipsis; white-space: nowrap; }
.bn-name small { color: #8e7776; font-size: 10.5px; }
.bn-state { color: #a8998c; font-size: 11.5px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.bn-row.is-ready .bn-state { color: #b6e08f; font-weight: 700; }
.bn-state i { font-style: normal; }
.bn-missing { color: #6e5250; }
.bn-empty { padding: 14px; }
.bn-detail { padding: 16px 18px; border: 1px solid #4d3a38; border-radius: 12px; background: linear-gradient(170deg, #201919, #110d0d); box-shadow: 0 6px 22px #0008; }
.bn-detail-head { display: grid; grid-template-columns: 72px minmax(0, 1fr); align-items: center; gap: 16px; padding-bottom: 12px; border-bottom: 1px solid #332828; }
.bn-detail-icon { display: grid; place-items: center; width: 72px; height: 72px; border: 1px solid #b3262e; border-radius: 16px; background: radial-gradient(circle at 50% 40%, #5a1a1e, #151111); font-size: 36px; box-shadow: 0 0 18px #b3262e33; }
.bn-detail-head h3 { margin: 4px 0; font-family: var(--title); font-size: 22px; color: #ebe2d7; }
.bn-detail-head small { font-size: 12px; }
.bn-effect { margin: 12px 0 0; padding: 9px 12px; border-left: 3px solid #6f9d55; border-radius: 0 8px 8px 0; background: #1b1414; color: #cfe7b5; font-size: 13px; line-height: 1.45; }
.bn-effect.muted { border-left-color: #4d3a38; background: #171313; color: #baab9a; }
.bn-sub { margin: 16px 0 8px; color: #b4484d; font-size: 11px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase; }
.bn-ings { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.bn-ings li { display: grid; grid-template-columns: 74px minmax(0, 1fr) auto; align-items: center; gap: 12px; padding: 7px 10px; border: 1px solid #362b2a; border-radius: 9px; background: #171313; }
.bn-ings li.is-short { border-color: #6b3a2e; background: #1a1414; }
.bn-ing-count { color: #a8998c; font-size: 13px; font-variant-numeric: tabular-nums; text-align: right; }
.bn-ing-count b { color: #b6e08f; font-size: 16px; }
.bn-ings li.is-short .bn-ing-count b { color: #f0a090; }
.bn-ing-name { display: grid; min-width: 0; }
.bn-ing-name b { color: #ebe2d7; font-size: 13px; }
.bn-ing-name small { overflow: hidden; color: #8e7776; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.bn-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 16px; padding-top: 12px; border-top: 1px solid #332828; }
.professions-page .bn-craft { min-height: 42px; padding: 0 22px; font-size: 14px; }
.bn-craft small { font-weight: 400; opacity: .8; }
.bn-lock { color: #e8a090; font-size: 13px; }
@media (max-width: 1100px) { .bn-layout { grid-template-columns: 1fr; } .bn-detail { order: -1; } .bn-rows { max-height: 360px; } }
@media (max-width: 760px) {
  .pf-station { height: 230px; }
  .bn-ings li { grid-template-columns: 56px minmax(0, 1fr) auto; gap: 8px; }
  .bn-detail { padding: 12px; }
  .bn-detail-head { grid-template-columns: 52px minmax(0, 1fr); gap: 12px; }
  .bn-detail-icon { width: 52px; height: 52px; font-size: 26px; }
  .bn-detail-head h3 { font-size: 18px; }
  .professions-page .bn-craft { flex: 1; }
}
@media (max-width: 760px) { .pf-station .pf-scene-title .eyebrow { display: none; } }
/* Hub cards show each profession's figure */
.professions-page .pf-card { grid-template-columns: 64px minmax(0, 1fr); }
.pf-card-art { position: relative; width: 64px; height: 64px; overflow: hidden; background: radial-gradient(circle at 50% 35%, #4a1418, #120e0e 72%); }
.pf-card-art img { position: absolute; left: 50%; top: -6px; width: 150px; height: 150px; transform: translateX(-50%); filter: drop-shadow(0 2px 3px #000); }
.bx-favs { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin-top: 6px !important; }
.bx-favs > span:first-child { color: #8e7f76; font-size: 11px; letter-spacing: .6px; text-transform: uppercase; }
.bx-fav { padding: 2px 9px; border: 1px solid #4d3a38; border-radius: 10px; background: #1d1616; color: #cfc2b0; font-size: 11.5px; }
.bx-fav b { color: #ecdcc6; font-weight: 600; }
.bd-edge { margin: 0; color: #c8b9a6; font-size: 10.5px; line-height: 1.35; }
.bd-edge b { color: #d9686d; }