:root {
  --o-accent:        #ff4d4f;          /* matches maker .btn-primary */
  --o-accent-hover:  #f5222d;
  --o-accent-ink:    #ffffff;
  --o-accent-soft:   rgba(255, 77, 79, .10);
  --o-danger:        #ff4d4f;
  --o-bg:            #f5f5f5;
  --o-card:          #ffffff;
  --o-line:          #e6e9ef;
  --o-line-soft:     #f1f3f7;
  --o-ink:           #15191f;
  --o-ink-2:         #3d4451;
  --o-ink-3:         #8a93a2;
  --o-radius:        16px;
  --o-radius-sm:     11px;
  --o-radius-tag:    6px;
  --o-shadow:        0 1px 2px rgba(13,17,23,.04), 0 8px 24px rgba(13,17,23,.06);
  --o-shadow-hover:  0 8px 24px rgba(13,17,23,.12);
  --o-font-body:     'Manrope', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --o-font-display:  'Saira Semi Condensed', 'Manrope', sans-serif;
  --o-touch:         44px;
  --o-bottomnav-h:   0px;              /* maker has no mobile bottom nav */
}

/* ---------- cr-* responsive helpers ---------- */
.cr-desktop-only { display: block; }
@media (max-width: 991px) {
  .cr-desktop-only { display: none !important; }
}
@media (min-width: 992px) {
  .cr-mobile-only { display: none !important; }
}

.cr-load-more {
  text-align: center;
  padding: 20px 0;
}
.cr-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: var(--o-ink-3);
  font-size: 14px;
}
.cr-spinner {
  width: 20px;
  height: 20px;
  border: 2px solid var(--o-line);
  border-top-color: var(--o-accent);
  border-radius: 50%;
  animation: cr-spin 0.7s linear infinite;
}
@keyframes cr-spin {
  to { transform: rotate(360deg); }
}
.cr-no-more {
  color: var(--o-ink-3);
  font-size: 13px;
  padding: 8px 0;
}