/* BEZQ Car Landings 1.0.0. Scoped to the three car category routes. */
.bezq-car-landing .bezq-cl-lead { margin: 0 0 0.5em; }

.bezq-car-landing .bezq-cl-formats { margin-top: 1.25rem; }
.bezq-car-landing .bezq-cl-formats ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; }
.bezq-car-landing .bezq-cl-format { display: flex; flex-direction: column; gap: 0.2rem; height: 100%; padding: 0.85rem 1rem; border: 1px solid currentColor; border-color: rgba(127, 127, 127, 0.35); color: inherit; text-decoration: none; }
.bezq-car-landing .bezq-cl-format:hover, .bezq-car-landing .bezq-cl-format:focus-visible { background: var(--surface-hover, transparent); border-color: var(--ink, currentColor); }
.bezq-car-landing .bezq-cl-format__name { font-weight: 700; }
.bezq-car-landing .bezq-cl-format__line { color: var(--mist, inherit); font-size: var(--fs-micro, 0.8125rem); line-height: 1.4; }
.bezq-car-landing .bezq-cl-format__price { margin-top: auto; padding-top: 0.25rem; font-size: var(--fs-micro, 0.8125rem); font-variant-numeric: tabular-nums; }

.bezq-car-landing .bezq-cl-state { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.5rem 1rem; margin-top: 1rem; }
.bezq-car-landing .bezq-cl-state__text { margin: 0; }
.bezq-car-landing .bezq-cl-state__reset { color: inherit; text-decoration: underline; text-underline-offset: 0.2em; min-height: 44px; display: inline-flex; align-items: center; }

.bezq-car-landing .bezq-cl-styles { list-style: none; margin: 1rem 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0.5rem 1.5rem; font-size: var(--fs-micro, 0.875rem); color: var(--mist, inherit); }
.bezq-car-landing .bezq-cl-styles__name { font-weight: 700; color: var(--ink, inherit); }
.bezq-car-landing .bezq-cl-styles__price { font-variant-numeric: tabular-nums; }

.bezq-car-landing .bezq-cl-card-note { display: block; margin: 0.15rem 0 0.25rem; font-size: var(--fs-micro, 0.8125rem); color: var(--mist, inherit); }

@media (max-width: 520px) {
  .bezq-car-landing .bezq-cl-formats ul { gap: 0.5rem; }
  .bezq-car-landing .bezq-cl-format { padding: 0.65rem 0.6rem; }
  .bezq-car-landing .bezq-cl-format__line { display: none; }
  .bezq-car-landing .bezq-cl-styles { margin-top: 0.75rem; }
}