/* VisioniX homepage -- rental card in the services grid (option B, Geri 2026-09-27 21:08:
   "Nagyon tetszik a piros kiemelés."). Loaded after styles.css + cookie.css, index.html only.
   The grid part overrides the manual 3+2 centring in styles.css ("a felul harom alul ketto" block): with a
   6th card that rule would push it into a third row. Delete both together if the rental card goes. */
/* 6 cards: reset the manual 3+2 centring of cards 4 and 5 -> 3+3 (desktop), 2+2+2 (tablet). */
@media (min-width: 1281px) {
  .services-grid > .service-card:nth-child(4),
  .services-grid > .service-card:nth-child(5) { grid-column: auto / span 2; }
}
@media (min-width: 761px) and (max-width: 1280px) {
  .services-grid > .service-card:nth-child(5) { grid-column: auto / span 2; }
}

/* B -- same glass card, red frame + tint + filled label */
.service-card.vx-berles {
  border: 1.5px solid rgba(255,31,45,.62);
  background: linear-gradient(180deg, rgba(255,31,45,.13), rgba(255,31,45,.035));
  box-shadow: 0 22px 80px rgba(0,0,0,.25), 0 0 34px rgba(255,31,45,.12);
}
.service-card.vx-berles::after { opacity: 0; }
.service-card.vx-berles .micro-label {
  background: #d0101c; color: #fff; padding: 7px 11px 6px; border-radius: 999px; letter-spacing: .14em;  /* white on #d0101c = 5.57:1; on --red it is 3.83 */
}
.service-card.vx-berles .service-icon { background: var(--red); border-color: var(--red); }
.service-card.vx-berles .service-icon svg { stroke: #fff; }
body.theme-light .service-card.vx-berles {
  border-color: rgba(230,20,34,.55);
  background: linear-gradient(180deg, rgba(255,31,45,.10), rgba(255,31,45,.03));
}