/**
 * WISECP · Web Hosting Billing and Digital Services Platform
 *
 * Copyright (c) WISECP LLC — All rights reserved.
 * Unlicensed copying, distribution or use is prohibited.
 *
 * Terms of service: https://wisecp.com/terms-of-service
 */
.cat-hub {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.75rem;
  margin-block-end: 1rem;
}
.cat-card {
  display: flex;
  flex: 1 1 18rem;
  max-inline-size: 26rem;
  align-items: center;
  gap: 0.875rem;
  text-align: start;
  text-decoration: none;
  color: var(--mz-body-color);
  padding: 1rem 1.125rem;
  background-color: var(--mz-surface-bg);
  border: 1px solid var(--mz-border-color);
  border-radius: var(--mz-radius);
  transition:
    border-color 0.2s ease,
    box-shadow 0.2s ease,
    background-color 0.2s ease;
}
.cat-card:hover {
  border-color: var(--mz-primary-text);
  background-color: var(--mz-primary-subtle);
}
.cat-card:focus-visible {
  outline: 0;
  box-shadow: var(--mz-focus-ring);
}
.cat-card-body {
  display: flex;
  flex-direction: column;
  min-inline-size: 0;
  margin-inline-end: auto;
}
.cat-card-title {
  font-weight: 600;
  color: var(--mz-heading-color);
}
.cat-card-desc {
  font-size: 0.8rem;
  color: var(--mz-muted-color);
}
.cat-card-price {
  flex-shrink: 0;
  text-align: end;
  line-height: 1.15;
}
.cat-card-price-from {
  display: block;
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--mz-muted-color);
}
.cat-card-price-now {
  display: block;
  white-space: nowrap;
}
.cat-card-price-amount {
  font-size: 1.2rem;
  font-weight: 700;
  color: var(--mz-primary-text);
  letter-spacing: -0.01em;
}
.cat-card-price-cycle {
  font-size: 0.72rem;
  font-weight: 500;
  color: var(--mz-muted-color);
}
.cat-card-chevron {
  flex-shrink: 0;
  font-size: 1.1rem;
  color: var(--mz-muted-color);
  transition: color 0.2s ease;
}
.cat-card:hover .cat-card-chevron {
  color: var(--mz-primary-text);
}
[dir="rtl"] .cat-card-chevron {
  transform: scaleX(-1);
}