/* Live listings (search, categories without a board, saved crystals): values from the Search / ShopAll boards. */
.sc-list { width: 1440px; margin: 0 auto; zoom: var(--scz-d, 1); padding-bottom: 104px; }
.scl-crumb { font-size: 14px; padding: 24px 56px 0; display: flex; gap: 8px; align-items: center; color: #655A70; }
.scl-crumb a { color: #655A70; } .scl-crumb span { color: #B9AEC4; } .scl-crumb b { color: #2A1B36; font-weight: 600; }
.scl-head { padding: 20px 56px 0; display: flex; flex-direction: column; gap: 18px; }
.scl-head h1 { margin: 0; font-family: 'Fraunces', Georgia, serif; font-weight: 400; font-size: 48px; line-height: 1.05; }
.scl-head h1 em { font-style: italic; color: #4B40B8; }
.scl-intro { margin: 0; font-size: 18px; line-height: 1.55; color: #655A70; max-width: 760px; }
.scl-search { display: flex; align-items: center; gap: 12px; height: 64px; padding: 0 22px; border-radius: 999px; background: #ffffff; box-shadow: inset 0 0 0 1.5px #2A1B36; color: #2A1B36; }
.scl-search input { flex: 1; border: 0; outline: 0; background: transparent; font: 20px 'DM Sans', system-ui, sans-serif; color: #2A1B36; }
.scl-search a { font-size: 13px; color: #655A70; }
.scl-pills { padding: 20px 56px 0; display: flex; gap: 8px; flex-wrap: wrap; }
.scl-pills a { display: flex; align-items: baseline; gap: 6px; padding: 10px 18px; border-radius: 999px; font-size: 15px; font-weight: 600; background: #ffffff; color: #2A1B36; border: 1px solid #ECE4EC; }
.scl-pills a span { font-size: 12px; font-weight: 500; opacity: .7; }
.scl-pills a.is-on { background: #2A1B36; color: #ffffff; border-color: #2A1B36; }
.scl-results { padding: 28px 56px 0; display: flex; flex-direction: column; gap: 28px; }
.scl-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 36px 22px; }
.scl-grid .sc-card-photo { height: 290px !important; }
/* search results only: mini amethyst points and clusters show the whole hand, not a tight crop (owner, 14 Oct) */
.sc-list[data-mode="search"] .sc-card:is([data-pid="23936"], [data-pid="289947"]) .sc-card-photo { background: #ffffff !important; }
.sc-list[data-mode="search"] .sc-card:is([data-pid="23936"], [data-pid="289947"]) .sc-card-photo img { object-fit: contain !important; }
/* keychains (owner, 16 Oct): the whole photo on white, so the stone at the bottom isn't cut off */
.sc-card[data-fit="whole"] .sc-card-photo { background: #ffffff !important; }
.sc-card[data-fit="whole"] .sc-card-photo img { object-fit: contain !important; }
.scl-empty { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 32px; border-radius: 22px; background: #EDE6FA; }
.scl-empty b { font-family: 'Fraunces', Georgia, serif; font-weight: 400; font-size: 28px; }
.scl-empty span { color: #655A70; font-size: 16px; }
.scl-empty a { margin-top: 6px; padding: 14px 24px; border-radius: 999px; background: #2A1B36; color: #ffffff; font-weight: 700; }
.scl-pages { display: flex; gap: 8px; justify-content: center; }
.scl-pages a { min-width: 44px; height: 44px; display: flex; align-items: center; justify-content: center; border-radius: 22px; border: 1px solid #ECE4EC; background: #ffffff; font-weight: 600; }
.scl-pages a.is-on { background: #2A1B36; color: #ffffff; border-color: #2A1B36; }
.scl-learn { display: flex; flex-direction: column; gap: 12px; padding-top: 28px; border-top: 1px solid #ECE4EC; }
.scl-eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #4B40B8; }
.scl-learn div { display: flex; gap: 10px; flex-wrap: wrap; }
.scl-learn a { padding: 12px 20px; border-radius: 999px; box-shadow: inset 0 0 0 1.5px #2A1B36; font-weight: 600; }
@media (max-width: 1023px) {
  .sc-list { width: 390px; zoom: var(--scz-m, 1); padding-bottom: 48px; }
  .scl-crumb { font-size: 13px; padding: 16px 16px 0; }
  .scl-head { padding: 12px 16px 0; gap: 14px; } .scl-head h1 { font-size: 32px; } .scl-intro { font-size: 15px; }
  .scl-search { height: 52px; padding: 0 16px; } .scl-search input { font-size: 16px; }
  .scl-pills { padding: 14px 12px 0; } .scl-pills a { padding: 9px 14px; font-size: 14px; }
  .scl-results { padding: 18px 12px 0; gap: 20px; }
  .scl-grid { grid-template-columns: 1fr 1fr; gap: 18px 10px; } .scl-grid .sc-card-photo { height: 176px !important; border-radius: 14px !important; }
  .scl-empty { padding: 22px 18px; } .scl-empty b { font-size: 22px; }
}