/* Gradient color schemes for extra-service-card per page */

/* Inne usługi (inne-uslugi.php) - Purple & Pink tones */
.page-inne .extra-service-card:nth-of-type(1)::before { background: linear-gradient(135deg, #e8d5f2, #f3e8ff); }
.page-inne .extra-service-card:nth-of-type(2)::before { background: linear-gradient(135deg, #fce7f3, #fbcfe8); }
.page-inne .extra-service-card:nth-of-type(3)::before { background: linear-gradient(135deg, #ede9fe, #ddd6fe); }
.page-inne .extra-service-card:nth-of-type(4)::before { background: linear-gradient(135deg, #fae8ff, #f5d0fe); }
.page-inne .extra-service-card:nth-of-type(5)::before { background: linear-gradient(135deg, #e0e7ff, #c7d2fe); }
.page-inne .extra-service-card:nth-of-type(6)::before { background: linear-gradient(135deg, #f3e8ff, #e9d5ff); }
.page-inne .extra-service-card:nth-of-type(7)::before { background: linear-gradient(135deg, #fdf2f8, #fce7f3); }
.page-inne .extra-service-card:nth-of-type(8)::before { background: linear-gradient(135deg, #faf5ff, #f3e8ff); }

.page-inne .extra-icon { color: #9333ea; }

/* Mechanika (mechanika-i-diagnostyka.php) - Blue & Teal tones */
.page-mechanika .extra-service-card:nth-child(1)::before { background: linear-gradient(135deg, #dbeafe, #bfdbfe); }
.page-mechanika .extra-service-card:nth-child(2)::before { background: linear-gradient(135deg, #cffafe, #a5f3fc); }
.page-mechanika .extra-service-card:nth-child(3)::before { background: linear-gradient(135deg, #e0f2fe, #bae6fd); }
.page-mechanika .extra-service-card:nth-child(4)::before { background: linear-gradient(135deg, #ccfbf1, #99f6e4); }
.page-mechanika .extra-service-card:nth-child(5)::before { background: linear-gradient(135deg, #dbeafe, #93c5fd); }
.page-mechanika .extra-service-card:nth-child(6)::before { background: linear-gradient(135deg, #cffafe, #67e8f9); }
.page-mechanika .extra-service-card:nth-child(7)::before { background: linear-gradient(135deg, #e0f2fe, #7dd3fc); }
.page-mechanika .extra-service-card:nth-child(8)::before { background: linear-gradient(135deg, #ccfbf1, #5eead4); }

.page-mechanika .extra-icon { color: #0891b2; }

/* Wulkanizacja (wulkanizacja-i-opony.php) - Orange & Amber tones */
.page-wulkanizacja .extra-service-card:nth-child(1)::before { background: linear-gradient(135deg, #fed7aa, #fdba74); }
.page-wulkanizacja .extra-service-card:nth-child(2)::before { background: linear-gradient(135deg, #fef3c7, #fde68a); }
.page-wulkanizacja .extra-service-card:nth-child(3)::before { background: linear-gradient(135deg, #ffedd5, #fed7aa); }
.page-wulkanizacja .extra-service-card:nth-child(4)::before { background: linear-gradient(135deg, #fef3c7, #fcd34d); }
.page-wulkanizacja .extra-service-card:nth-child(5)::before { background: linear-gradient(135deg, #fee2e2, #fecaca); }
.page-wulkanizacja .extra-service-card:nth-child(6)::before { background: linear-gradient(135deg, #fed7aa, #fb923c); }
.page-wulkanizacja .extra-service-card:nth-child(7)::before { background: linear-gradient(135deg, #fef3c7, #f59e0b); }
.page-wulkanizacja .extra-service-card:nth-child(8)::before { background: linear-gradient(135deg, #ffedd5, #fb923c); }

.page-wulkanizacja .extra-icon { color: #ea580c; }

/* Klimatyzacja (klimatyzacja-i-komfort-jazdy.php) - Green & Mint tones */
.page-klimatyzacja .extra-service-card:nth-child(1)::before { background: linear-gradient(135deg, #d1fae5, #a7f3d0); }
.page-klimatyzacja .extra-service-card:nth-child(2)::before { background: linear-gradient(135deg, #dcfce7, #bbf7d0); }
.page-klimatyzacja .extra-service-card:nth-child(3)::before { background: linear-gradient(135deg, #d1fae5, #6ee7b7); }
.page-klimatyzacja .extra-service-card:nth-child(4)::before { background: linear-gradient(135deg, #dcfce7, #86efac); }
.page-klimatyzacja .extra-service-card:nth-child(5)::before { background: linear-gradient(135deg, #ecfccb, #d9f99d); }
.page-klimatyzacja .extra-service-card:nth-child(6)::before { background: linear-gradient(135deg, #d1fae5, #34d399); }
.page-klimatyzacja .extra-service-card:nth-child(7)::before { background: linear-gradient(135deg, #dcfce7, #4ade80); }
.page-klimatyzacja .extra-service-card:nth-child(8)::before { background: linear-gradient(135deg, #d1fae5, #10b981); }

.page-klimatyzacja .extra-icon { color: #059669; }