:root {
  --ud-red: #dc2626;
  --ud-red-dark: #991b1b;
  --ud-red-light: #fca5a5;
  --ud-dark: #1a1a1a;
  --ud-cream: #fafafa;
  --ud-gold: #c9a962;
}

.ud-brand {
  display: flex;
  align-items: center;
  gap: 0.65rem;
}

.ud-brand img {
  height: 36px;
  width: auto;
  object-fit: contain;
}

.ud-brand-text {
  font-weight: 700;
  font-size: 0.95rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  color: var(--ud-red);
}

.ud-brand-text.light { color: #fff; }

.design-opt.royal { border-color: rgba(37, 99, 235, 0.35); }
.design-opt.rose { border-color: rgba(225, 29, 72, 0.35); }
.design-opt.minimal { border-color: rgba(120, 113, 108, 0.35); }
.design-opt.sunset { border-color: rgba(234, 88, 12, 0.35); }
.design-opt.lavender { border-color: rgba(124, 58, 237, 0.35); }
.design-opt.deco { border-color: rgba(184, 134, 11, 0.35); }
.design-opt.brand { border-color: rgba(220, 38, 38, 0.45); border-width: 2px; }

@media (min-width: 520px) {
  .design-grid-10 { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 720px) {
  .design-grid-10 { grid-template-columns: repeat(3, 1fr); }
}

.design-card[data-design="naqsho4"].active { border-color: #2563eb; box-shadow: 0 0 0 2px rgba(37,99,235,0.25); }
.design-card[data-design="naqsho5"].active { border-color: #e11d48; box-shadow: 0 0 0 2px rgba(225,29,72,0.25); }
.design-card[data-design="naqsho6"].active { border-color: #78716c; box-shadow: 0 0 0 2px rgba(120,113,108,0.25); }
.design-card[data-design="naqsho7"].active { border-color: #ea580c; box-shadow: 0 0 0 2px rgba(234,88,12,0.25); }
.design-card[data-design="naqsho8"].active { border-color: #7c3aed; box-shadow: 0 0 0 2px rgba(124,58,237,0.25); }
.design-card[data-design="naqsho9"].active { border-color: #b8860b; box-shadow: 0 0 0 2px rgba(184,134,11,0.25); }
.design-card[data-design="naqsho10"].active { border-color: #dc2626; box-shadow: 0 0 0 2px rgba(220,38,38,0.3); }