/* Upholstery step of the order builder. */
.ob-classic { display:none !important; }
.ob-mat { scroll-margin-top:calc(var(--header,72px) + 16px); }
.ob-mat legend span { font-variant-numeric:lining-nums; }
.ob-mat-grid { list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:6px; }
.ob-mat-grid li { min-width:0; }
.ob-mat-grid button { display:block;width:100%;aspect-ratio:1;padding:0;border:0;background:#e9e8e4;cursor:pointer;position:relative;overflow:hidden;color:inherit;font:inherit; }
.ob-mat-grid img { display:block;width:100%;height:100%;object-fit:cover; }
.ob-mat-grid [data-ob-mat-pick]::after { content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 0 #0d0d0d;transition:box-shadow .15s; }
.ob-mat-grid [aria-pressed='true']::after { box-shadow:inset 0 0 0 2px #0d0d0d,inset 0 0 0 3px #fff; }
.ob-mat-grid [data-ob-mat-all] { display:grid;place-items:center;font-size:12px;line-height:1.15;padding:2px;text-align:center;transition:background .2s,color .2s; }
.ob-mat-grid [data-ob-mat-all]:hover { background:#0d0d0d;color:#fff; }
.ob-mat-row { display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:10px; }
.ob-mat-row [hidden] { display:none; }
.ob-mat-look { background:none;border:0;padding:0;min-height:44px;font:inherit;font-size:15px;color:inherit;cursor:pointer;border-bottom:1px solid currentColor;min-height:0;padding-bottom:1px; }
.ob-mat-preview { position:absolute;inset:0;z-index:4;margin:0;opacity:0;pointer-events:none;transition:opacity .25s;background:#f1f0ec;overflow:hidden; }
.ob-mat-preview.is-on { opacity:1; }
.ob-mat-preview img { width:100%;height:100%;object-fit:cover;display:block; }
.ob-mat-preview figcaption { position:absolute;left:16px;bottom:14px;padding:4px 10px;background:#fff;font-size:14px;font-variant-numeric:lining-nums; }
@media (max-width:900px) {
  .ob-mat-grid { grid-template-columns:repeat(5,minmax(0,1fr)); }
}
@media (prefers-reduced-motion:reduce) { .ob-mat-preview,.ob-mat-grid [data-ob-mat-pick]::after { transition:none; } }