/*
 * Indywidualny kafelek kierowcy Taxi V3.
 * Ma własną przestrzeń nazw i własny kontrakt układu, dzięki czemu jego
 * strojenie nie wpływa na główny kafelek Taxi 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="PitStopTaxi"]
  .DriverCardsSwiper--with-taxi-main-v2
  .DriverCardsSwiper__slide--taxi-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(24px, 4dvw, 46px) !important;
  background: transparent !important;
  box-shadow: none !important;*/
}

.TaxiDriverMainCardV3 {
  --tmc-accent: #ffbc17;
  --tmc-accent-soft: #ffd769;
  --tmc-blue: #1488ff;
  --tmc-panel: rgba(3, 6, 9, 0.82);
  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: 0.72dvh;*/
  color: #fff;
  font-family: Roboto, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  border: calc(1px * var(--service-card-detail-scale, 1)) solid rgba(255, 255, 255, 0.25);
  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 2.3dvh 5dvh rgba(0, 0, 0, 0.58),
    inset 0 0 0 1px rgba(0, 0, 0, 0.88);*/
  
  box-shadow:
  calc(1px * var(--service-card-detail-scale, 1)) calc(1px * var(--service-card-detail-scale, 1)) 0 #38352d,
  calc(2px * var(--service-card-detail-scale, 1)) calc(2px * var(--service-card-detail-scale, 1)) 0 #302d27,
  calc(3px * var(--service-card-detail-scale, 1)) calc(3px * var(--service-card-detail-scale, 1)) 0 #292720,
  calc(4px * var(--service-card-detail-scale, 1)) calc(4px * var(--service-card-detail-scale, 1)) 0 #22201b,
  calc(5px * var(--service-card-detail-scale, 1)) calc(5px * var(--service-card-detail-scale, 1)) 0 #1b1a16,
  calc(6px * var(--service-card-detail-scale, 1)) calc(6px * var(--service-card-detail-scale, 1)) 0 #151410,
  calc(7px * var(--service-card-detail-scale, 1)) calc(7px * var(--service-card-detail-scale, 1)) 0 #0f0f0d,
  calc(8px * var(--service-card-detail-scale, 1)) calc(8px * var(--service-card-detail-scale, 1)) 0 #090a0a,
  calc(10px * var(--service-card-detail-scale, 1)) calc(18px * var(--service-card-detail-scale, 1)) calc(32px * var(--service-card-detail-scale, 1)) rgba(0, 0, 0, 0.70),
  inset 0 calc(1px * var(--service-card-detail-scale, 1)) 0 rgba(255, 224, 150, 0.25),
  inset calc(1px * var(--service-card-detail-scale, 1)) 0 0 rgba(255, 255, 255, 0.08),
  inset 0 calc(-2px * var(--service-card-detail-scale, 1)) 0 rgba(0, 0, 0, 0.9);
    -webkit-font-smoothing: antialiased;
    transform:
  perspective(calc(1200px * var(--service-card-detail-scale, 1)))
  rotateX(1deg)
  rotateY(-1deg);

transform-origin: center;
}

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

/* Same frame coordinates as the 941 × 1672 main Taxi artwork. */
.TaxiDriverMainCardV3::after {
  content: "";
  position: absolute;
  inset: 15.3% 4.3% 5.8%;
  z-index: 6;
  pointer-events: none;
  border: calc(1px * var(--service-card-detail-scale, 1)) solid #ffd36bbb;
  border-radius: 7%;
  box-shadow:
    0 0 calc(3px * var(--service-card-detail-scale, 1)) #fff1bb,
    0 0 calc(7px * var(--service-card-detail-scale, 1)) #ffc24799,
    inset 0 0 calc(3px * var(--service-card-detail-scale, 1)) #69cfffaa;
}

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

.TaxiDriverMainCardV3__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;
}

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

.TaxiDriverMainCardV3__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)));
}

.TaxiDriverMainCardV3__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;
}

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

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

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

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

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

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

.TaxiDriverMainCardV3__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;
}

.TaxiDriverMainCardV3__brandCopy small {
  margin-top: calc(0.35 * var(--service-card-vh, 1dvh));
  color: var(--tmc-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;
}

.TaxiDriverMainCardV3__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(255, 188, 23, 0.2);
}

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

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

.TaxiDriverMainCardV3__hero {
  top: calc(7 * 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));
}

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

.TaxiDriverMainCardV3__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;
}

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

.TaxiDriverMainCardV3__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;
}

.TaxiDriverMainCardV3__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;
}

.TaxiDriverMainCardV3__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;
}

.TaxiDriverMainCardV3__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);
}

.TaxiDriverMainCardV3__preferenceIndicator[hidden],
.TaxiDriverMainCardV3__preferenceLabel[hidden] {
  display: none;
}

.TaxiDriverMainCardV3__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;
}

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

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

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

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

.TaxiDriverMainCardV3 > .TaxiDriverMainCardV3__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);*/
}

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

.TaxiDriverMainCardV3__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;
}

.TaxiDriverMainCardV3__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);
}

.TaxiDriverMainCardV3__statIcon,
.TaxiDriverMainCardV3__benefitIcon,
.TaxiDriverMainCardV3__orderSignal {
  display: grid;
  place-items: center;
  color: var(--tmc-accent);
}

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

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

.TaxiDriverMainCardV3__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;
}

.TaxiDriverMainCardV3__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;
}

.TaxiDriverMainCardV3__stat[data-metric="price"] {
  grid-template-rows: calc(1.55 * var(--service-card-vh, 1dvh)) calc(3.15 * var(--service-card-vh, 1dvh)) minmax(0, 1fr);
}

.TaxiDriverMainCardV3__driverPrice {
  overflow: visible !important;
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: calc(1.75 * var(--service-card-vh, 1dvh)) calc(1.05 * var(--service-card-vh, 1dvh));
  align-content: center;
  justify-content: center;
  column-gap: 0.8dvw;
  line-height: 1;
}

.TaxiDriverMainCardV3__driverPriceCurrent {
  grid-column: 1 / -1;
  color: #fff;
  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)));
  font-weight: 900;
  white-space: nowrap;
}

.TaxiDriverMainCardV3__oldPrice {
  color: rgba(255, 255, 255, 0.66);
  font-size: clamp(calc(7px * var(--service-card-detail-scale, 1)), calc(0.78 * var(--service-card-vh, 1dvh)), calc(11px * var(--service-card-detail-scale, 1)));
  font-weight: 700;
  text-decoration: line-through;
  text-decoration-thickness: calc(1px * var(--service-card-detail-scale, 1));
  white-space: nowrap;
}

.TaxiDriverMainCardV3__promotionChip {
  padding: calc(0.08 * var(--service-card-vh, 1dvh)) 0.5dvw;
  border: calc(1px * var(--service-card-detail-scale, 1)) solid rgba(255, 215, 105, 0.55);
  border-radius: calc(999px * var(--service-card-detail-scale, 1));
  color: #251800;
  background: linear-gradient(135deg, #ffe18a, #ffbc17);
  box-shadow: 0 0 calc(0.8 * var(--service-card-vh, 1dvh)) rgba(255, 188, 23, 0.22);
  font-size: clamp(calc(7px * var(--service-card-detail-scale, 1)), calc(0.76 * var(--service-card-vh, 1dvh)), calc(10px * var(--service-card-detail-scale, 1)));
  font-weight: 950;
  white-space: nowrap;
}

.TaxiDriverMainCardV3__oldPrice[hidden],
.TaxiDriverMainCardV3__promotionChip[hidden],
.TaxiDriverMainCardV3__promotionRibbon[hidden] {
  display: none !important;
}

.TaxiDriverMainCardV3__promotionRibbon {
  position: absolute !important;
  top: calc(18.2 * var(--service-card-vh, 1dvh));
  right: -8.5dvw;
  z-index: 4 !important;
  width: 34dvw;
  padding: calc(0.48 * var(--service-card-vh, 1dvh)) 1dvw;
  transform: rotate(32deg);
  border-block: calc(1px * var(--service-card-detail-scale, 1)) solid rgba(255, 231, 160, 0.72);
  color: #171006;
  background: linear-gradient(90deg, rgba(255, 188, 23, 0.68), #ffd769, rgba(255, 188, 23, 0.68));
  box-shadow: 0 calc(0.8 * var(--service-card-vh, 1dvh)) calc(2.2 * var(--service-card-vh, 1dvh)) rgba(0, 0, 0, 0.32);
  font-size: clamp(calc(8px * var(--service-card-detail-scale, 1)), calc(1 * var(--service-card-vh, 1dvh)), calc(13px * var(--service-card-detail-scale, 1)));
  font-weight: 950;
  letter-spacing: 0.08em;
  text-align: center;
  text-shadow: 0 calc(1px * var(--service-card-detail-scale, 1)) rgba(255, 255, 255, 0.36);
  pointer-events: none;
}

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

.TaxiDriverMainCardV3__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;
}

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

.TaxiDriverMainCardV3__busyControl {
  width: 100%;
  height: 100%;
  padding: calc(0.65 * var(--service-card-vh, 1dvh)) 4dvw;
  box-sizing: border-box;
  display: grid;
  place-content: center;
  gap: calc(0.28 * var(--service-card-vh, 1dvh));
  border: calc(1px * var(--service-card-detail-scale, 1)) solid rgba(255, 215, 105, 0.42);
  border-radius: clamp(calc(17px * var(--service-card-detail-scale, 1)), 2.7dvw, calc(30px * var(--service-card-detail-scale, 1)));
  color: #fff;
  background: linear-gradient(145deg, rgba(22, 18, 10, 0.93), rgba(5, 7, 9, 0.9));
  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)) rgba(255, 255, 255, 0.08);
  text-align: center;
}

.TaxiDriverMainCardV3__busyControl strong {
  color: #ffd769;
  font-size: clamp(calc(12px * var(--service-card-detail-scale, 1)), calc(1.5 * var(--service-card-vh, 1dvh)), calc(20px * var(--service-card-detail-scale, 1)));
  font-weight: 900;
}

.TaxiDriverMainCardV3__busyControl span {
  color: rgba(255, 255, 255, 0.7);
  font-size: clamp(calc(7px * var(--service-card-detail-scale, 1)), calc(0.82 * var(--service-card-vh, 1dvh)), calc(11px * var(--service-card-detail-scale, 1)));
  font-weight: 650;
}

.TaxiDriverMainCardV3 .TaxiDriverMainCardV3__orderSlider {
  --h: 100%;
  --handle: calc(5 * var(--service-card-vh, 1dvh));
  position: relative;
  top: calc(0 * 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);
}

.TaxiDriverMainCardV3 .TaxiDriverMainCardV3__orderSlider .slider-track {
  left: 0;
  right: auto;
  top: 0;
  width: 0;
  height: 100%;
  transform: none;
  border-radius: inherit;
  background: linear-gradient(90deg, rgba(255, 188, 23, 0.32), rgba(255, 188, 23, 0.05));
  box-shadow: none;
}

.TaxiDriverMainCardV3 .TaxiDriverMainCardV3__orderSlider .slider-track::after {
  display: none;
}

.TaxiDriverMainCardV3 .TaxiDriverMainCardV3__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 #ffe39a;
  border-radius: calc(1.35 * var(--service-card-vh, 1dvh));
  color: #15100a;
  background: linear-gradient(145deg, #ffd554, #f7a900);
  box-shadow:
    0 0 calc(1.8 * var(--service-card-vh, 1dvh)) rgba(255, 188, 23, 0.38),
    inset 0 calc(1px * var(--service-card-detail-scale, 1)) 0 rgba(255, 255, 255, 0.75);
}

.TaxiDriverMainCardV3 .TaxiDriverMainCardV3__orderSlider .slider-handle::before {
  content: "»";
  color: #18110a;
  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)));
}

.TaxiDriverMainCardV3 .TaxiDriverMainCardV3__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;
}

.TaxiDriverMainCardV3__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;
}

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

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

.TaxiDriverMainCardV3__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)));
}

.TaxiDriverMainCardV3__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;
}

.TaxiDriverMainCardV3__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;
}

.TaxiDriverMainCardV3__friendButton:hover,
.TaxiDriverMainCardV3__friendButton:focus-visible {
  background: rgba(255, 188, 23, 0.1);
}

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

.TaxiDriverMainCardV3__friendButton.is-active {
  background: rgba(255, 188, 23, 0.13);
}

.TaxiDriverMainCardV3__friendButton.is-active .TaxiDriverMainCardV3__benefitIcon svg path {
  fill: currentColor;
}

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

.TaxiDriverMainCardV3__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);
}

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

.TaxiDriverMainCardV3__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;
}

.TaxiDriverMainCardV3__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;
}

.TaxiDriverMainCardV3__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(255, 244, 214, 0.96);
  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(177, 133, 62, 0.88),
    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(255, 188, 23, 0.3);
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.TaxiDriverMainCardV3__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);
}

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

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

.TaxiDriverMainCardV3__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;
}

.TaxiDriverMainCardV3__avatarFallback[hidden] {
  display: none;
}

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

.TaxiDriverMainCardV3__identityPanel {
  --tdm-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;
}

.TaxiDriverMainCardV3__identityPanel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background: linear-gradient(
    145deg,
    rgba(255, 247, 218, 0.97) 0%,
    rgba(139, 102, 45, 0.96) 18%,
    rgba(242, 222, 174, 0.94) 42%,
    rgba(111, 80, 35, 0.96) 70%,
    rgba(225, 201, 145, 0.93) 100%
  );
  -webkit-mask-image: var(--tdm-identity-wing-mask);
  mask-image: var(--tdm-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(255, 188, 23, 0.15));
}

.TaxiDriverMainCardV3__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(--tdm-identity-wing-mask);
  mask-image: var(--tdm-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);
}

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

.TaxiDriverMainCardV3__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);
}

.TaxiDriverMainCardV3__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;
}

.TaxiDriverMainCardV3__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;
}

.TaxiDriverMainCardV3__offer {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  color: var(--tmc-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;
}

.TaxiDriverMainCardV3__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;
}

.TaxiDriverMainCardV3__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));
}

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

.TaxiDriverMainCardV3__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);
}

.TaxiDriverMainCardV3__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);
}

.TaxiDriverMainCardV3__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;
}

.TaxiDriverMainCardV3__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="PitStopTaxi"]
  .DriverCardsSwiper--with-taxi-main-v2
  .DriverCardsSwiper__slide--taxi-driver-main-v3,
html.combajn-native-webview .TaxiDriverMainCardV3 {
  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) {
  .TaxiDriverMainCardV3 *,
  .TaxiDriverMainCardV3 *::before,
  .TaxiDriverMainCardV3 *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}