@charset "UTF-8";
/**
 * Variables
 * Variables should follow the $component-state-property-size formula for
 * consistent naming. Examples:
 * $nav-link-disabled-color
 * $modal-content-box-shadow-xs
 *
 * Customization:
 * To customize Bootstrap variables:
 * Copy the desired variable from node_modules/bootstrap/scss/_variables.scss
 * @see https://github.com/twbs/bootstrap/blob/main/scss/_variables.scss
 * Change the value and remove the !default flag.
 * Examples:
 * $body-bg: #000;
 * $body-color: $gray-100;
 */
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #111111;
  --bs-white: #fff;
  --bs-gray: #AAAAAA;
  --bs-gray-dark: #343a40;
  --bs-gray-100: #2B2B2B;
  --bs-gray-200: #474747;
  --bs-gray-300: #666666;
  --bs-gray-400: #969696;
  --bs-gray-500: #C0C0C0;
  --bs-gray-600: #AAAAAA;
  --bs-gray-700: #555e71;
  --bs-gray-800: #343a40;
  --bs-gray-900: #1A1A1A;
  --bs-primary: #B01C1C;
  --bs-primary-light: #CC2828;
  --bs-secondary: #EFEFEF;
  --bs-success: #198754;
  --bs-tertiary: #984a45;
  --bs-default: #e4e8f1;
  --bs-gray-300: #666666;
  --bs-slate: #555e71;
  --bs-light-gray: #969696;
  --bs-lighter-gray: #E0E0E0;
  --bs-info: #0dcaf0;
  --bs-warning: #ffc107;
  --bs-danger: #dc3545;
  --bs-light: #2B2B2B;
  --bs-black: #111111;
  --bs-dark: #1A1A1A;
  --bs-primary-rgb: 176, 28, 28;
  --bs-primary-light-rgb: 204, 40, 40;
  --bs-secondary-rgb: 239, 239, 239;
  --bs-success-rgb: 25, 135, 84;
  --bs-tertiary-rgb: 152, 74, 69;
  --bs-default-rgb: 228, 232, 241;
  --bs-gray-300-rgb: 102, 102, 102;
  --bs-slate-rgb: 85, 94, 113;
  --bs-light-gray-rgb: 150, 150, 150;
  --bs-lighter-gray-rgb: 224, 224, 224;
  --bs-info-rgb: 13, 202, 240;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 220, 53, 69;
  --bs-light-rgb: 43, 43, 43;
  --bs-black-rgb: 17, 17, 17;
  --bs-dark-rgb: 26, 26, 26;
  --bs-primary-text-emphasis: rgb(70.4, 11.2, 11.2);
  --bs-secondary-text-emphasis: rgb(95.6, 95.6, 95.6);
  --bs-success-text-emphasis: rgb(10, 54, 33.6);
  --bs-info-text-emphasis: rgb(5.2, 80.8, 96);
  --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
  --bs-danger-text-emphasis: rgb(88, 21.2, 27.6);
  --bs-light-text-emphasis: #555e71;
  --bs-dark-text-emphasis: #555e71;
  --bs-primary-bg-subtle: rgb(239.2, 209.6, 209.6);
  --bs-secondary-bg-subtle: rgb(251.8, 251.8, 251.8);
  --bs-success-bg-subtle: rgb(209, 231, 220.8);
  --bs-info-bg-subtle: rgb(206.6, 244.4, 252);
  --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
  --bs-danger-bg-subtle: rgb(248, 214.6, 217.8);
  --bs-light-bg-subtle: #959595;
  --bs-dark-bg-subtle: #969696;
  --bs-primary-border-subtle: rgb(223.4, 164.2, 164.2);
  --bs-secondary-border-subtle: rgb(248.6, 248.6, 248.6);
  --bs-success-border-subtle: rgb(163, 207, 186.6);
  --bs-info-border-subtle: rgb(158.2, 233.8, 249);
  --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
  --bs-danger-border-subtle: rgb(241, 174.2, 180.6);
  --bs-light-border-subtle: #474747;
  --bs-dark-border-subtle: #C0C0C0;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 17, 17, 17;
  --bs-font-sans-serif: "DM Sans", system-ui, sans-serif;
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: 1rem;
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #474747;
  --bs-body-color-rgb: 71, 71, 71;
  --bs-body-bg: #EFEFEF;
  --bs-body-bg-rgb: 239, 239, 239;
  --bs-emphasis-color: #111111;
  --bs-emphasis-color-rgb: 17, 17, 17;
  --bs-secondary-color: rgba(71, 71, 71, 0.75);
  --bs-secondary-color-rgb: 71, 71, 71;
  --bs-secondary-bg: #474747;
  --bs-secondary-bg-rgb: 71, 71, 71;
  --bs-tertiary-color: rgba(71, 71, 71, 0.5);
  --bs-tertiary-color-rgb: 71, 71, 71;
  --bs-tertiary-bg: #2B2B2B;
  --bs-tertiary-bg-rgb: 43, 43, 43;
  --bs-heading-color: inherit;
  --bs-link-color: #B01C1C;
  --bs-link-color-rgb: 176, 28, 28;
  --bs-link-decoration: underline;
  --bs-link-hover-color: rgb(140.8, 22.4, 22.4);
  --bs-link-hover-color-rgb: 141, 22, 22;
  --bs-code-color: #d63384;
  --bs-highlight-color: #474747;
  --bs-highlight-bg: rgb(255, 242.6, 205.4);
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #e4e8f1;
  --bs-border-color-translucent: rgba(17, 17, 17, 0.175);
  --bs-border-radius: 0.375rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(17, 17, 17, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(17, 17, 17, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(17, 17, 17, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(17, 17, 17, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(176, 28, 28, 0.25);
  --bs-form-valid-color: #198754;
  --bs-form-valid-border-color: #198754;
  --bs-form-invalid-color: #dc3545;
  --bs-form-invalid-border-color: #dc3545;
}

[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #666666;
  --bs-body-color-rgb: 102, 102, 102;
  --bs-body-bg: #1A1A1A;
  --bs-body-bg-rgb: 26, 26, 26;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(102, 102, 102, 0.75);
  --bs-secondary-color-rgb: 102, 102, 102;
  --bs-secondary-bg: #343a40;
  --bs-secondary-bg-rgb: 52, 58, 64;
  --bs-tertiary-color: rgba(102, 102, 102, 0.5);
  --bs-tertiary-color-rgb: 102, 102, 102;
  --bs-tertiary-bg: #272a2d;
  --bs-tertiary-bg-rgb: 39, 42, 45;
  --bs-primary-text-emphasis: rgb(207.6, 118.8, 118.8);
  --bs-secondary-text-emphasis: rgb(245.4, 245.4, 245.4);
  --bs-success-text-emphasis: rgb(117, 183, 152.4);
  --bs-info-text-emphasis: rgb(109.8, 223.2, 246);
  --bs-warning-text-emphasis: rgb(255, 217.8, 106.2);
  --bs-danger-text-emphasis: rgb(234, 133.8, 143.4);
  --bs-light-text-emphasis: #2B2B2B;
  --bs-dark-text-emphasis: #666666;
  --bs-primary-bg-subtle: rgb(35.2, 5.6, 5.6);
  --bs-secondary-bg-subtle: rgb(47.8, 47.8, 47.8);
  --bs-success-bg-subtle: rgb(5, 27, 16.8);
  --bs-info-bg-subtle: rgb(2.6, 40.4, 48);
  --bs-warning-bg-subtle: rgb(51, 38.6, 1.4);
  --bs-danger-bg-subtle: rgb(44, 10.6, 13.8);
  --bs-light-bg-subtle: #343a40;
  --bs-dark-bg-subtle: rgb(34.5, 37.5, 40.5);
  --bs-primary-border-subtle: rgb(105.6, 16.8, 16.8);
  --bs-secondary-border-subtle: rgb(143.4, 143.4, 143.4);
  --bs-success-border-subtle: rgb(15, 81, 50.4);
  --bs-info-border-subtle: rgb(7.8, 121.2, 144);
  --bs-warning-border-subtle: rgb(153, 115.8, 4.2);
  --bs-danger-border-subtle: rgb(132, 31.8, 41.4);
  --bs-light-border-subtle: #555e71;
  --bs-dark-border-subtle: #343a40;
  --bs-heading-color: inherit;
  --bs-link-color: rgb(207.6, 118.8, 118.8);
  --bs-link-hover-color: rgb(217.08, 146.04, 146.04);
  --bs-link-color-rgb: 208, 119, 119;
  --bs-link-hover-color-rgb: 217, 146, 146;
  --bs-code-color: rgb(230.4, 132.6, 181.2);
  --bs-highlight-color: #666666;
  --bs-highlight-bg: rgb(102, 77.2, 2.8);
  --bs-border-color: #555e71;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: rgb(117, 183, 152.4);
  --bs-form-valid-border-color: rgb(117, 183, 152.4);
  --bs-form-invalid-color: rgb(234, 133.8, 143.4);
  --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
}

.full-width {
  position: relative;
  left: 50%;
  margin-left: -50vw;
  width: 100vw;
}

.title {
  font-size: clamp(2rem, 4vw, 4rem);
  font-weight: 700;
  color: #1A1A1A;
  letter-spacing: 0.01em;
  line-height: 1.05;
  margin-bottom: 20px;
}
.title em {
  color: #B01C1C;
}

.description {
  display: inline-block;
  font-size: 1.05rem;
  color: #474747;
  line-height: 1.75;
  max-width: 560px;
}

.subtitle {
  font-size: 0.688rem;
  letter-spacing: 0.35em;
  text-transform: uppercase;
  font-weight: 600;
  color: #EFEFEF;
}

.small {
  font-size: 0.875rem !important;
}

.opacity-80 {
  opacity: 0.8;
}

.link-more {
  color: #B01C1C;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 0;
  gap: 8px;
  position: relative;
  text-decoration: none;
}
.link-more::after {
  content: "";
  position: absolute;
  bottom: -2px;
  left: 0;
  right: 0;
  height: 1px;
  background: #B01C1C;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left;
          transform-origin: left;
  transition: -webkit-transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
  transition: transform 0.28s cubic-bezier(0.4, 0, 0.2, 1), -webkit-transform 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.link-more:hover::after {
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}

.btn {
  align-items: center;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.btn.btn-primary:hover {
  background: #CC2828;
  border-color: #CC2828;
}
.btn.btn-wp {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 1rem;
  background-color: #3a8a55;
  color: #fff;
  border: 1px solid #3a8a55;
}
.btn.btn-wp:hover {
  background-color: #2e7044;
  border-color: #2e7044;
  color: #fff;
}
.btn.btn-wp::before {
  content: "";
  display: inline-block;
  width: 18px;
  height: 18px;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M17.472 14.382c-.297-.149-1.758-.867-2.03-.967-.273-.099-.471-.148-.67.15-.197.297-.767.966-.94 1.164-.173.199-.347.223-.644.075-.297-.15-1.255-.463-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.298-.347.446-.52.149-.174.198-.298.298-.497.099-.198.05-.371-.025-.52-.075-.149-.669-1.612-.916-2.207-.242-.579-.487-.5-.669-.51-.173-.008-.371-.01-.57-.01-.198 0-.52.074-.792.372-.272.297-1.04 1.016-1.04 2.479 0 1.462 1.065 2.875 1.213 3.074.149.198 2.096 3.2 5.077 4.487.709.306 1.262.489 1.694.625.712.227 1.36.195 1.871.118.571-.085 1.758-.719 2.006-1.413.248-.694.248-1.289.173-1.413-.074-.124-.272-.198-.57-.347m-5.421 7.403h-.004a9.87 9.87 0 01-5.031-1.378l-.361-.214-3.741.982.998-3.648-.235-.374a9.86 9.86 0 01-1.51-5.26c.001-5.45 4.436-9.884 9.888-9.884 2.64 0 5.122 1.03 6.988 2.898a9.825 9.825 0 012.893 6.994c-.003 5.45-4.437 9.884-9.885 9.884m8.413-18.297A11.815 11.815 0 0012.05 0C5.495 0 .16 5.335.157 11.892c0 2.096.547 4.142 1.588 5.945L.057 24l6.305-1.654a11.882 11.882 0 005.683 1.448h.005c6.554 0 11.89-5.335 11.893-11.893a11.821 11.821 0 00-3.48-8.413Z'/%3E%3C/svg%3E") no-repeat center;
  background-size: contain;
}
.btn.btn-outline-gray {
  background-color: transparent;
  border: 1px solid rgba(0, 0, 0, 0.35);
}
.btn.btn-outline-gray:hover {
  border-color: #B01C1C;
  color: #B01C1C;
}

.view-display-id-vehicles_page {
  display: flex;
  flex-direction: column;
}
.view-display-id-vehicles_page .view-filters {
  order: 0;
}
.view-display-id-vehicles_page .view-header {
  font-size: 13px;
  color: #666666;
  order: 1;
}
.view-display-id-vehicles_page .view-content {
  order: 2;
}
.view-display-id-vehicles_page .pager {
  order: 3;
}
.view-display-id-vehicles_page .pager .page-link:hover {
  color: #fff;
  background-color: #B01C1C;
}
.view-display-id-vehicles_page .view-footer {
  order: 4;
}
.view-display-id-vehicles_page .form--views-exposed-form-vehicles-vehicles-page {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 40px;
  padding: 20px 24px;
  background: #E0E0E0;
  border: 1px solid rgba(17, 17, 17, 0.09);
  border-radius: 10px;
}
.view-display-id-vehicles_page .form--views-exposed-form-vehicles-vehicles-page .form-group {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 5px;
  min-width: 140px;
  margin-bottom: 0;
}
.view-display-id-vehicles_page .form--views-exposed-form-vehicles-vehicles-page .form-group::after {
  content: "▾";
  position: absolute;
  right: 12px;
  bottom: 11px;
  color: #969696;
  font-size: 12px;
  line-height: 1;
  pointer-events: none;
}
.view-display-id-vehicles_page .form--views-exposed-form-vehicles-vehicles-page .form-label {
  margin-bottom: 0;
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.15em;
  text-transform: uppercase;
  color: #969696;
}
.view-display-id-vehicles_page .form--views-exposed-form-vehicles-vehicles-page .form-select.form-control {
  min-height: 38px;
  padding: 9px 30px 9px 14px;
  background: #c4c4c4;
  border: 1px solid rgba(17, 17, 17, 0.12);
  border-radius: 4px;
  color: #1A1A1A;
  font-size: 13px;
  line-height: 1.2;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  transition: border-color 0.28s cubic-bezier(0.4, 0, 0.2, 1);
}
.view-display-id-vehicles_page .form--views-exposed-form-vehicles-vehicles-page .form-select.form-control:focus {
  border-color: #B01C1C;
  box-shadow: none;
  outline: none;
}
.view-display-id-vehicles_page .form--views-exposed-form-vehicles-vehicles-page .form-select.form-control option {
  background: #c4c4c4;
  color: #1A1A1A;
}
.view-display-id-vehicles_page .form--views-exposed-form-vehicles-vehicles-page .form-actions {
  margin: 20px 0 0;
}
.view-display-id-vehicles_page .form--views-exposed-form-vehicles-vehicles-page .form-submit {
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  padding: 9px 16px;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-radius: 4px;
  color: #969696;
  background: transparent;
}
.view-display-id-vehicles_page .form--views-exposed-form-vehicles-vehicles-page .form-submit:hover {
  color: #B01C1C;
  background: transparent;
  border-color: #B01C1C;
}
@media (max-width: 768px) {
  .view-display-id-vehicles_page .form--views-exposed-form-vehicles-vehicles-page {
    padding: 16px;
  }
  .view-display-id-vehicles_page .form--views-exposed-form-vehicles-vehicles-page .form-group {
    min-width: calc(50% - 6px);
    flex: 1 1 calc(50% - 6px);
  }
}
@media (max-width: 576px) {
  .view-display-id-vehicles_page .form--views-exposed-form-vehicles-vehicles-page .form-group {
    min-width: 100%;
    flex: 1 1 100%;
  }
}

.view-vehicle-model .view-content h3 {
  color: #B01C1C;
  text-transform: uppercase;
  margin-bottom: 1.5rem;
  letter-spacing: 2px;
  font-size: 1rem;
  font-weight: 600;
  font-family: "DM Sans", system-ui, sans-serif;
}
.view-vehicle-model .view-content ul {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  gap: 1rem;
  padding: 0;
}
@media (min-width: 576px) {
  .view-vehicle-model .view-content ul {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (min-width: 768px) {
  .view-vehicle-model .view-content ul {
    grid-template-columns: repeat(3, 1fr);
  }
}
@media (min-width: 992px) {
  .view-vehicle-model .view-content ul {
    grid-template-columns: repeat(5, 1fr);
  }
}
.view-vehicle-model .view-content ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 0.5rem;
  margin-bottom: 2rem;
  list-style: none;
}
.view-vehicle-model .view-content ul li .views-field-name a {
  font-size: 0.875rem;
  text-decoration: none;
  font-weight: bold;
  color: #474747;
  text-transform: uppercase;
}
.view-vehicle-model .view-content ul li .views-field-field-brand-image img {
  border-radius: 0.75rem;
}

/*# sourceMappingURL=views-view.css.map*/