/* Accessory markers: quiet, but unmistakable. */
.avs-acc-tag{ display:inline-flex; align-items:center; padding:2px 10px; border-radius:999px;
  background:#FFF3DF; color:#6B4300; font-size:.8125rem; font-weight:700; letter-spacing:.02em; vertical-align:middle; }
.avs-acc-note{ margin:10px 0 0; font-size:1.0625rem; line-height:1.55; color:var(--ink-muted); }
.avs-acc-note a{ color:var(--indigo-900); font-weight:600; text-decoration:underline; text-underline-offset:3px; }

.avs-sc-cat .avs-acc-tag{ font-size:.75rem; }
.avs-sc-fits{ margin:4px 0 0; font-size:.9375rem; line-height:1.4; color:var(--ink-muted); }
.avs-sc-fits a{ color:var(--indigo-900); font-weight:600; text-decoration:underline; text-underline-offset:2px; }

.avs-acc-for{ max-width:1200px; margin:clamp(32px,4vw,56px) auto 0; padding:0 20px; }
.avs-acc-for-h{ margin:0 0 18px; font-size:clamp(1.35rem,1.1rem + .8vw,1.75rem); color:var(--indigo-900); }
.avs-acc-grid{ list-style:none; margin:0; padding:0; display:grid; gap:14px; grid-template-columns:repeat(auto-fill, minmax(170px,1fr)); }
.avs-acc-card{ display:flex; flex-direction:column; gap:6px; height:100%; padding:12px; border:1px solid var(--line);
  border-radius:16px; background:#fff; text-decoration:none; color:var(--ink); }
.avs-acc-card:hover{ border-color:var(--lilac-300, #C9B8E6); box-shadow:0 8px 18px rgba(46,26,94,.08); }
.avs-acc-img{ display:block; aspect-ratio:1/1; border-radius:10px; overflow:hidden; background:#FBFAFD; }
.avs-acc-img img{ width:100%; height:100%; object-fit:contain; }
.avs-acc-name{ font-weight:600; color:var(--indigo-900); line-height:1.35; }
.avs-acc-price{ font-weight:700; color:var(--indigo-900); }
/* The card's whole-card link sits over everything (z-index 1); the "For ..."
   links must sit above it or they cannot be clicked. */
.avs-sc-fits a{ position:relative; z-index:2; }