/* results.css - Step 1 results layout & vehicle cards */
.flb-r1-wrap {
  padding: 18px 0 0 !important;
}

.flb-r1-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
}

@media (max-width:1100px) {
  .flb-r1-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width:720px) {
  .flb-r1-grid {
    grid-template-columns: 1fr !important;
  }
}

/* Card */
.flb-r1-card {
  background: #fff !important;
  border: 1px solid rgba(2, 6, 23, .12) !important;
  border-radius: 18px !important;
  padding: 18px !important;
  box-shadow: 0 10px 28px rgba(2, 6, 23, .06) !important;
  position: relative !important;
}

.flb-r1-top {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  margin-bottom: 10px !important;
}

.flb-r1-cat {
  color: var(--flb-primary, #ff7a18) !important;
  font-weight: 1000 !important;
  font-size: 16px !important;
}

.flb-r1-sale {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  font-weight: 1000 !important;
}

.flb-r1-sale .sale-pill {
  background: linear-gradient(135deg, rgba(255, 122, 24, 1), rgba(255, 62, 90, 1)) !important;
  color: #fff !important;
  padding: 6px 10px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  box-shadow: 0 10px 20px rgba(255, 122, 24, .22) !important;
}

.flb-r1-sale .sale-text {
  font-size: 12px !important;
  opacity: .85 !important;
}

.flb-r1-name {
  margin: 0 !important;
  font-size: 20px !important;
  line-height: 1.15 !important;
  font-weight: 1000 !important;
  letter-spacing: .01em !important;
}

.flb-r1-sub {
  margin-top: 6px !important;
  font-size: 14px !important;
  line-height: 1.25 !important;
  font-weight: 800 !important;
  opacity: .72 !important;
}

.flb-r1-img {
  margin: 18px 0 14px !important;
  height: 220px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.flb-r1-img img {
  width: 100% !important;
  max-height: 220px !important;
  object-fit: contain !important;
}

/* Icons */
.flb-r1-icons {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  text-align: center !important;
  margin: 8px 0 12px !important;
}

.flb-r1-icons .box {
  width: 52px !important;
  height: 52px !important;
  margin: 0 auto 8px !important;
  border-radius: 12px !important;
  border: 2px solid rgba(2, 6, 23, .55) !important;
  display: grid !important;
  place-items: center !important;
  font-size: 20px !important;
  color: rgba(2, 6, 23, .70) !important;
}

.flb-r1-icons .lbl {
  font-size: 13px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
  opacity: .88 !important;
}

/* Price */
.flb-r1-price {
  margin-top: 14px !important;
}

.flb-r1-priceMain {
  display: flex !important;
  align-items: flex-end !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 8px !important;
}

.flb-r1-priceMain .now {
  display: flex !important;
  align-items: baseline !important;
  gap: 8px !important;
}

.flb-r1-priceMain .now .amount {
  font-size: 34px !important;
  line-height: 1 !important;
  font-weight: 1100 !important;
  color: var(--flb-primary, #ff7a18) !important;
}

.flb-r1-priceMain .now .cur {
  font-weight: 1000 !important;
  opacity: .9 !important;
}

.flb-r1-priceMain .now .per {
  font-weight: 900 !important;
  opacity: .8 !important;
  font-size: 14px !important;
}

.flb-r1-priceMain .was {
  text-align: right !important;
  font-weight: 1000 !important;
  opacity: .55 !important;
  text-decoration: line-through !important;
  font-size: 14px !important;
  line-height: 1.1 !important;
}

.flb-r1-totalLine {
  margin-top: 10px !important;
  padding-top: 10px !important;
  border-top: 1px dashed rgba(2, 6, 23, .14) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
}

.flb-r1-totalLine .k {
  font-size: 13px !important;
  font-weight: 1000 !important;
  opacity: .75 !important;
}

.flb-r1-totalLine .v {
  font-size: 16px !important;
  font-weight: 1100 !important;
  color: rgba(2, 6, 23, .90) !important;
}

.flb-r1-save {
  margin-top: 10px !important;
  background: rgba(255, 122, 24, .10) !important;
  border: 1px solid rgba(255, 122, 24, .22) !important;
  padding: 10px 12px !important;
  border-radius: 12px !important;
  font-weight: 1000 !important;
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 13px;
}

.flb-r1-btn {
  display: block !important;
  width: 100% !important;
  text-align: center !important;
  background: var(--flb-primary, #ff7a18) !important;
  color: #fff !important;
  padding: 14px 14px !important;
  border-radius: 8px !important;
  font-weight: 1100 !important;
  text-decoration: none !important;
  transition: transform .15s ease, filter .15s ease !important;
  margin-top: 14px !important;
  border: none !important;
  font-size: 15px !important;
  cursor: pointer !important;
}

.flb-r1-btn:hover {
  transform: translateY(-1px) !important;
  filter: brightness(1.02) !important;
}

/* Select (available) */
.flb-r1-select {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
}

.flb-r1-select:hover {
  background: #e86a10 !important;
  color: #fff !important;
}

/* Sold Out (disabled) */
.flb-r1-soldout {
  background: #9ca3af !important;
  cursor: not-allowed !important;
  opacity: .7 !important;
}

.flb-r1-soldout:hover {
  transform: none !important;
  filter: none !important;
}