/* BMF Stallions - Sales: sale masthead, hip ledger and catalog page viewer.
   Loads after bmfs.css and uses its tokens and its st- pieces.
   (c) 2026 Horse Alley / Justin Franklin. CMI: horsealley.com | 17 U.S.C. 1202 */
/* ---- masthead: no photograph, so the copy runs in one measure ---- */
html body .bmf-st.bmf-sl .sl-mast .st-name{font-size:clamp(32px,5.4vw,78px)!important;max-width:20ch!important}
html body .bmf-st.bmf-sl .sl-mast-body{max-width:760px!important}
html body .bmf-st.bmf-sl .sl-mast .st-cross{font-family:var(--mono)!important;font-weight:500!important;font-size:clamp(13px,1.2vw,15px)!important;letter-spacing:.2em!important;text-transform:uppercase!important;color:var(--sage)!important}
html body .bmf-st.bmf-sl .sl-mast .st-titles{margin-top:20px!important;font-size:18px!important;max-width:60ch!important}
html body .bmf-st.bmf-sl .st-band{border-top-width:2px!important}
html body .bmf-st.bmf-sl .st-band-grid{justify-content:start!important;column-gap:0!important}
html body .bmf-st.bmf-sl .st-stat{padding:6px 44px!important}

/* ---- hip ledger ---- */
html body .bmf-st.bmf-sl .sl-hips{background:var(--paper)!important;padding:96px 0 104px!important}
html body .bmf-st.bmf-sl .sl-ledger{background:#fff!important;box-shadow:var(--shadow)!important;border-top:4px solid var(--green)!important}
html body .bmf-st.bmf-sl .sl-row{display:grid!important;grid-template-columns:104px minmax(0,1fr) minmax(0,1.5fr) 178px!important;gap:30px!important;align-items:center!important;padding:20px 30px 20px 20px!important;border-bottom:1px solid var(--line)!important;border-left:4px solid transparent!important;color:var(--bone)!important;transition:background .2s ease,border-color .2s ease!important}
html body .bmf-st.bmf-sl .sl-row:last-child{border-bottom:0!important}
html body .bmf-st.bmf-sl .sl-row:nth-child(even){background:#FAF9F5!important}
html body .bmf-st.bmf-sl a.sl-row{cursor:pointer!important}
html body .bmf-st.bmf-sl a.sl-row:hover,html body .bmf-st.bmf-sl a.sl-row:focus-visible{background:#F1F5EE!important;border-left-color:var(--green)!important}
html body .bmf-st.bmf-sl .sl-hip{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:74px!important;background:var(--green)!important;color:#fff!important;font:700 30px/1 var(--display)!important;letter-spacing:.02em!important;font-variant-numeric:tabular-nums!important;padding:12px 6px 10px!important;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%)!important}
html body .bmf-st.bmf-sl .sl-hip b{font:600 10.5px/1 var(--mono)!important;letter-spacing:.26em!important;text-transform:uppercase!important;color:var(--sage)!important}
html body .bmf-st.bmf-sl .sl-hip.sl-hip-text{font:600 10px/1.3 var(--mono)!important;letter-spacing:.14em!important;text-transform:uppercase!important;text-align:center!important;background:var(--night-2)!important}
html body .bmf-st.bmf-sl .sl-who,html body .bmf-st.bmf-sl .sl-ped,html body .bmf-st.bmf-sl .sl-end{display:block!important;min-width:0!important}
html body .bmf-st.bmf-sl .sl-name{display:block!important;font:700 19px/1.25 var(--display)!important;text-transform:uppercase!important;letter-spacing:.03em!important;color:var(--green-deep)!important;overflow-wrap:anywhere!important}
html body .bmf-st.bmf-sl .sl-desc{display:block!important;margin-top:6px!important;font:500 12px/1.5 var(--mono)!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:var(--kick)!important}
html body .bmf-st.bmf-sl .sl-cross{display:block!important;font:500 17px/1.45 var(--serif)!important;color:var(--bone)!important}
html body .bmf-st.bmf-sl .sl-note{display:block!important;margin-top:6px!important;font:400 14.5px/1.55 var(--serif)!important;color:var(--smoke)!important}
html body .bmf-st.bmf-sl .sl-end{text-align:right!important}
html body .bmf-st.bmf-sl .sl-class{display:inline-block!important;font:600 11px/1 var(--mono)!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--bone)!important;border:1px solid var(--line2)!important;padding:8px 10px 7px!important;white-space:nowrap!important}
html body .bmf-st.bmf-sl .sl-go{display:block!important;margin-top:12px!important;font:600 11.5px/1 var(--mono)!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:var(--green)!important;white-space:nowrap!important}

@media (max-width:1100px){
html body .bmf-st.bmf-sl .sl-row{grid-template-columns:92px minmax(0,1fr) 170px!important;gap:8px 24px!important}
html body .bmf-st.bmf-sl .sl-hip{grid-row:1 / span 2!important;align-self:start!important}
html body .bmf-st.bmf-sl .sl-who{grid-column:2!important}
html body .bmf-st.bmf-sl .sl-ped{grid-column:2!important;grid-row:2!important}
html body .bmf-st.bmf-sl .sl-end{grid-column:3!important;grid-row:1 / span 2!important}
}
@media (max-width:900px){
html body .bmf-st.bmf-sl .st-stat{padding:0 0 0 18px!important}
}
@media (max-width:640px){
html body .bmf-st.bmf-sl .sl-hips{padding:60px 0 64px!important}
html body .bmf-st.bmf-sl .sl-row{grid-template-columns:66px minmax(0,1fr)!important;gap:6px 16px!important;padding:18px 16px 18px 12px!important}
html body .bmf-st.bmf-sl .sl-hip{grid-row:1 / span 3!important;min-height:62px!important;font-size:22px!important}
html body .bmf-st.bmf-sl .sl-hip.sl-hip-text{font-size:8px!important;letter-spacing:.06em!important}
html body .bmf-st.bmf-sl .sl-name{font-size:16.5px!important}
html body .bmf-st.bmf-sl .sl-cross{font-size:15.5px!important}
html body .bmf-st.bmf-sl .sl-end{grid-column:2!important;grid-row:3!important;text-align:left!important;display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:10px 14px!important;margin-top:6px!important}
html body .bmf-st.bmf-sl .sl-go{margin-top:0!important}
}
@media (prefers-reduced-motion:reduce){
html body .bmf-st.bmf-sl .sl-row{transition:none!important}
}

/* ---- catalog page viewer (appended to <body>, outside .bmf-st) ---- */
html.sl-open,html.sl-open body{overflow:hidden!important}
html body .bmf-sl-box{position:fixed!important;inset:0!important;z-index:100000!important;background:rgba(15,24,18,.94)!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;margin:0!important;padding:0!important}
html body .bmf-sl-box[hidden]{display:none!important}
html body .bmf-sl-box .sl-box-bar{position:sticky!important;top:0!important;z-index:2!important;display:flex!important;align-items:center!important;gap:10px!important;padding:12px 18px!important;background:#0F1812!important;border-bottom:1px solid rgba(255,255,255,.16)!important}
html body .bmf-sl-box .sl-box-cap{flex:1 1 auto!important;min-width:0!important;margin:0!important;padding:0!important;font:600 12px/1.4 'IBM Plex Mono',ui-monospace,Menlo,monospace!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:#fff!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}
html body .bmf-sl-box .sl-box-btn{flex:0 0 auto!important;appearance:none!important;background:transparent!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:2px!important;color:#fff!important;font:600 11px/1 'IBM Plex Mono',ui-monospace,Menlo,monospace!important;letter-spacing:.16em!important;text-transform:uppercase!important;padding:11px 13px 10px!important;margin:0!important;cursor:pointer!important;box-shadow:none!important;width:auto!important;height:auto!important}
html body .bmf-sl-box .sl-box-btn:hover,html body .bmf-sl-box .sl-box-btn:focus-visible{background:#fff!important;color:#2A4B2F!important;border-color:#fff!important}
html body .bmf-sl-box .sl-box-close{background:#fff!important;color:#2A4B2F!important;border-color:#fff!important}
html body .bmf-sl-box .sl-box-sheet{padding:22px 14px 40px!important;text-align:center!important}
html body .bmf-sl-box .sl-box-img{display:inline-block!important;width:100%!important;max-width:900px!important;height:auto!important;min-height:200px!important;background:#fff!important;box-shadow:0 30px 80px rgba(0,0,0,.5)!important;margin:0!important}
@media (max-width:640px){
html body .bmf-sl-box .sl-box-bar{padding:10px!important;gap:6px!important}
html body .bmf-sl-box .sl-box-btn{padding:10px 9px 9px!important;letter-spacing:.08em!important}
html body .bmf-sl-box .sl-box-sheet{padding:10px 6px 30px!important}
}
/* the page ends on the site footer: no theme padding under the plate */
html body.single-bmf_sale .container-wrap,html body.single-bmf_sale .main-content,html body.single-bmf_sale #ajax-content-wrap .container-wrap{padding-top:0!important;margin-top:0!important;padding-bottom:0!important;margin-bottom:0!important}
@media (max-width:640px){
html body .bmf-st.bmf-sl .st-cta-row .st-btn{letter-spacing:.1em!important;padding:17px 12px!important;white-space:nowrap!important}
}