/*
 * Indywidualny kafelek kierowcy BUS V3.
 * Ma własną przestrzeń nazw i własny kontrakt układu, dzięki czemu jego
 * strojenie nie wpływa na główny kafelek BUS V2.
 * Domyślna geometria: 90dvw × 70dvh. Panel mobilny dopasowuje wysokość
 * przez --service-card-vh i --service-card-detail-scale; szerokość pozostaje stała.
 */

body[data-category="BusTransport"]
  .DriverCardsSwiper--with-bus-main-v2
  .DriverCardsSwiper__slide--bus-driver-main-v3 {
  width: 90dvw !important;
  height: calc(70 * var(--service-card-vh, 1dvh)) !important;
  min-height: calc(70 * var(--service-card-vh, 1dvh)) !important;
  max-width: none !important;
  max-height: calc(70 * var(--service-card-vh, 1dvh)) !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: clamp(calc(24px * var(--service-card-detail-scale, 1)), 4dvw, calc(46px * var(--service-card-detail-scale, 1))) !important;
  background: transparent !important;
  box-shadow: none !important;
}

.BusDriverMainCardV3 {
  --bdmc-accent: #168cff;
  --bdmc-accent-soft: #55b7ff;
  --bdmc-blue: #075be9;
  --bdmc-panel: rgba(3, 6, 9, 0.82);
  --bdmc-route-top: calc(44.4 * var(--service-card-vh, 1dvh));
  --bdmc-route-left: 6.5dvw;
  --bdmc-route-width: 66dvw;
  --bdmc-route-height: calc(7.2 * var(--service-card-vh, 1dvh));
  position: relative;
  isolation: isolate;
  width: 90dvw !important;
  height: calc(70 * var(--service-card-vh, 1dvh)) !important;
  min-width: 90dvw !important;
  min-height: calc(70 * var(--service-card-vh, 1dvh)) !important;
  max-width: 90dvw !important;
  max-height: calc(70 * var(--service-card-vh, 1dvh)) !important;
  margin: 0 !important;
  padding: calc(1.55 * var(--service-card-vh, 1dvh)) 2.4dvw calc(1.35 * var(--service-card-vh, 1dvh));
  overflow: hidden;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: calc(4.5 * var(--service-card-vh, 1dvh)) calc(10.5 * var(--service-card-vh, 1dvh)) minmax(calc(5 * var(--service-card-vh, 1dvh)), 1fr) calc(15.5 * var(--service-card-vh, 1dvh)) calc(8.2 * var(--service-card-vh, 1dvh)) calc(8.4 * var(--service-card-vh, 1dvh));
  gap: calc(0.72 * var(--service-card-vh, 1dvh));
  color: #fff;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  border: calc(1px * var(--service-card-detail-scale, 1)) solid rgba(73, 164, 255, 0.62);
  border-radius: clamp(calc(24px * var(--service-card-detail-scale, 1)), 4dvw, calc(46px * var(--service-card-detail-scale, 1)));
  background: #030507;
  box-shadow:
    0 calc(2.3 * var(--service-card-vh, 1dvh)) calc(5 * var(--service-card-vh, 1dvh)) rgba(0, 0, 0, 0.58),
    inset 0 0 0 calc(1px * var(--service-card-detail-scale, 1)) rgba(0, 0, 0, 0.88);
  -webkit-font-smoothing: antialiased;
}

.BusDriverMainCardV3::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  border-radius: inherit;
  background: none;
}

.BusDriverMainCardV3::after {
  content: "";
  position: absolute;
  inset: calc(0.7 * var(--service-card-vh, 1dvh)) 0.7dvw;
  z-index: 5;
  pointer-events: none;
  border: calc(1px * var(--service-card-detail-scale, 1)) solid rgba(82, 173, 255, 0.22);
  border-radius: calc(clamp(calc(24px * var(--service-card-detail-scale, 1)), 4dvw, calc(46px * var(--service-card-detail-scale, 1))) - calc(6px * var(--service-card-detail-scale, 1)));
  box-shadow: inset 0 0 calc(2.8 * var(--service-card-vh, 1dvh)) rgba(255, 255, 255, 0.025);
}

.BusDriverMainCardV3 > :not(.BusDriverMainCardV3__background) {
  position: relative;
  z-index: 5;
  min-width: 0;
}

.BusDriverMainCardV3__background {
  position: absolute;
  inset: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center 56%;
  pointer-events: none;
  user-select: none;
  filter: none;
}

.BusDriverMainCardV3__header {
  top: calc(5 * var(--service-card-vh, 1dvh));
  padding: 0 1.3dvw;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.BusDriverMainCardV3__lights {
  padding-top: calc(0.55 * var(--service-card-vh, 1dvh));
  display: flex;
  align-items: center;
  gap: clamp(calc(10px * var(--service-card-detail-scale, 1)), 2.25dvw, calc(18px * var(--service-card-detail-scale, 1)));
}

.BusDriverMainCardV3__light {
  width: clamp(calc(10px * var(--service-card-detail-scale, 1)), calc(1.4 * var(--service-card-vh, 1dvh)), calc(18px * var(--service-card-detail-scale, 1)));
  height: clamp(calc(10px * var(--service-card-detail-scale, 1)), calc(1.4 * var(--service-card-vh, 1dvh)), calc(18px * var(--service-card-detail-scale, 1)));
  border-radius: 50%;
  background: #59616a;
  box-shadow: none;
  transition: background-color 180ms ease, box-shadow 180ms ease, opacity 180ms ease;
}

.BusDriverMainCardV3__light[data-state="green"] {
  background: #21ef77;
  box-shadow: 0 0 calc(0.9 * var(--service-card-vh, 1dvh)) rgba(33, 239, 119, 0.34);
}

.BusDriverMainCardV3__light[data-state="red"] {
  background: #ff4d5f;
  box-shadow: 0 0 calc(0.9 * var(--service-card-vh, 1dvh)) rgba(255, 77, 95, 0.3);
}

.BusDriverMainCardV3__light[data-state="yellow"] {
  background: #ffd23f;
  box-shadow: 0 0 calc(0.9 * var(--service-card-vh, 1dvh)) rgba(255, 210, 63, 0.28);
}

.BusDriverMainCardV3__light[data-state="empty"],
.BusDriverMainCardV3[data-has-drivers="false"] .BusDriverMainCardV3__light {
  background: #59616a;
  box-shadow: none;
  opacity: 0.72;
}

.BusDriverMainCardV3__brand {
  display: flex;
  align-items: flex-start;
  gap: 1.6dvw;
}

.BusDriverMainCardV3__brandCopy {
  display: grid;
  justify-items: end;
  line-height: 1;
}

.BusDriverMainCardV3__brandCopy strong {
  color: #fff;
  font-size: clamp(calc(14px * var(--service-card-detail-scale, 1)), calc(1.5 * var(--service-card-vh, 1dvh)), calc(26px * var(--service-card-detail-scale, 1)));
  font-weight: 900;
  letter-spacing: 0.04em;
}

.BusDriverMainCardV3__brandCopy small {
  margin-top: calc(0.35 * var(--service-card-vh, 1dvh));
  color: var(--bdmc-accent);
  font-size: clamp(calc(8px * var(--service-card-detail-scale, 1)), calc(0.75 * var(--service-card-vh, 1dvh)), calc(14px * var(--service-card-detail-scale, 1)));
  font-weight: 800;
  letter-spacing: 0.13em;
}

.BusDriverMainCardV3__brandMark {
  width: clamp(calc(22px * var(--service-card-detail-scale, 1)), calc(1.4 * var(--service-card-vh, 1dvh)), calc(38px * var(--service-card-detail-scale, 1)));
  height: clamp(calc(22px * var(--service-card-detail-scale, 1)), calc(1.4 * var(--service-card-vh, 1dvh)), calc(38px * var(--service-card-detail-scale, 1)));
  padding: calc(2px * var(--service-card-detail-scale, 1));
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: calc(2px * var(--service-card-detail-scale, 1));
  border-radius: calc(6px * var(--service-card-detail-scale, 1));
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 0 calc(1.2 * var(--service-card-vh, 1dvh)) rgba(22, 140, 255, 0.3);
}

.BusDriverMainCardV3__brandMark i {
  display: block;
  border-radius: calc(2px * var(--service-card-detail-scale, 1));
  background: var(--bdmc-accent);
}

.BusDriverMainCardV3__brandMark i:nth-child(2),
.BusDriverMainCardV3__brandMark i:nth-child(3) {
  background: #17191c;
}

.BusDriverMainCardV3__hero {
  top: calc(5 * var(--service-card-vh, 1dvh));
  width: 78dvw;
  padding-left: 3dvw;
  display: grid;
  grid-template-columns: calc(9.7 * var(--service-card-vh, 1dvh)) minmax(0, 1fr);
  grid-template-rows: calc(10.6 * var(--service-card-vh, 1dvh));
  column-gap: 0;
  row-gap: 0;
  align-self: start;
  text-shadow: none;
  filter: drop-shadow(0 calc(0.75 * var(--service-card-vh, 1dvh)) calc(1.35 * var(--service-card-vh, 1dvh)) rgba(0, 0, 0, 0.38));
}

.BusDriverMainCardV3__visualSpace {
  min-height: 0;
  pointer-events: none;
}

.BusDriverMainCardV3 > .BusDriverMainCardV3__routeSnapshot {
  position: absolute;
  top: var(--bdmc-route-top);
  left: var(--bdmc-route-left);
  z-index: 7;
  width: var(--bdmc-route-width);
  height: var(--bdmc-route-height);
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 15dvw) minmax(0, 1fr) minmax(0, 15dvw);
  align-items: end;
  gap: 1dvw;
  color: #fff;
  filter: drop-shadow(0 calc(0.65 * var(--service-card-vh, 1dvh)) calc(0.85 * var(--service-card-vh, 1dvh)) rgba(0, 0, 0, 0.88));
  pointer-events: none;
}

.BusDriverMainCardV3__routeSnapshot[data-ready="false"] {
  opacity: 0.74;
}

.BusDriverMainCardV3__routeEndpoint {
  min-width: 0;
  padding-bottom: calc(0.35 * var(--service-card-vh, 1dvh));
  display: grid;
  grid-template-columns: calc(2.2 * var(--service-card-vh, 1dvh)) minmax(0, 1fr);
  align-items: center;
  gap: 0.5dvw;
}

.BusDriverMainCardV3__routeEndpoint--to {
  text-align: right;
}

.BusDriverMainCardV3__routePin {
  width: calc(2.2 * var(--service-card-vh, 1dvh));
  height: calc(2.2 * var(--service-card-vh, 1dvh));
  display: grid;
  place-items: center;
  color: var(--bdmc-accent);
  filter: drop-shadow(0 0 calc(0.75 * var(--service-card-vh, 1dvh)) rgba(22, 140, 255, 0.72));
}

.BusDriverMainCardV3__routeEndpoint--to .BusDriverMainCardV3__routePin {
  grid-column: 2;
  grid-row: 1;
}

.BusDriverMainCardV3__routeEndpoint--to :is(
  .BusDriverMainCardV3__routeFrom,
  .BusDriverMainCardV3__routeTo
) {
  grid-column: 1;
  grid-row: 1;
}

.BusDriverMainCardV3__routePin svg {
  width: 100%;
  height: 100%;
}

.BusDriverMainCardV3__routeFrom,
.BusDriverMainCardV3__routeTo {
  min-width: 0;
  overflow: hidden;
  color: #fff;
  font-size: clamp(calc(9px * var(--service-card-detail-scale, 1)), calc(1.22 * var(--service-card-vh, 1dvh)), calc(14px * var(--service-card-detail-scale, 1)));
  font-weight: 800;
  line-height: 1.05;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: 0 calc(0.2 * var(--service-card-vh, 1dvh)) calc(0.65 * var(--service-card-vh, 1dvh)) #000;
}

.BusDriverMainCardV3__routeTrack {
  position: relative;
  min-width: 0;
  height: calc(5.2 * var(--service-card-vh, 1dvh));
  align-self: end;
}

.BusDriverMainCardV3__routeSvg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: visible;
}

.BusDriverMainCardV3__routeGlow,
.BusDriverMainCardV3__routeLine {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.BusDriverMainCardV3__routeGlow {
  stroke: rgba(22, 140, 255, 0.34);
  stroke-width: 8;
  filter: blur(calc(3px * var(--service-card-detail-scale, 1)));
}

.BusDriverMainCardV3__routeLine {
  stroke: #3ca8ff;
  stroke-width: 2.8;
  filter: drop-shadow(0 0 calc(4px * var(--service-card-detail-scale, 1)) rgba(22, 140, 255, 0.95));
}

.BusDriverMainCardV3__routeNode {
  fill: #eaf7ff;
  stroke: var(--bdmc-accent);
  stroke-width: 2;
  filter: drop-shadow(0 0 calc(3px * var(--service-card-detail-scale, 1)) rgba(22, 140, 255, 0.9));
}

.BusDriverMainCardV3__routeVehicle {
  position: absolute;
  left: var(--bdmc-route-progress, 50%);
  top: 42%;
  width: calc(2.6 * var(--service-card-vh, 1dvh));
  height: calc(2.6 * var(--service-card-vh, 1dvh));
  display: grid;
  place-items: center;
  transform: translate(-50%, -50%);
  border: calc(1px * var(--service-card-detail-scale, 1)) solid rgba(177, 222, 255, 0.88);
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg, #45adff, #075be9);
  box-shadow:
    0 0 0 calc(0.18 * var(--service-card-vh, 1dvh)) rgba(3, 11, 20, 0.88),
    0 0 calc(1.15 * var(--service-card-vh, 1dvh)) rgba(22, 140, 255, 0.8);
}

.BusDriverMainCardV3__routeVehicle svg {
  width: calc(1.55 * var(--service-card-vh, 1dvh));
  height: calc(1.55 * var(--service-card-vh, 1dvh));
}

.BusDriverMainCardV3__routeVehicle[hidden] {
  display: none;
}

.BusDriverMainCardV3__metricsHeader {
    min-width: 0;
    min-height: 0;
    height: calc(3 * var(--service-card-vh, 1dvh));
    /* padding: 0.4dvh 4dvw 0.32dvh; */
    box-sizing: border-box;
    display: grid;
    grid-template-rows: calc(2.8 * var(--service-card-vh, 1dvh)) calc(0.42 * var(--service-card-vh, 1dvh)) calc(1.05 * var(--service-card-vh, 1dvh));
    justify-items: center;
    align-content: center;
    /* gap: 0.18dvh; */
    /* border-bottom: 1px solid rgba(255, 255, 255, 0.17); */
    pointer-events: none;
}

.BusDriverMainCardV3__rating {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}

.BusDriverMainCardV3__rating .stars-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: clamp(calc(5px * var(--service-card-detail-scale, 1)), 1.55dvw, calc(12px * var(--service-card-detail-scale, 1)));
  padding: calc(0.08 * var(--service-card-vh, 1dvh)) 0.4dvw calc(0.42 * var(--service-card-vh, 1dvh));
  filter: none;
}

.BusDriverMainCardV3__rating .star-metallic {
  position: relative;
  isolation: isolate;
  width: clamp(calc(20px * var(--service-card-detail-scale, 1)), calc(2.9 * var(--service-card-vh, 1dvh)), calc(32px * var(--service-card-detail-scale, 1)));
  height: clamp(calc(20px * var(--service-card-detail-scale, 1)), calc(2.9 * var(--service-card-vh, 1dvh)), calc(32px * var(--service-card-detail-scale, 1)));
  margin: 0 !important;
  padding: 0 !important;
  display: inline-grid !important;
  place-items: center;
  font-size: clamp(calc(19px * var(--service-card-detail-scale, 1)), calc(2.75 * var(--service-card-vh, 1dvh)), calc(30px * var(--service-card-detail-scale, 1))) !important;
  line-height: 1 !important;
  transform: none !important;
  transform-origin: center !important;
  cursor: default;
  animation: none !important;
  -webkit-text-stroke: 0.045em rgba(255, 239, 195, 0.48);
  filter:
    drop-shadow(0 calc(0.12 * var(--service-card-vh, 1dvh)) 0 rgba(91, 54, 4, 0.96))
    drop-shadow(0 calc(0.42 * var(--service-card-vh, 1dvh)) calc(0.5 * var(--service-card-vh, 1dvh)) rgba(0, 0, 0, 0.78));
  text-shadow: none !important;
}

.BusDriverMainCardV3__rating .star-metallic::before {
  content: "★";
  position: absolute;
  inset: 0;
  z-index: 1;
  display: grid;
  place-items: center;
  color: transparent;
  background: conic-gradient(
    from 8deg at 50% 47%,
    rgba(255, 255, 255, 0.9) 0deg,
    rgba(255, 255, 255, 0.08) 42deg,
    rgba(0, 0, 0, 0.5) 88deg,
    rgba(255, 255, 255, 0.46) 136deg,
    rgba(0, 0, 0, 0.55) 205deg,
    rgba(255, 255, 255, 0.5) 267deg,
    rgba(0, 0, 0, 0.38) 320deg,
    rgba(255, 255, 255, 0.9) 360deg
  );
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  mix-blend-mode: soft-light;
  opacity: 0.88;
  pointer-events: none;
}

.BusDriverMainCardV3__preferenceIndicator {
     width: 90%;
    height: calc(0.42 * var(--service-card-vh, 1dvh));
    margin-top: calc(1 * var(--service-card-vh, 1dvh));
    min-height: calc(3px * var(--service-card-detail-scale, 1));
    overflow: hidden;
    border-radius: calc(999px * var(--service-card-detail-scale, 1));
    background: rgba(224, 224, 224, 0.32);
    box-shadow: 0 calc(0.2 * var(--service-card-vh, 1dvh)) calc(0.6 * var(--service-card-vh, 1dvh)) rgba(0, 0, 0, 0.42);
}

.BusDriverMainCardV3__preferenceIndicator[hidden],
.BusDriverMainCardV3__preferenceLabel[hidden] {
  display: none;
}

.BusDriverMainCardV3__preferenceLabel {
  max-width: 90%;
  overflow: hidden;
  color: rgb(10 9 9 / 0%);
  font-size: clamp(calc(7px * var(--service-card-detail-scale, 1)), calc(0.92 * var(--service-card-vh, 1dvh)), calc(10px * var(--service-card-detail-scale, 1)));
  font-weight: 600;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.BusDriverMainCardV3__preferenceBar {
  height: 100%;
  display: block;
  border-radius: inherit;
  transition: width 0.5s ease;
}

.BusDriverMainCardV3__preferenceIndicator--high .BusDriverMainCardV3__preferenceBar {
  background: linear-gradient(90deg, #4caf50, #8bc34a);
}

.BusDriverMainCardV3__preferenceIndicator--medium .BusDriverMainCardV3__preferenceBar {
  background: linear-gradient(90deg, #ff9800, #ffc107);
}

.BusDriverMainCardV3__preferenceIndicator--low .BusDriverMainCardV3__preferenceBar {
  background: linear-gradient(90deg, #f44336, #ff5722);
}

.BusDriverMainCardV3 > .BusDriverMainCardV3__metrics {
    /* Keep the reputation and stats inside this card when Swiper moves it. */
    position: absolute;
    top: calc(51 * var(--service-card-vh, 1dvh));
    left: 7dvw;
    z-index: 4;
    width: 75dvw;
    /* height: 1dvh; */
    /* max-height: 10dvh; */
    /* min-height: 5dvh; */
    /* overflow: hidden; */
    /* box-sizing: border-box; */
    /* display: grid; */
    /* grid-template-rows: 5dvh minmax(0, 1fr); */
    /* border: 1px solid rgba(255, 255, 255, 0.25); */
    border-radius: clamp(calc(15px * var(--service-card-detail-scale, 1)), 2.7dvw, calc(30px * var(--service-card-detail-scale, 1)));
    /* background: linear-gradient(145deg, rgba(2, 5, 8, 0.92), rgba(8, 10, 13, 0.78)); */
    box-shadow: 0 calc(1.1 * var(--service-card-vh, 1dvh)) calc(2.5 * var(--service-card-vh, 1dvh)) #000, inset calc(0px * var(--service-card-detail-scale, 1)) calc(-50px * var(--service-card-detail-scale, 1)) calc(20px * var(--service-card-detail-scale, 1)) calc(6px * var(--service-card-detail-scale, 1)) #000;
    -webkit-backdrop-filter: blur(calc(12px * var(--service-card-detail-scale, 1))) saturate(1.2);
    /* backdrop-filter: blur(12px) saturate(1.2);*/
}

.BusDriverMainCardV3__stats {
  min-height: 0;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: stretch;
}

.BusDriverMainCardV3__stat {
  position: relative;
  min-width: 0;
  height: 100%;
  padding: calc(0.35 * var(--service-card-vh, 1dvh)) 1.2dvw calc(0.28 * var(--service-card-vh, 1dvh));
  display: grid;
  grid-template-rows: calc(2.1 * var(--service-card-vh, 1dvh)) calc(2.25 * var(--service-card-vh, 1dvh)) minmax(0, 1fr);
  justify-items: center;
  align-items: center;
  text-align: center;
}

.BusDriverMainCardV3__stat:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 11%;
  right: 0;
  width: calc(1px * var(--service-card-detail-scale, 1));
  height: 78%;
  background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.42), transparent);
}

.BusDriverMainCardV3__statIcon,
.BusDriverMainCardV3__benefitIcon,
.BusDriverMainCardV3__orderSignal {
  display: grid;
  place-items: center;
  color: var(--bdmc-accent);
}

.BusDriverMainCardV3__statIcon svg {
  width: calc(1.1 * var(--service-card-vh, 1dvh));
  height: calc(1.1 * var(--service-card-vh, 1dvh));
}

.BusDriverMainCardV3__stat[data-metric="rating"] .BusDriverMainCardV3__statIcon svg path {
  fill: currentColor;
}

.BusDriverMainCardV3__stat strong {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  color: #fff;
  font-size: clamp(calc(14px * var(--service-card-detail-scale, 1)), calc(1.75 * var(--service-card-vh, 1dvh)), calc(23px * var(--service-card-detail-scale, 1)));
  font-weight: 900;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-shadow: 0 calc(0.3 * var(--service-card-vh, 1dvh)) calc(0.8 * var(--service-card-vh, 1dvh)) #000;
}

.BusDriverMainCardV3__driverPrice {
  font-size: clamp(calc(13px * var(--service-card-detail-scale, 1)), calc(1.62 * var(--service-card-vh, 1dvh)), calc(22px * var(--service-card-detail-scale, 1))) !important;
}

.BusDriverMainCardV3[data-driver-price-available="false"] .BusDriverMainCardV3__driverPrice {
  color: rgba(255, 255, 255, 0.62);
}

.BusDriverMainCardV3__statLabel {
  align-self: start;
  max-width: 18ch;
  overflow: hidden;
  color: rgba(12, 11, 11, 0.9);
  font-size: clamp(calc(7px * var(--service-card-detail-scale, 1)), calc(0.96 * var(--service-card-vh, 1dvh)), calc(11px * var(--service-card-detail-scale, 1)));
  font-weight: 500;
  line-height: 1.05;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

.BusDriverMainCardV3__cta {
  grid-row: 5;
  min-height: 0;
  /*top: calc(1 * var(--service-card-vh, 1dvh));*/
  height: calc(6 * var(--service-card-vh, 1dvh));
  display: flex;
  align-items: stretch;
}

.BusDriverMainCardV3 .BusDriverMainCardV3__orderSlider {
  --h: 100%;
  --handle: calc(5 * var(--service-card-vh, 1dvh));
  position: relative;
  top: calc(8 * var(--service-card-vh, 1dvh));
  width: 90dvw !important;
  height: 100% !important;
  margin: 0 !important;
  overflow: hidden;
  border: calc(1px * var(--service-card-detail-scale, 1)) solid rgba(255, 255, 255, 0.38);
  border-radius: clamp(calc(17px * var(--service-card-detail-scale, 1)), 2.7dvw, calc(30px * var(--service-card-detail-scale, 1)));
  background: linear-gradient(145deg, rgba(8, 10, 12, 0.91), rgba(3, 5, 8, 0.82));
  box-shadow:
    0 calc(1 * var(--service-card-vh, 1dvh)) calc(2 * var(--service-card-vh, 1dvh)) rgba(0, 0, 0, 0.4),
    inset 0 calc(1px * var(--service-card-detail-scale, 1)) 0 rgba(255, 255, 255, 0.08);
}

.BusDriverMainCardV3 .BusDriverMainCardV3__orderSlider .slider-track {
  left: 0;
  right: auto;
  top: 0;
  width: 0;
  height: 100%;
  transform: none;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(22, 140, 255, 0.44), rgba(22, 140, 255, 0.06));
  box-shadow: none;
}

.BusDriverMainCardV3 .BusDriverMainCardV3__orderSlider .slider-track::after {
  display: none;
}

.BusDriverMainCardV3 .BusDriverMainCardV3__orderSlider .slider-handle {
  width: calc(5 * var(--service-card-vh, 1dvh));
  height: calc(5 * var(--service-card-vh, 1dvh));
  border: calc(1px * var(--service-card-detail-scale, 1)) solid #8fd0ff;
  border-radius: calc(1.35 * var(--service-card-vh, 1dvh));
  color: #03101d;
  background: linear-gradient(145deg, #55b7ff, #075be9);
  box-shadow:
    0 0 calc(1.8 * var(--service-card-vh, 1dvh)) rgba(22, 140, 255, 0.5),
    inset 0 calc(1px * var(--service-card-detail-scale, 1)) 0 rgba(255, 255, 255, 0.75);
}

.BusDriverMainCardV3 .BusDriverMainCardV3__orderSlider .slider-handle::before {
  content: "»";
  color: #03101d;
  font-family: Arial, sans-serif;
  font-size: calc(4 * var(--service-card-vh, 1dvh));
  font-weight: 800;
  line-height: 0.7;
  transform: translateY(calc(-0.15 * var(--service-card-vh, 1dvh)));
}

.BusDriverMainCardV3 .BusDriverMainCardV3__orderSlider .slider-text {
  left: 52%;
  top: 37%;
  width: 66%;
  overflow: hidden;
  color: #f6f6f6;
  font-size: clamp(calc(11px * var(--service-card-detail-scale, 1)), calc(1.9 * var(--service-card-vh, 1dvh)), calc(20px * var(--service-card-detail-scale, 1)));
  font-weight: 900;
  line-height: 1;
  letter-spacing: -0.015em;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.BusDriverMainCardV3__orderSubtitle {
  position: absolute;
  left: 23%;
  top: 60%;
  width: 60%;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.58);
  font-size: clamp(calc(8px * var(--service-card-detail-scale, 1)), calc(1.18 * var(--service-card-vh, 1dvh)), calc(12px * var(--service-card-detail-scale, 1)));
  font-weight: 400;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  pointer-events: none;
}

.BusDriverMainCardV3__orderSignal {
  position: absolute;
  top: 50%;
  right: 3dvw;
  transform: translateY(-50%);
  pointer-events: none;
}

.BusDriverMainCardV3__orderSignal svg {
  width: calc(3.8 * var(--service-card-vh, 1dvh));
  height: calc(3.8 * var(--service-card-vh, 1dvh));
}

.BusDriverMainCardV3__benefits {
  grid-row: 6;
  min-height: 0;
  width: calc(5 * var(--service-card-vh, 1dvh));
  height: calc(35 * var(--service-card-vh, 1dvh));
  left: 73dvw;
  bottom: calc(45 * var(--service-card-vh, 1dvh));
  display: block;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: stretch;
  overflow: hidden;
  border: calc(1px * var(--service-card-detail-scale, 1)) solid rgba(255, 255, 255, 0.18);
  border-radius: clamp(calc(15px * var(--service-card-detail-scale, 1)), 2.7dvw, calc(30px * var(--service-card-detail-scale, 1)));
  background: linear-gradient(145deg, rgba(5, 8, 11, 0.9), rgba(13, 15, 18, 0.7));
  box-shadow: inset 0 calc(1px * var(--service-card-detail-scale, 1)) 0 rgba(255, 255, 255, 0.055);
  -webkit-backdrop-filter: blur(calc(10px * var(--service-card-detail-scale, 1)));
  backdrop-filter: blur(calc(10px * var(--service-card-detail-scale, 1)));
}

.BusDriverMainCardV3__benefit {
  position: relative;
  min-width: 0;
  padding: calc(0.55 * var(--service-card-vh, 1dvh)) 0.55dvw calc(0.35 * var(--service-card-vh, 1dvh));
  display: grid;
  grid-template-rows: calc(2.8 * var(--service-card-vh, 1dvh)) calc(1.8 * var(--service-card-vh, 1dvh)) minmax(0, 1fr);
  justify-items: center;
  align-items: start;
  color: rgba(255, 255, 255, 0.82);
  text-align: center;
}

.BusDriverMainCardV3__friendButton {
  width: 100%;
  margin: 0;
  border: 0;
  border-radius: 0;
  color: inherit;
  background: transparent;
  font: inherit;
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: transparent;
  transition: background-color 180ms ease, opacity 180ms ease;
}

.BusDriverMainCardV3__friendButton:hover,
.BusDriverMainCardV3__friendButton:focus-visible {
  background: rgba(22, 140, 255, 0.12);
}

.BusDriverMainCardV3__friendButton:focus-visible {
  outline: calc(2px * var(--service-card-detail-scale, 1)) solid var(--bdmc-accent);
  outline-offset: calc(-2px * var(--service-card-detail-scale, 1));
}

.BusDriverMainCardV3__friendButton.is-active {
  background: rgba(22, 140, 255, 0.16);
}

.BusDriverMainCardV3__friendButton.is-active .BusDriverMainCardV3__benefitIcon svg path {
  fill: currentColor;
}

.BusDriverMainCardV3__friendButton.is-loading {
  opacity: 0.55;
  cursor: wait;
}

.BusDriverMainCardV3__benefit:not(:last-child)::after {
  content: "";
  position: absolute;
  top: 17%;
  right: 0;
  width: calc(1px * var(--service-card-detail-scale, 1));
  height: 66%;
  background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.35), transparent);
}

.BusDriverMainCardV3__benefitIcon svg {
  width: calc(2.65 * var(--service-card-vh, 1dvh));
  height: calc(2.65 * var(--service-card-vh, 1dvh));
}

.BusDriverMainCardV3__benefit > strong {
  max-width: 100%;
  overflow: hidden;
  color: #fff;
  font-size: clamp(calc(8px * var(--service-card-detail-scale, 1)), calc(1.15 * var(--service-card-vh, 1dvh)), calc(12px * var(--service-card-detail-scale, 1)));
  font-weight: 700;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.BusDriverMainCardV3__benefit > span:last-child {
  max-width: 13ch;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.72);
  font-size: clamp(calc(7px * var(--service-card-detail-scale, 1)), calc(0.98 * var(--service-card-vh, 1dvh)), calc(10px * var(--service-card-detail-scale, 1)));
  font-weight: 400;
  line-height: 1.08;
  overflow-wrap: anywhere;
}

.BusDriverMainCardV3__avatar {
  position: relative;
  z-index: 4;
  grid-column: 1;
  grid-row: 1;
  align-self: center;
  width: calc(9.7 * var(--service-card-vh, 1dvh));
  height: calc(9.7 * var(--service-card-vh, 1dvh));
  margin: 0;
  padding: 0;
  overflow: hidden;
  border: calc(0.23 * var(--service-card-vh, 1dvh)) solid rgba(194, 230, 255, 0.98);
  border-radius: 50%;
  color: #fff;
  background: linear-gradient(145deg, #1a2026, #050708);
  box-shadow:
    0 0 0 calc(0.18 * var(--service-card-vh, 1dvh)) rgba(22, 140, 255, 0.9),
    0 0 0 calc(0.42 * var(--service-card-vh, 1dvh)) rgba(0, 0, 0, 0.62),
    0 calc(0.8 * var(--service-card-vh, 1dvh)) calc(2.2 * var(--service-card-vh, 1dvh)) rgba(0, 0, 0, 0.52),
    0 0 calc(1.4 * var(--service-card-vh, 1dvh)) rgba(22, 140, 255, 0.42);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.BusDriverMainCardV3__avatar::after {
  content: "";
  position: absolute;
  right: calc(0.2 * var(--service-card-vh, 1dvh));
  bottom: calc(0.4 * var(--service-card-vh, 1dvh));
  width: calc(1.8 * var(--service-card-vh, 1dvh));
  height: calc(1.8 * var(--service-card-vh, 1dvh));
  z-index: 2;
  border: calc(0.22 * var(--service-card-vh, 1dvh)) solid #07100a;
  border-radius: 50%;
  background: #21ef77;
  box-shadow: 0 0 calc(0.8 * var(--service-card-vh, 1dvh)) rgba(33, 239, 119, 0.48);
}

.BusDriverMainCardV3[data-has-drivers="false"] .BusDriverMainCardV3__avatar::after {
  background: #69717a;
  box-shadow: none;
}

.BusDriverMainCardV3__avatarImage {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: 50% 30%;
}

.BusDriverMainCardV3__avatarFallback {
  width: 100%;
  height: 100%;
  display: grid;
  place-items: center;
  color: #fff;
  font-size: calc(3.1 * var(--service-card-vh, 1dvh));
  font-weight: 900;
  letter-spacing: 0.02em;
}

.BusDriverMainCardV3__avatarFallback[hidden] {
  display: none;
}

.BusDriverMainCardV3__avatar:focus-visible,
.BusDriverMainCardV3__profileCopy:focus-visible {
  outline: calc(2px * var(--service-card-detail-scale, 1)) solid var(--bdmc-accent);
  outline-offset: calc(2px * var(--service-card-detail-scale, 1));
}

.BusDriverMainCardV3__identityPanel {
  --bdm-identity-wing-mask: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAwIDMyMCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PHBhdGggZmlsbD0id2hpdGUiIGQ9Ik0wIDE2MCBDNDUgMTEyIDcwIDYyIDExNSAzOCBDMzEwIDQgNzIwIDAgOTE2IDMyIEM5NjYgNDAgOTk0IDY2IDEwMDAgOTYgQzk4OCAxMjkgOTUxIDE1OCA4OTQgMTg0IEM4MDAgMjI3IDY3MCAyNjggNTMwIDI5MiBDMzkwIDMxNiAyNTUgMzA3IDE1NSAyNzQgQzgwIDI0OSAyOCAyMDQgMCAxNjAgWiIvPjwvc3ZnPg==");
  position: relative;
  isolation: isolate;
  z-index: 1;
  right: 10dvw;
  grid-column: 0/ 3;
  grid-row: 1;
  align-self: center;
  width: 100%;
  height: calc(10.6 * var(--service-card-vh, 1dvh));
  min-width: 0;
  margin: 0;
  padding: calc(1.25 * var(--service-card-vh, 1dvh)) 7dvw calc(0.7 * var(--service-card-vh, 1dvh)) calc(calc(9.7 * var(--service-card-vh, 1dvh)) + 1.35dvw);
  overflow: visible;
  box-sizing: border-box;
  display: grid;
  grid-template-rows: calc(3.15 * var(--service-card-vh, 1dvh)) minmax(0, 1fr);
  border: 0;
  border-radius: 0;
  color: #fff;
  background: transparent;
  box-shadow: none;
  -webkit-clip-path: none;
  clip-path: none;
}

.BusDriverMainCardV3__identityPanel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(
    145deg,
    rgba(218, 241, 255, 0.98) 0%,
    rgba(19, 104, 196, 0.97) 18%,
    rgba(159, 216, 255, 0.96) 42%,
    rgba(7, 74, 163, 0.97) 70%,
    rgba(86, 176, 255, 0.95) 100%
  );
  -webkit-mask-image: var(--bdm-identity-wing-mask);
  mask-image: var(--bdm-identity-wing-mask);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  filter:
    drop-shadow(0 calc(0.75 * var(--service-card-vh, 1dvh)) calc(1.15 * var(--service-card-vh, 1dvh)) rgba(0, 0, 0, 0.55))
    drop-shadow(0 0 calc(0.55 * var(--service-card-vh, 1dvh)) rgba(22, 140, 255, 0.28));
}

.BusDriverMainCardV3__identityPanel::after {
  content: "";
  position: absolute;
  inset: calc(0.16 * var(--service-card-vh, 1dvh)) 0.18dvw;
  z-index: 1;
  background:
    repeating-linear-gradient(
      102deg,
      transparent 0 14%,
      rgba(255, 255, 255, 0.07) 14.25%,
      rgba(255, 255, 255, 0.02) 14.65%,
      transparent 15.1%
    ),
    linear-gradient(108deg, rgba(3, 6, 9, 0.98), rgba(15, 18, 21, 0.94) 68%, rgba(5, 7, 9, 0.9));
  -webkit-mask-image: var(--bdm-identity-wing-mask);
  mask-image: var(--bdm-identity-wing-mask);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-backdrop-filter: blur(calc(12px * var(--service-card-detail-scale, 1))) saturate(1.15);
  backdrop-filter: blur(calc(12px * var(--service-card-detail-scale, 1))) saturate(1.15);
}

.BusDriverMainCardV3__identityPanel > * {
  position: relative;
  z-index: 2;
}

.BusDriverMainCardV3__identityTop {
  min-width: 0;
  width: 100%;
  right: 10dvw;
  padding-right: 0;
  display: flex;
  align-items: center;
  gap: 0;
  border-bottom: calc(1px * var(--service-card-detail-scale, 1)) solid rgba(255, 255, 255, 0.19);
}

.BusDriverMainCardV3__profileCopy {
  min-width: 0;
  flex: 1;
  margin: 0;
  padding: 0;
  display: grid;
  align-content: center;
  gap: calc(0.14 * var(--service-card-vh, 1dvh));
  overflow: hidden;
  border: 0;
  color: inherit;
  background: transparent;
  text-align: left;
  cursor: pointer;
}

.BusDriverMainCardV3__name {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  color: #fff;
  font-size: clamp(calc(11px * var(--service-card-detail-scale, 1)), calc(1.55 * var(--service-card-vh, 1dvh)), calc(17px * var(--service-card-detail-scale, 1)));
  font-weight: 900;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.BusDriverMainCardV3__offer {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  color: var(--bdmc-accent);
  font-size: clamp(calc(8px * var(--service-card-detail-scale, 1)), calc(0.95 * var(--service-card-vh, 1dvh)), calc(11px * var(--service-card-detail-scale, 1)));
  font-weight: 700;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.BusDriverMainCardV3__identityData {
  min-width: 0;
  right: 7dvw;
  width: 92%;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 0.9fr);
  grid-template-rows: minmax(0, 1fr) minmax(0, 0.92fr);
  align-items: center;
}

.BusDriverMainCardV3__identityItem {
  position: relative;
  min-width: 0;
  height: 100%;
  padding: calc(0.16 * var(--service-card-vh, 1dvh)) 0.9dvw 0;
  display: grid;
  align-content: center;
  gap: calc(0.1 * var(--service-card-vh, 1dvh));
}

.BusDriverMainCardV3__identityItem:first-child {
  padding-left: 0;
}

.BusDriverMainCardV3__identityItem:first-child::after {
  content: "";
  position: absolute;
  top: 12%;
  right: 0;
  width: calc(1px * var(--service-card-detail-scale, 1));
  height: 76%;
  background: linear-gradient(180deg, transparent, rgba(255, 255, 255, 0.35), transparent);
}

.BusDriverMainCardV3__identityItem:nth-child(3) {
  grid-column: 1 / -1;
  width: 62%;
  padding-left: 0;
  border-top: calc(1px * var(--service-card-detail-scale, 1)) solid rgba(255, 255, 255, 0.14);
}

.BusDriverMainCardV3__identityItem small {
  min-width: 0;
  overflow: hidden;
  color: rgba(255, 255, 255, 0.62);
  font-size: clamp(calc(7px * var(--service-card-detail-scale, 1)), calc(0.82 * var(--service-card-vh, 1dvh)), calc(10px * var(--service-card-detail-scale, 1)));
  font-weight: 500;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.BusDriverMainCardV3__identityItem > strong {
  min-width: 0;
  /*overflow: hidden;*/
  color: #fff;
  font-size: clamp(calc(8px * var(--service-card-detail-scale, 1)), calc(1.05 * var(--service-card-vh, 1dvh)), calc(12px * var(--service-card-detail-scale, 1)));
  font-weight: 800;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* Wygląd kafelka kierowcy jest stały; tło wybiera usługodawca. */

html.combajn-native-webview
  body[data-category="BusTransport"]
  .DriverCardsSwiper--with-bus-main-v2
  .DriverCardsSwiper__slide--bus-driver-main-v3,
html.combajn-native-webview .BusDriverMainCardV3 {
  width: calc(var(--combajn-native-vw, 1vw) * 90) !important;
  height: calc(var(--combajn-native-vh, calc(1 * var(--service-card-vh, 1vh))) * 70) !important;
  min-width: calc(var(--combajn-native-vw, 1vw) * 90) !important;
  min-height: calc(var(--combajn-native-vh, calc(1 * var(--service-card-vh, 1vh))) * 70) !important;
  max-width: calc(var(--combajn-native-vw, 1vw) * 90) !important;
  max-height: calc(var(--combajn-native-vh, calc(1 * var(--service-card-vh, 1vh))) * 70) !important;
}

@media (prefers-reduced-motion: reduce) {
  .BusDriverMainCardV3 *,
  .BusDriverMainCardV3 *::before,
  .BusDriverMainCardV3 *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}