/* HA Sale Horse Media - single sale horse video + gallery (high specificity to beat theme styles) */
html body .hasm-heading{margin:0 0 14px !important;font-size:13px !important;letter-spacing:.18em !important;text-transform:uppercase !important;opacity:.7 !important}

html body .hasm-video{margin:32px auto 0 !important;max-width:1100px !important}
html body .hasm-video__frame{position:relative !important;width:100% !important;aspect-ratio:16/9 !important;background:#0a0b0d !important;border-radius:6px !important;overflow:hidden !important}
html body .hasm-video__frame iframe,html body .hasm-video__frame video{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;border:0 !important}
html body .hasm-video__link{font-weight:600 !important;text-transform:uppercase !important;letter-spacing:.08em !important}

html body .hasm-gallery{margin:36px auto 0 !important;max-width:1100px !important;--hasm-row:340px}
/* Every photo keeps its own aspect ratio at a shared row height: a 2:3 vertical is about a quarter of the width,
   a 3:2 horizontal about half. Four verticals, or two verticals and a horizontal, fill one line; the rest wrap. */
html body .hasm-gallery__row{display:flex !important;flex-wrap:wrap !important;justify-content:center !important;gap:14px !important}
html body .hasm-gallery__item{margin:0 !important;flex:0 1 auto !important;width:calc(var(--hasm-ar) * var(--hasm-row)) !important;max-width:100% !important}
html body .hasm-gallery__link{display:block !important;aspect-ratio:var(--hasm-ar) !important;overflow:hidden !important;border-radius:6px !important;background:#111 !important;cursor:zoom-in !important}
html body .hasm-gallery__img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;transition:transform .45s ease !important}
html body .hasm-gallery__link:hover .hasm-gallery__img{transform:scale(1.035) !important}
@media (max-width:1100px){html body .hasm-gallery{--hasm-row:28vw}}
@media (max-width:690px){
  html body .hasm-gallery__row{gap:10px !important}
  html body .hasm-gallery__item--portrait{width:calc(50% - 5px) !important}
  html body .hasm-gallery__item--square{width:calc(50% - 5px) !important}
  html body .hasm-gallery__item--landscape{width:100% !important}
}

/* Built-in lightbox */
html body .hasm-lb{position:fixed;inset:0;z-index:100000;background:rgba(8,8,10,.94);display:flex;align-items:center;justify-content:center}
html body .hasm-lb img{max-width:92vw;max-height:88vh;width:auto;height:auto;border-radius:4px;box-shadow:0 10px 60px rgba(0,0,0,.6)}
html body .hasm-lb button{position:absolute;border:0;background:none;color:#fff;cursor:pointer;font-size:34px;line-height:1;padding:14px;opacity:.8}
html body .hasm-lb button:hover{opacity:1}
html body .hasm-lb__close{top:10px;right:14px}
html body .hasm-lb__prev{left:6px;top:50%;transform:translateY(-50%)}
html body .hasm-lb__next{right:6px;top:50%;transform:translateY(-50%)}
html body .hasm-lb__count{position:absolute;left:0;right:0;bottom:12px;text-align:center;color:#fff;opacity:.65;font-size:13px;letter-spacing:.08em}
