/* ---- Модифікації в картці: розміри та кольори ---- */
.cv { display: flex; flex-direction: column; gap: 6px; margin: 2px 0 4px; }
.cv__row { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; }
.cv__s { display: inline-grid; place-items: center; min-width: 30px; height: 24px; padding: 0 6px; border: 1px solid var(--line); background: #fff; color: var(--ink);
  font-size: .72rem; font-weight: 600; text-decoration: none; line-height: 1; transition: border-color .15s, background .15s; }
.cv__s:hover { border-color: var(--ink); }
.cv__s.is-on { background: var(--ink); border-color: var(--ink); color: #fff; }
.cv__c { display: inline-grid; place-items: center; width: 24px; height: 24px; border: 1px solid transparent; border-radius: 50%; transition: border-color .15s; }
.cv__c i { width: 16px; height: 16px; border-radius: 50%; box-shadow: inset 0 0 0 1px rgba(0,0,0,.12); }
.cv__c:hover { border-color: #b9c0bd; }
.cv__c.is-on { border-color: var(--ink); }
.cv__more { font-size: .72rem; color: var(--muted); padding-left: 2px; }
@media (max-width: 760px) {
  .cv { gap: 4px; }
  .cv__s { min-width: 26px; height: 22px; padding: 0 4px; font-size: .66rem; }
  .cv__c { width: 22px; height: 22px; }
  .cv__c i { width: 14px; height: 14px; }
}

.cv__c.is-view { border-color: var(--cta); }
.card__img img { transition: opacity .15s; }