/* TKJ Garden - konfigurator carportów.
   Całość wyglądu przychodzi z arkusza pergoli (konfigurator3d.css, uchwyt `tkj3d`).
   Tu tylko to, czego pergole nie mają. */

/* Kafelki modeli - dwa w rzędzie, w barwach odróżniających je od kolekcji pergoli. */
.tkjcp .tkjcp__modele { grid-template-columns: repeat(2, 1fr); }
.tkjcp .tkj3d__kolekcja { min-height: 92px; }
.tkjcp .tkj3d__kolekcja.is-solo { background: #3d5a6c; }   /* stalowy niebieski */
.tkjcp .tkj3d__kolekcja.is-duo  { background: #1f3340; }   /* granat grafitowy */
/* Nazwa modelu - srebrny gradient jak BASE (bez niego tekst jest przezroczysty). */
.tkjcp .tkj3d__kolekcja.is-solo strong,
.tkjcp .tkj3d__kolekcja.is-duo strong {
	background-image: linear-gradient(70deg, #eee 0%, #ddd 25%, #bbb 75%, #fff 100%);
}

/* Dodatki: nazwa i jedno zdanie opisu pod nią, kwota z prawej. */
.tkjcp__dodatki { display: flex; flex-direction: column; gap: 8px; }
.tkjcp__dodatek span b { display: block; font-weight: 600; }
.tkjcp__dodatek span small { display: block; margin-top: 2px; font-size: .76rem; line-height: 1.35; color: var(--m, #6b7280); }
.tkjcp__info { margin: 10px 0 0; font-size: .78rem; }

/* Brak przełącznika montażu - kwota netto stoi w miejscu dopisku o montażu. */
.tkjcp .tkj3d__cena-montaz[hidden] { display: none; }

/* Próbki kolorów do górnej krawędzi - przycisk wyśrodkowuje zawartość w pionie, więc
   „Biały" (jedna linia podpisu) miał kółko niżej niż dwulinijkowe „Szary metaliczny". */
.tkjcp .tkj3d__kolory { align-items: flex-start; }