.sales-page { background: var(--premium-canvas); color: var(--premium-ink); }
.sales-container { width: min(calc(100% - clamp(2rem, 5vw, 4rem)), var(--premium-container)); margin-inline: auto; }
.sales-page h1, .sales-page h2 { font-family: var(--font-secondary); font-weight: 400; }
.sales-page h2 { margin: 0; font-size: clamp(1.45rem, 2.3vw, 2rem); line-height: 1.3; letter-spacing: -.025em; }
.sales-eyebrow { margin: 0 0 1.1rem; color: var(--premium-gold); font-size: .68rem; font-weight: 700; letter-spacing: .14em; line-height: 1.5; }
.sales-button { display: inline-flex; min-height: 48px; align-items: center; justify-content: center; padding: .85rem 1.25rem; border: 1px solid var(--premium-gold); border-radius: 0; background: var(--premium-gold); color: #171611; font-size: .7rem; font-weight: 700; letter-spacing: .065em; line-height: 1.45; text-align: center; text-decoration: none; }
.sales-button:hover { background: var(--premium-gold-bright); border-color: var(--premium-gold-bright); color: #171611; }
.sales-hero { padding-block: clamp(2rem, 4vw, 3.4rem); background: #171817; color: #f3f0e9; }
.sales-hero__grid { display: grid; grid-template-columns: minmax(0, .65fr) minmax(0, 1.35fr); gap: clamp(1.8rem, 4.5vw, 4rem); align-items: start; }
.sales-hero__copy { padding-top: clamp(.5rem, 3vw, 2.6rem); }
.sales-hero h1 { margin: 0; color: #f8f5ef; font-size: clamp(2.7rem, 4.1vw, 3.8rem); letter-spacing: -.045em; line-height: 1.09; }
.sales-hero__lead { max-width: 30ch; margin: 1.2rem 0 0; color: #cdcac4; font-size: .96rem; line-height: 1.7; }
.sales-price { margin: 1.7rem 0 .5rem; color: #f8f5ef; font-family: var(--font-secondary); font-size: clamp(2.1rem, 3vw, 2.7rem); font-weight: 400; line-height: 1.2; white-space: nowrap; }
.sales-availability { margin: 0 0 1.6rem; color: #c6b795; font-size: .78rem; line-height: 1.6; }
.sales-hero__facts { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .6rem; margin: 2.3rem 0 0; padding-top: 1.2rem; border-top: 1px solid #ffffff24; }
.sales-hero__facts dt { color: #b9b5af; font-size: .65rem; }
.sales-hero__facts dd { margin: .2rem 0 0; font-family: var(--font-secondary); font-size: 1.05rem; }
.sales-gallery { min-width: 0; }
.sales-gallery__figure { margin: 0; }
.sales-gallery__stage { position: relative; display: block; width: 100%; padding: 0; border: 0; border-radius: 0; aspect-ratio: 4 / 3; background: #232323; cursor: zoom-in; }
.sales-gallery__stage picture, .sales-gallery__stage img { display: block; width: 100%; height: 100%; }
.sales-gallery__stage img { object-fit: contain; }
.sales-gallery__expand { position: absolute; right: .7rem; bottom: .7rem; padding: .28rem .55rem; background: #161616e8; color: #f3f0e9; font-size: .65rem; letter-spacing: .02em; }
.sales-gallery__figure figcaption { display: flex; min-height: 3.4rem; align-items: center; margin: 0; padding-block: .55rem; color: #c0bcb6; font-size: .72rem; line-height: 1.5; }
.sales-gallery__toolbar { display: flex; min-height: 44px; align-items: center; justify-content: space-between; margin-bottom: .6rem; border-top: 1px solid #ffffff24; }
.sales-gallery__count { color: #d1bd96; font-size: .68rem; letter-spacing: .14em; }
.sales-gallery__toolbar > div { display: flex; gap: .35rem; }
.sales-gallery__toolbar button { display: grid; width: 44px; height: 44px; place-items: center; border: 0; border-radius: 0; background: transparent; color: #f3f0e9; font-size: 1.2rem; cursor: pointer; }
.sales-gallery__toolbar button:hover { background: #ffffff12; }
.sales-gallery__thumbs { display: grid; grid-template-columns: repeat(6,minmax(0,1fr)); gap: .6rem; }
.sales-gallery__thumb { position: relative; display: block; min-width: 0; min-height: 44px; padding: 0; aspect-ratio: 4 / 3; border: 2px solid transparent; border-radius: 0; background: #242424; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.sales-gallery__thumb picture, .sales-gallery__thumb img { display: block; width: 100%; height: 100%; }
.sales-gallery__thumb img { object-fit: contain; }
.sales-gallery__thumb > span { position: absolute; bottom: 2px; right: 3px; padding-inline: .15rem; background: #171817d9; color: #fff; font-size: .6rem; line-height: 1.4; }
.sales-gallery__thumb[aria-pressed="true"] { border-color: var(--premium-gold-bright); }
.sales-gallery__thumb:hover { border-color: var(--premium-gold); }
.sales-gallery button:focus-visible { outline: 2px solid var(--premium-gold-bright); outline-offset: 3px; }
.sales-description, .sales-specifications, .sales-support { padding-block: clamp(2.4rem, 4.8vw, 4rem); }
.sales-editorial-grid { display: grid; grid-template-columns: minmax(0,.65fr) minmax(0,1.35fr); gap: clamp(1.8rem,4.5vw,4rem); }
.sales-description__copy { max-width: 68ch; }
.sales-description__copy p { margin: 0 0 1.1rem; }
.sales-description__copy p:last-child { margin-bottom: 0; }
.sales-description .sales-eyebrow { color: #785c2e; }
.sales-specifications { padding-top: 0; }
.sales-condition { padding-block: 0 2rem; }
.sales-condition p { margin: 0; padding-top: .85rem; border-top: 1px solid var(--premium-line); color: var(--premium-ink-soft); font-size: .88rem; }
.sales-condition h2 { font-size: clamp(1.2rem, 2vw, 1.6rem); }
/* Native dialog top layer keeps the viewer above the frozen site chrome. */
.sales-lightbox { position: fixed; inset: 0; width: 100vw; max-width: none; height: 100vh; height: 100dvh; max-height: none; margin: 0; padding: max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)); border: 0; color: #f3f0e9; background: #131414; overflow: hidden; }
.sales-lightbox[open] { display: grid; grid-template-rows: auto minmax(0, 1fr) auto; gap: .25rem; }
.sales-lightbox::backdrop { background: #080909f5; }
.sales-lightbox__header { display: flex; min-height: 44px; align-items: center; justify-content: space-between; gap: .5rem; }
.sales-lightbox__tools { display: flex; gap: .35rem; }
.sales-lightbox [data-lightbox-zoom-reset] { width: 64px; font-size: .75rem; }
.sales-lightbox__header > span { color: #d0c6b5; font-family: var(--font-secondary); font-size: 1rem; }
.sales-lightbox button { display: grid; width: 44px; height: 44px; padding: 0; place-items: center; border: 1px solid #ffffff38; border-radius: 0; color: #f3f0e9; background: transparent; font-size: 1.4rem; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.sales-lightbox button:hover { border-color: var(--premium-gold); background: #ffffff0a; }
.sales-lightbox button:focus-visible { outline: 2px solid var(--premium-gold-bright); outline-offset: 3px; }
.sales-lightbox__viewport { min-width: 0; min-height: 0; overflow: hidden; touch-action: none; }
.sales-lightbox__viewport picture { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.sales-lightbox__viewport img { display: block; width: auto; height: auto; max-width: none; max-height: none; object-fit: contain; user-select: none; -webkit-user-drag: none; }
.sales-lightbox__viewport[data-zoomed="true"] { cursor: grab; }
.sales-lightbox__viewport[data-dragging="true"] { cursor: grabbing; }
.sales-lightbox__footer { display: grid; gap: .15rem; }
.sales-lightbox__navigation { display: flex; align-items: center; justify-content: center; gap: 1.4rem; }
.sales-lightbox__navigation > span { min-width: 5.5rem; color: var(--premium-gold-bright); font-size: .8rem; letter-spacing: .14em; text-align: center; }
.sales-lightbox__footer p { min-height: 1.5rem; margin: 0; color: #c0bcb6; font-size: .78rem; line-height: 1.5; text-align: center; }
@media (max-width: 760px) {
  .sales-lightbox { padding-inline: max(12px, env(safe-area-inset-left)) max(12px, env(safe-area-inset-right)); }
  .sales-lightbox__footer p { min-height: 0; font-size: .72rem; }
  .sales-lightbox__header > span { font-size: .78rem; }
  .sales-condition { padding-bottom: 1.6rem; }
}
.sales-specifications__list { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); column-gap: 2rem; margin: 0; }
.sales-specifications__list > div { display: grid; grid-template-columns: minmax(0,.8fr) minmax(0,1.2fr); gap: .7rem; padding-block: .75rem; border-top: 1px solid var(--premium-line); font-size: .8rem; }
.sales-specifications__list dt { color: #6a6257; }
.sales-specifications__list dd { margin: 0; color: #23201a; }
.sales-viewing { padding-block: 2.4rem; border-block: 1px solid var(--premium-line); background: #e9e4da; }
.sales-viewing__grid { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 1.8rem; align-items: center; }
.sales-viewing p { margin: .6rem 0 0; color: var(--premium-ink-soft); font-size: .92rem; }
.sales-support { padding-block: 2.6rem; }
.sales-support h2 { font-size: clamp(1.2rem,2vw,1.6rem); }
.sales-support p { margin: 0; color: var(--premium-ink-soft); font-size: .9rem; }
.sales-support__links { display: flex; flex-wrap: wrap; column-gap: 1.8rem; row-gap: .3rem; margin-top: .9rem; }
.sales-support__links a { display: inline-flex; min-height: 44px; align-items: center; gap: .8rem; color: #705426; font-size: .82rem; text-underline-offset: .35rem; }
.sales-closing { padding-block: clamp(2.8rem,5vw,4rem); background: #171817; color: #f3f0e9; text-align: center; }
.sales-closing h2 { color: #f8f5ef; font-size: clamp(1.8rem,3vw,2.6rem); text-transform: none; }
.sales-closing p { max-width: 54ch; margin: .9rem auto 1.5rem; color: #cdcac4; font-size: .92rem; }
/* Seller enquiries are separate from the approved instrument presentation. */
.sales-seller { padding-block: clamp(2rem,4vw,3rem); background: var(--premium-canvas); color: var(--premium-ink); }
.sales-seller__grid { display: grid; grid-template-columns: minmax(0,.65fr) minmax(0,1.35fr); gap: clamp(1.8rem,4.5vw,4rem); }
.sales-seller h2 { padding-top: .85rem; border-top: 1px solid var(--premium-gold); text-transform: none; }
.sales-seller__copy { max-width: 68ch; }
.sales-seller__copy p { margin: 0; color: var(--premium-ink-soft); font-size: .92rem; line-height: 1.7; }
.sales-seller__copy p + p { margin-top: .85rem; }
.sales-seller__contacts { display: flex; flex-wrap: wrap; align-items: center; gap: .75rem 1.5rem; margin-top: 1.25rem; }
.sales-seller__secondary { color: #705426; background: transparent; border-color: #a58a5c; }
.sales-seller__secondary:hover { color: #4b391b; background: #bea16b14; border-color: #705426; }
.sales-seller a:focus-visible { outline: 2px solid #705426; outline-offset: 4px; }
@media (max-width: 1024px) and (min-width: 761px) {
  .sales-seller__grid { grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); gap: 1.7rem; }
}
@media (max-width: 760px) {
  .sales-seller__grid { grid-template-columns: 1fr; gap: 1.25rem; }
}
@media (max-width: 1024px) and (min-width: 761px) {
  .sales-hero__grid, .sales-editorial-grid { grid-template-columns: minmax(0,.75fr) minmax(0,1.25fr); gap: 1.7rem; }
  .sales-hero h1 { font-size: 2.6rem; }
  .sales-specifications__list { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .sales-hero { padding-block: 1.8rem 2rem; }
  .sales-hero__grid, .sales-editorial-grid { grid-template-columns: 1fr; gap: 1.7rem; }
  .sales-hero__copy { padding-top: 0; }
  .sales-hero h1 { font-size: clamp(2.45rem,8vw,3rem); }
  .sales-hero__lead { max-width: 40ch; margin-top: .8rem; }
  .sales-price { margin-top: 1.2rem; }
  .sales-availability { margin-bottom: 1.15rem; }
  .sales-hero__facts { margin-top: 1.5rem; padding-top: .8rem; }
  .sales-gallery__thumbs { grid-template-columns: repeat(4,minmax(0,1fr)); gap: .45rem; }
  .sales-gallery__figure figcaption { min-height: 3.4rem; }
  .sales-specifications__list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .sales-viewing__grid { grid-template-columns: 1fr; gap: 1.1rem; }
  .sales-viewing .sales-button { justify-self: start; }
}
@media (max-width: 500px) {
  .sales-specifications__list { grid-template-columns: 1fr; }
  .sales-description, .sales-support { padding-block: 2.2rem; }
  .sales-page h2 { font-size: 1.45rem; }
  .sales-closing h2 { font-size: 1.9rem; }
  .sales-hero__copy > .sales-button { width: 100%; }
}