/* 3D studio icons — packs, booking categories, size chips */

.car-pkg-3d {
  display: block;
  width: 120px;
  height: 72px;
  object-fit: contain;
  margin: 0 0 12px;
  filter: drop-shadow(0 8px 16px rgba(15, 23, 42, 0.18));
}

.pkg-visual--3d {
  height: 96px;
  background: transparent;
}
.pkg-visual--3d img {
  width: 148px;
  height: 88px;
  object-fit: contain;
  filter: drop-shadow(0 10px 16px rgba(15, 23, 42, 0.14));
}

.svc-ico-photo--3d {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 112px;
  background: transparent;
}
.svc-ico-photo--3d img {
  width: 100px;
  height: 100px;
  object-fit: contain;
  padding: 2px;
  filter: drop-shadow(0 8px 16px rgba(8, 12, 20, 0.45)) !important;
}
.svc-card:hover .svc-ico-photo--3d img {
  filter: drop-shadow(0 10px 18px rgba(15, 23, 42, 0.24)) !important;
}
.svc-ico-photo--3d::after {
  display: none;
}

.loc-visual--3d {
  height: 96px;
  background: transparent;
}
.loc-visual--3d img {
  width: 86%;
  height: 86%;
  object-fit: contain;
  filter: drop-shadow(0 8px 14px rgba(8, 12, 20, 0.4));
}

.tchip-ico--3d img {
  width: 64px;
  height: 64px;
  object-fit: contain;
}

/* How-it-works photo cards — text sits on a dark gradient so copy stays the closer */
.how-card.how-card--photo {
  min-height: 300px;
  padding: 0 !important;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  background-color: #0b1220 !important;
  background-size: cover !important;
  background-position: center 18% !important;
  background-repeat: no-repeat !important;
  isolation: isolate;
}
.how-card.how-card--book { background-image: url("how/how-book.webp") !important; }
.how-card.how-card--request { background-image: url("how/how-request.webp") !important; }
.how-card.how-card--arrive { background-image: url("how/how-arrive.webp") !important; }
.how-card.how-card--inspect { background-image: url("how/how-inspect.webp") !important; }
.how-card-copy {
  position: relative;
  z-index: 1;
  padding: 56px 18px 18px;
  background: linear-gradient(180deg, transparent 0%, rgba(8, 12, 20, 0.55) 28%, rgba(8, 12, 20, 0.94) 72%);
}
.how-card--photo .how-title { color: #fff !important; }
.how-card--photo .how-desc { color: rgba(255, 255, 255, 0.84) !important; }
.how-card--photo::before {
  font-size: 12px !important;
  font-weight: 700 !important;
  color: #fff !important;
  opacity: 1 !important;
  width: 26px !important;
  height: 26px !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  background: rgba(37, 99, 235, 0.95) !important;
  border-radius: 50% !important;
  z-index: 2;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  top: 12px !important;
  right: 12px !important;
}
@media (max-width: 640px) {
  .how-card--photo { min-height: 240px; }
  .how-card-copy { padding: 64px 16px 16px; }
}

.car-pkg-detail-ico {
  display: block;
  width: 112px;
  height: 68px;
  object-fit: contain;
  margin: 0 0 10px;
  filter: drop-shadow(0 6px 12px rgba(15, 23, 42, 0.12));
}
.car-pkg-detail-ico[hidden] {
  display: none !important;
}

@media (max-width: 640px) {
  .car-pkg-3d {
    width: 104px;
    height: 62px;
  }
  .svc-ico-photo--3d img {
    width: 72px;
    height: 72px;
  }
  .pkg-visual--3d {
    height: 84px;
  }
  .pkg-visual--3d img {
    width: 120px;
    height: 72px;
  }
}