.sales-records { padding-block: 3.5rem; }
.sales-records__heading { text-align: center; max-width: 640px; margin: 0 auto 2rem; }
.sales-records__eyebrow { color: var(--primary-blue, #e10600); font-size: .72rem; font-weight: 800; letter-spacing: .24em; text-transform: uppercase; }
.sales-records h2 { margin: .65rem 0 .85rem; color: #fff; font-size: clamp(1.65rem, 4vw, 2.4rem); font-weight: 800; line-height: 1.15; }
.sales-records h2 span { color: var(--primary-blue, #e10600); }
.sales-records__description { margin: 0; color: #a5acc0; font-size: .95rem; line-height: 1.6; }
.sales-records__rule { width: 80px; height: 5px; border-radius: 3px; background: var(--primary-blue, #e10600); margin: 1.2rem auto; }
.sales-records__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; }
.sales-record { min-width: 0; overflow: hidden; border-radius: 20px; border: 1px solid #252e50; background: linear-gradient(155deg, #0c1230, #090b15 70%); }
.sales-record__image-button { position: relative; display: block; width: 100%; padding: 0; border: 0; background: #0a0d17; cursor: zoom-in; aspect-ratio: 9 / 16; overflow: hidden; }
.sales-record__image-button img { width: 100%; height: 100%; object-fit: contain; display: block; }
.sales-record__zoom { position: absolute; right: 12px; bottom: 12px; padding: .45rem .65rem; border-radius: 8px; background: #080b19e8; color: #fff; font-size: .72rem; }
.sales-record__excerpt { display: flex; flex-direction: column; justify-content: center; gap: 1.3rem; min-height: 240px; padding: 1.4rem; background: radial-gradient(ellipse at top right, #e1060024, transparent 70%); }
.sales-record__excerpt-label { font-size: .65rem; letter-spacing: .12em; color: #8e9cc6; font-weight: 700; text-transform: uppercase; }
.sales-record blockquote { margin: 0; padding: 1rem; border-radius: 16px 16px 16px 4px; border: 1px solid #30374d; background: #202535; color: #f2f4fc; font-family: "Segoe UI", Arial, sans-serif; line-height: 1.55; font-size: 1.05rem; }
.sales-record__body { padding: 1rem 1.1rem 1.25rem; }
.sales-record__index { display: flex; gap: .4rem; align-items: center; color: #adb9e2; font-size: .68rem; letter-spacing: .1em; font-weight: 700; text-transform: uppercase; }
.sales-record h3 { margin: .6rem 0 .4rem; color: #fff; font-size: .96rem; font-family: "Segoe UI", Arial, sans-serif; }
.sales-record__body p { margin: 0; font-size: .8rem; color: #a5acc0; line-height: 1.5; }
.sales-records__note { margin: 1.4rem 0 0; text-align: center; font-size: .78rem; line-height: 1.5; color: #8b95ad; }
.sales-record__image-button:focus-visible { outline: 3px solid #7795ff; outline-offset: -4px; }
.sales-records-dialog { width: min(660px, calc(100vw - 24px)); max-height: 94dvh; padding: 0; border: 1px solid #394774; border-radius: 18px; background: #0b0e19; color: #fff; }
.sales-records-dialog::backdrop { background: #02040ce8; }
.sales-records-dialog__bar { position: sticky; top: 0; display: flex; align-items: center; justify-content: space-between; padding: .8rem 1rem; background: #0b0e19; z-index: 1; }
.sales-records-dialog__close { border: 1px solid #465271; border-radius: 8px; padding: .5rem .7rem; background: #161e32; color: #fff; cursor: pointer; font: inherit; }
.sales-records-dialog img { display: block; width: 100%; height: auto; }
@media (max-width: 1000px) { .sales-records__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 540px) {
  .sales-records { padding-block: 2.5rem; }
  .sales-records__grid { gap: .8rem; }
  .sales-record__excerpt { min-height: 210px; gap: .9rem; padding: .85rem; }
  .sales-record blockquote { padding: .75rem; font-size: .9rem; }
  .sales-record__body { padding: .85rem; }
  .sales-record h3 { font-size: .88rem; }
  .sales-record__zoom { font-size: .6rem; right: 6px; bottom: 6px; padding: .35rem; }
}