/* ==========================================================================
   Collection - shared Soft Luxe system lives in public/theme.css.
   Only the sort control and a couple of local tweaks live here.
   ========================================================================== */

.coll-sort {
  appearance: none; -webkit-appearance: none;
  border: 0; background: transparent; cursor: pointer;
  font-size: 0.65625rem; font-weight: 500; letter-spacing: 0.04em;
  color: var(--c-ink); padding: 4px 18px 4px 0;
  background-image: linear-gradient(45deg, transparent 50%, var(--c-ink-soft) 50%),
                    linear-gradient(135deg, var(--c-ink-soft) 50%, transparent 50%);
  background-position: right 7px center, right 3px center;
  background-size: 4px 4px, 4px 4px;
  background-repeat: no-repeat;
}

.coll-head__desc {
  font-size: 0.75rem; line-height: 1.72; color: var(--c-ink-soft);
  font-weight: 300; max-width: 60ch; margin-top: 10px;
}
.coll-head__desc p { margin: 0 0 0.7em; }
.coll-head__desc p:last-child { margin-bottom: 0; }

@media (min-width: 750px) {
  .coll-head { padding-top: 6px; }
  .coll-offer { display: flex; align-items: baseline; gap: 14px; }
  .coll-offer__title { margin-top: 0; }
}