
.ecan-android-directory{max-width:1600px;margin-inline:auto;padding:24px 32px 64px;color:#1b2632}.ecan-android-directory__crumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;line-height:1.7;color:#5c6774;margin-bottom:34px}.ecan-android-directory__crumbs a{color:inherit;text-decoration:none}.ecan-android-directory__crumbs a:hover{text-decoration:underline}.ecan-android-directory header{padding-bottom:30px;margin-bottom:36px;border-bottom:1px solid #e7e9ec}.ecan-android-directory h1{font-size:clamp(30px,3vw,42px);line-height:1.2;letter-spacing:-.025em;margin:0 0 12px}.ecan-android-directory header p{font-size:16px;line-height:1.6;color:#606a74;margin:0}.ecan-android-directory__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 18px}.ecan-android-directory__card{display:block;min-width:0;text-align:center;color:inherit;text-decoration:none}.ecan-android-directory__image{aspect-ratio:640/380;border:1px solid #e9edf0;border-radius:5px;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s}.ecan-android-directory__image img{display:block;width:100%;height:100%;object-fit:contain}.ecan-android-directory__grid--brands .ecan-android-directory__image{padding:26px}.ecan-android-directory__card h2{font-size:16px;line-height:1.4;font-weight:650;margin:16px 0 5px;overflow-wrap:anywhere}.ecan-android-directory__card p{font-size:12px;color:#64717d;margin:0}.ecan-android-directory__card:hover .ecan-android-directory__image{border-color:#0879ce;box-shadow:0 4px 14px #1c4e7514}.ecan-android-directory__card:focus-visible{outline:3px solid #0879ce;outline-offset:6px;border-radius:5px}.ecan-android-directory__note{margin-top:40px;padding-top:24px;border-top:1px solid #e7e9ec;font-size:13px;line-height:1.7;color:#65717c}@media(max-width:1100px){.ecan-android-directory__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:749px){.ecan-android-directory{padding:20px 16px 40px}.ecan-android-directory__crumbs{font-size:12px;margin-bottom:24px}.ecan-android-directory header{padding-bottom:24px;margin-bottom:26px}.ecan-android-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.ecan-android-directory__grid--brands .ecan-android-directory__image{padding:18px}.ecan-android-directory__card h2{font-size:15px;margin-top:12px}}
@media (max-width: 749px) {
  .ecan-android-directory--brands { padding: 16px 16px 32px; }
  .ecan-android-directory--brands .ecan-android-directory__crumbs { gap: 6px; font-size: 11px; margin-bottom: 18px; }
  .ecan-android-directory--brands header { padding-bottom: 18px; margin-bottom: 20px; }
  .ecan-android-directory--brands h1 { font-size: 27px; line-height: 1.2; margin-bottom: 8px; }
  .ecan-android-directory--brands header p { font-size: 14px; line-height: 1.5; }
  .ecan-android-directory__grid--brands { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
  .ecan-android-directory__grid--brands .ecan-android-directory__card {
    display: flex; flex-direction: column; align-items: center; justify-content: flex-start;
    padding: 10px 6px; min-height: 126px; border: 1px solid #e2e8ee;
    border-radius: 12px; background: #fff; box-shadow: 0 2px 6px #1b263205;
    -webkit-tap-highlight-color: #e6f2fb; transition: border-color .2s, background-color .2s;
  }
  .ecan-android-directory__grid--brands .ecan-android-directory__image {
    display: flex; align-items: center; justify-content: center; flex: 0 0 64px;
    width: 100%; height: 64px; aspect-ratio: auto; padding: 4px 2px;
    border: 0; border-radius: 0; box-shadow: none; background: transparent; overflow: visible;
  }
  .ecan-android-directory__grid--brands .ecan-android-directory__image img {
    width: 100%; height: 56px; max-width: 96px; object-fit: contain;
  }
  .ecan-android-directory__grid--brands .ecan-android-directory__card h2 {
    display: flex; align-items: center; justify-content: center; width: 100%; min-height: 34px;
    font-size: 12px; line-height: 17px; font-weight: 650; margin: 8px 0 0;
    overflow-wrap: normal; word-break: normal; hyphens: manual;
  }
  .ecan-android-directory__grid--brands .ecan-android-directory__card:hover,
  .ecan-android-directory__grid--brands .ecan-android-directory__card:active { border-color: #0879ce; background: #f5faff; }
  .ecan-android-directory--brands .ecan-android-directory__note { font-size: 12px; margin-top: 24px; padding-top: 18px; }
}
@media (max-width: 359px) {
  .ecan-android-directory__grid--brands { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ecan-android-directory__grid--brands .ecan-android-directory__card h2 { font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .ecan-android-directory__grid--brands .ecan-android-directory__card { transition: none; }
}

.ecan-android-directory__grid--brands .ecan-android-directory__image { display: flex; align-items: center; justify-content: center; padding: 0; }
.ecan-android-directory__logo { display: block; position: relative; flex: 0 0 80px; width: 80px; height: 64px; overflow: hidden; transform: scale(1.3); transform-origin: center; }
.ecan-android-directory__grid--brands .ecan-android-directory__image .ecan-android-directory__logo img {
  position: absolute; display: block; width: var(--logo-width); height: auto; max-width: none;
  left: var(--logo-left); top: var(--logo-top); object-fit: contain;
}
@media (max-width: 749px) {
  .ecan-android-directory__logo { transform: none; }
  .ecan-android-directory__grid--brands .ecan-android-directory__image { padding: 0; }
}



  .ecan-directory{max-width:1320px;margin-inline:auto;padding:48px 32px 64px;color:#18232f}

  .ecan-crumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;line-height:1.6;margin-bottom:32px;color:#516070}

  .ecan-crumbs a{text-decoration:underline;text-underline-offset:3px;color:inherit}

  .ecan-directory__header{max-width:760px;margin-bottom:32px}

  .ecan-directory__eyebrow{font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#076ec1;margin-bottom:12px}

  .ecan-directory__header h1,.ecan-directory__header h2{font-size:clamp(28px,3.5vw,44px);letter-spacing:-.035em;line-height:1.14;margin:0 0 18px}

  .ecan-directory__header>p:last-child{color:#516070;font-size:16px;line-height:1.65;margin:0}

  .ecan-directory__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}

  .ecan-directory--types .ecan-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}

  .ecan-directory--brands .ecan-directory__grid{grid-template-columns:repeat(3,minmax(0,1fr))}

  .ecan-directory__card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#f5f7f9;border:1px solid #e3e8ed;border-radius:16px;overflow:hidden;transition:box-shadow .18s,border-color .18s}

  .ecan-directory__card:hover{border-color:#0875ce;box-shadow:0 8px 24px #112b4712}

  .ecan-directory__card:focus-visible{outline:3px solid #0875ce;outline-offset:4px}

  .ecan-directory__media{aspect-ratio:4/3;padding:20px;display:flex;align-items:center;justify-content:center;background:#fff}

  .ecan-directory__media img{width:100%;height:100%;object-fit:contain}

  .ecan-directory--brands .ecan-directory__media{aspect-ratio:2/1;padding:36px}

  .ecan-directory__initial{font-size:24px;font-weight:700;text-align:center}

  .ecan-directory__copy{padding:22px;display:flex;flex-direction:column;flex:1}

  .ecan-directory__copy h3{font-size:20px;line-height:1.3;margin:0 0 10px}

  .ecan-directory__copy p{font-size:14px;line-height:1.6;color:#516070;margin:0 0 20px}

  .ecan-directory__cta{color:#076ec1;font-weight:650;font-size:14px;margin-top:auto}

  .ecan-directory__help{margin:32px 0 0;color:#516070;font-size:14px;line-height:1.7}

  .ecan-directory__help a{color:#076ec1;text-decoration:underline;text-underline-offset:3px}

  @media(max-width:989px){.ecan-directory__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

  @media(max-width:749px){.ecan-directory{padding:28px 16px 40px}.ecan-directory__grid,.ecan-directory--brands .ecan-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ecan-directory__copy{padding:15px}.ecan-directory__copy h3{font-size:17px}.ecan-directory__copy p{font-size:13px}.ecan-directory__media{padding:10px}.ecan-directory--brands .ecan-directory__media{padding:20px}.ecan-directory__header{margin-bottom:24px}.ecan-crumbs{font-size:12px;margin-bottom:24px}}



  .ecan-directory--brands .ecan-directory__grid,.ecan-directory--models .ecan-directory__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}

  .ecan-directory--brands .ecan-directory__copy,.ecan-directory--models .ecan-directory__copy{padding:14px}

  .ecan-directory--brands .ecan-directory__copy h3,.ecan-directory--models .ecan-directory__copy h3{font-size:17px;overflow-wrap:anywhere}

  .ecan-directory--brands .ecan-directory__copy p,.ecan-directory--models .ecan-directory__copy p{font-size:13px;margin-bottom:14px}

  .ecan-directory--brands .ecan-directory__media{padding:20px}

  @media(max-width:989px){

    .ecan-directory--brands .ecan-directory__grid,.ecan-directory--models .ecan-directory__grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc(23% + 2rem);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scroll-padding-inline:6px;gap:16px;padding:6px 6px 14px;margin-inline:-6px}

    .ecan-directory--brands .ecan-directory__card,.ecan-directory--models .ecan-directory__card{min-width:0;scroll-snap-align:center}

  }

  @media(max-width:749px){

    .ecan-directory--brands .ecan-directory__grid,.ecan-directory--models .ecan-directory__grid{grid-auto-columns:37%;gap:12px}

    .ecan-directory--brands .ecan-directory__copy,.ecan-directory--models .ecan-directory__copy{padding:10px}

    .ecan-directory--brands .ecan-directory__copy h3,.ecan-directory--models .ecan-directory__copy h3{font-size:15px}

    .ecan-directory--brands .ecan-directory__cta,.ecan-directory--models .ecan-directory__cta{font-size:12px}

    .ecan-directory--brands .ecan-directory__media{padding:12px}

  }



  /* Collection logo assets carry different white margins; size their artwork without changing card dimensions. */

  .ecan-directory--brands .ecan-directory__media{aspect-ratio:1;flex:none;padding:0;overflow:hidden}

  .ecan-directory--brands .ecan-directory__media img{width:calc((100% - 40px)*1.4);height:auto;max-width:none;max-height:none;flex:none;object-fit:contain}

  .ecan-directory--brands .ecan-directory__media--lexus img{width:46%}

  @media(max-width:749px){

    .ecan-directory--brands .ecan-directory__media img{width:calc((100% - 24px)*1.4)}

    .ecan-directory--brands .ecan-directory__media--lexus img{width:46%}

  }

  .ecan-directory--brands .ecan-directory__media--land-rover img{width:78%}

  .ecan-directory--brands .ecan-directory__copy h3{min-height:2.6em}

  .ecan-directory--brands .ecan-directory__media--vector img{width:76%;height:auto;max-width:84%;max-height:64%;object-fit:contain}

  .ecan-directory--brands .ecan-directory__media--volvo img{width:58%}

  .ecan-directory--brands .ecan-directory__media--porsche img{width:84%}



  .ecan-directory__intro{color:#516070;font-size:16px;line-height:1.65}
  .ecan-directory{max-width:1320px;margin-inline:auto;padding:48px 32px 64px;color:#18232f}
  .ecan-crumbs{display:flex;gap:10px;flex-wrap:wrap;font-size:13px;line-height:1.6;margin-bottom:32px;color:#516070}
  .ecan-crumbs a{text-decoration:underline;text-underline-offset:3px;color:inherit}
  .ecan-directory__header{max-width:760px;margin-bottom:32px}
  .ecan-directory__eyebrow{font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#076ec1;margin-bottom:12px}
  .ecan-directory__header h1,.ecan-directory__header h2{font-size:clamp(28px,3.5vw,44px);letter-spacing:-.035em;line-height:1.14;margin:0 0 18px}
  .ecan-directory__header>p:last-child{color:#516070;font-size:16px;line-height:1.65;margin:0}
  .ecan-directory__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
  .ecan-directory--types .ecan-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ecan-directory--brands .ecan-directory__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ecan-directory__card{display:flex;flex-direction:column;text-decoration:none;color:inherit;background:#f5f7f9;border:1px solid #e3e8ed;border-radius:16px;overflow:hidden;transition:box-shadow .18s,border-color .18s}
  .ecan-directory__card:hover{border-color:#0875ce;box-shadow:0 8px 24px #112b4712}
  .ecan-directory__card:focus-visible{outline:3px solid #0875ce;outline-offset:4px}
  .ecan-directory__media{aspect-ratio:4/3;padding:20px;display:flex;align-items:center;justify-content:center;background:#fff}
  .ecan-directory__media img{width:100%;height:100%;object-fit:contain}
  .ecan-directory--brands .ecan-directory__media{aspect-ratio:2/1;padding:36px}
  .ecan-directory__initial{font-size:24px;font-weight:700;text-align:center}
  .ecan-directory__copy{padding:22px;display:flex;flex-direction:column;flex:1}
  .ecan-directory__copy h3{font-size:20px;line-height:1.3;margin:0 0 10px}
  .ecan-directory__copy p{font-size:14px;line-height:1.6;color:#516070;margin:0 0 20px}
  .ecan-directory__cta{color:#076ec1;font-weight:650;font-size:14px;margin-top:auto}
  .ecan-directory__help{margin:32px 0 0;color:#516070;font-size:14px;line-height:1.7}
  .ecan-directory__help a{color:#076ec1;text-decoration:underline;text-underline-offset:3px}
  @media(max-width:989px){.ecan-directory__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
  @media(max-width:749px){.ecan-directory{padding:28px 16px 40px}.ecan-directory__grid,.ecan-directory--brands .ecan-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ecan-directory__copy{padding:15px}.ecan-directory__copy h3{font-size:17px}.ecan-directory__copy p{font-size:13px}.ecan-directory__media{padding:10px}.ecan-directory--brands .ecan-directory__media{padding:20px}.ecan-directory__header{margin-bottom:24px}.ecan-crumbs{font-size:12px;margin-bottom:24px}}

  .ecan-directory--brands .ecan-directory__grid,.ecan-directory--models .ecan-directory__grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:16px}
  .ecan-directory--brands .ecan-directory__copy,.ecan-directory--models .ecan-directory__copy{padding:14px}
  .ecan-directory--brands .ecan-directory__copy h3,.ecan-directory--models .ecan-directory__copy h3{font-size:17px;overflow-wrap:anywhere}
  .ecan-directory--brands .ecan-directory__copy p,.ecan-directory--models .ecan-directory__copy p{font-size:13px;margin-bottom:14px}
  .ecan-directory--brands .ecan-directory__media{padding:20px}
  @media(max-width:989px){
    .ecan-directory--brands .ecan-directory__grid,.ecan-directory--models .ecan-directory__grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc(23% + 2rem);overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scroll-padding-inline:6px;gap:16px;padding:6px 6px 14px;margin-inline:-6px}
    .ecan-directory--brands .ecan-directory__card,.ecan-directory--models .ecan-directory__card{min-width:0;scroll-snap-align:center}
  }
  @media(max-width:749px){
    .ecan-directory--brands .ecan-directory__grid,.ecan-directory--models .ecan-directory__grid{grid-auto-columns:37%;gap:12px}
    .ecan-directory--brands .ecan-directory__copy,.ecan-directory--models .ecan-directory__copy{padding:10px}
    .ecan-directory--brands .ecan-directory__copy h3,.ecan-directory--models .ecan-directory__copy h3{font-size:15px}
    .ecan-directory--brands .ecan-directory__cta,.ecan-directory--models .ecan-directory__cta{font-size:12px}
    .ecan-directory--brands .ecan-directory__media{padding:12px}
  }

  .ecan-directory--brands .ecan-directory__media{aspect-ratio:5/4;padding:24px}
  .ecan-directory--brands .ecan-directory__media .ecan-dedicated-brand-icon{width:100%;height:100%;max-width:120px;max-height:94px;object-fit:contain;filter:grayscale(1)}
  .ecan-directory--brands .ecan-directory__copy{text-align:center}
  .ecan-directory--brands .ecan-directory__grid{display:grid;grid-auto-flow:row;grid-auto-columns:auto;overflow:visible;scroll-snap-type:none;margin-inline:0;padding:0}
  @media(max-width:989px){.ecan-directory--brands .ecan-directory__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
  @media(max-width:749px){.ecan-directory--brands .ecan-directory__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ecan-directory--brands .ecan-directory__media{padding:22px}.ecan-directory--brands .ecan-directory__copy{padding:14px}}


  .ecan-model-selector{max-width:1600px;margin-inline:auto;padding:24px 32px 64px;color:#1b2632}
  .ecan-model-selector__crumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font-size:13px;line-height:1.7;color:#5c6774;margin:0 0 34px}
  .ecan-model-selector__crumbs a{color:inherit;text-decoration:none}
  .ecan-model-selector__crumbs a:hover{text-decoration:underline}
  .ecan-model-selector__header{padding-bottom:30px;margin-bottom:36px;border-bottom:1px solid #e7e9ec}
  .ecan-model-selector__header h1{font-size:clamp(30px,3vw,42px);line-height:1.2;letter-spacing:-.025em;font-weight:700;margin:0 0 12px}
  .ecan-model-selector__header p{font-size:16px;color:#606a74;margin:0;line-height:1.6}
  .ecan-model-selector__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 18px}
  .ecan-model-selector__card{display:block;text-align:center;color:inherit;text-decoration:none;min-width:0}
  .ecan-model-selector__photo{display:flex;align-items:center;justify-content:center;aspect-ratio:640/380;border:1px solid #e9edf0;border-radius:5px;overflow:hidden;background:#fff;transition:border-color .2s,box-shadow .2s}
  .ecan-model-selector__photo img{display:block;width:100%;height:100%;object-fit:contain;transition:transform .2s}
  .ecan-model-selector__card h2{font-size:16px;line-height:1.4;font-weight:650;margin:16px 0 5px;overflow-wrap:anywhere}
  .ecan-model-selector__years{font-size:12px;line-height:1.6;color:#64717d;margin:0}
  .ecan-model-selector__card:hover .ecan-model-selector__photo{border-color:#0879ce;box-shadow:0 4px 14px #1c4e7514}
  .ecan-model-selector__card:hover img{transform:scale(1.035)}
  .ecan-model-selector__card:focus-visible{outline:3px solid #0879ce;outline-offset:6px;border-radius:5px}
  .ecan-model-selector__note{margin:40px 0 0;padding-top:24px;border-top:1px solid #e7e9ec;font-size:13px;line-height:1.7;color:#65717c}
  .ecan-model-selector__note a{color:#076ec1;text-underline-offset:3px}
  .ecan-model-selector__credits{margin-top:14px;font-size:11px;color:#68747d;line-height:1.7}
  .ecan-model-selector__credits summary{cursor:pointer;width:fit-content}
  .ecan-model-selector__credits ul{padding-left:18px}
  .ecan-model-selector__credits a{color:inherit;text-decoration:underline}
  @media(max-width:1100px){.ecan-model-selector__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}
  @media(max-width:749px){.ecan-model-selector{padding:20px 16px 40px}.ecan-model-selector__crumbs{font-size:12px;margin-bottom:24px}.ecan-model-selector__header{padding-bottom:24px;margin-bottom:26px}.ecan-model-selector__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.ecan-model-selector__card h2{font-size:15px;margin-top:12px}.ecan-model-selector__years{font-size:11px}}
  @media(prefers-reduced-motion:reduce){.ecan-model-selector__photo,.ecan-model-selector__photo img{transition:none}}

.ecan-category-page{padding-top:0!important}.ecan-category-page .ecan-directory,.ecan-category-page .ecan-model-selector,.ecan-category-page .ecan-android-directory{padding-left:0;padding-right:0}.ecan-category-page img{height:100%}.ecan-category-page .ecan-category-help{margin-top:32px;font-size:13px;color:#64717d;line-height:1.7}.ecan-category-page .ecan-directory__card{color:inherit}.ecan-category-page .ecan-root-categories{padding:20px 0 48px}.ecan-category-page .ecan-root-categories .ecan-ref-section{padding-left:0;padding-right:0}

/* The imported Android Volkswagen bitmap is upside down. */
.ecan-android-directory__logo img[alt="Volkswagen"]{transform:rotate(180deg);transform-origin:center;}
