/* NAN DEALERSHIP PREZO FIX1
   Presentation only. No data/business authority. */

:root{
  --dp-green:#08783f;
  --dp-green-dark:#064d2d;
  --dp-ink:#13251b;
  --dp-muted:#69766f;
  --dp-soft:#f4f8f5;
  --dp-line:#e0e8e3;
  --dp-gold:#d9b46d;
}

/* ---------- DIRECTORY ---------- */

.dealer-directory-intro{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:24px;
  margin:6px 0 22px;
}

.dealer-directory-intro h2{
  margin:0 0 7px;
  color:var(--dp-ink);
  font-size:clamp(26px,3vw,38px);
  letter-spacing:-.035em;
}

.dealer-directory-intro p{
  margin:0;
  max-width:660px;
  color:var(--dp-muted);
  line-height:1.65;
}

.dealer-directory-count{
  flex:0 0 auto;
  padding:10px 14px;
  border:1px solid var(--dp-line);
  border-radius:999px;
  background:#fff;
  color:var(--dp-green-dark);
  font-size:12px;
  font-weight:900;
}

.a2-dealer-directory .discovery-bar{
  margin-bottom:24px;
  padding:15px;
  border:1px solid var(--dp-line);
  border-radius:16px;
  background:#fff;
  box-shadow:0 10px 30px rgba(8,54,32,.055);
}

.a2-dealer-directory .dealer-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:18px;
}

.a2-dealer-directory .dealer-card{
  position:relative;
  display:grid;
  grid-template-columns:76px minmax(0,1fr);
  gap:18px;
  min-width:0;
  padding:22px;
  border:1px solid var(--dp-line);
  border-radius:20px;
  background:
    radial-gradient(circle at 100% 0,rgba(217,180,109,.16),transparent 30%),
    #fff;
  box-shadow:0 12px 34px rgba(8,52,31,.065);
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}

.a2-dealer-directory .dealer-card:hover{
  transform:translateY(-3px);
  border-color:#c7d8ce;
  box-shadow:0 18px 42px rgba(8,52,31,.11);
}

.a2-dealer-directory .dealer-mark{
  width:76px;
  height:76px;
  display:grid;
  place-items:center;
  border-radius:18px;
  background:linear-gradient(145deg,var(--dp-green-dark),#0b8950);
  color:#fff;
  font:900 27px/1 Georgia,serif;
  box-shadow:0 10px 24px rgba(6,77,45,.18);
}

.a2-dealer-directory .dealer-title{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px 10px;
}

.a2-dealer-directory .dealer-title h2{
  margin:0;
  font-size:21px;
  line-height:1.2;
  letter-spacing:-.025em;
}

.a2-dealer-directory .dealer-title h2 a{
  color:var(--dp-ink);
  text-decoration:none;
}

.a2-dealer-directory .dealer-title h2 a:hover{
  color:var(--dp-green);
}

.a2-dealer-directory .verified{
  display:inline-flex;
  align-items:center;
  padding:5px 8px;
  border-radius:999px;
  background:#e7f6ed;
  color:#08783f;
  font-size:10px;
  font-weight:900;
}

.a2-dealer-directory .dealer-card p{
  margin:9px 0 13px;
  color:var(--dp-muted);
  line-height:1.55;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.a2-dealer-directory .dealer-meta{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-bottom:16px;
}

.a2-dealer-directory .dealer-meta span{
  padding:6px 9px;
  border-radius:999px;
  background:var(--dp-soft);
  color:#3d5648;
  font-size:11px;
  font-weight:800;
}

.a2-dealer-directory .dealer-card .button.secondary{
  min-height:40px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 14px;
  border-radius:9px;
  border:1px solid var(--dp-green);
  color:var(--dp-green);
  background:#fff;
  font-size:11px;
  font-weight:900;
  text-decoration:none;
}

.a2-dealer-directory .dealer-card .button.secondary:hover{
  background:var(--dp-green);
  color:#fff;
}

/* ---------- DETAIL STOREFRONT ---------- */

.a2-dealer-storefront .a2-hero-card{
  min-height:340px;
  background:
    radial-gradient(circle at 78% 18%,rgba(217,180,109,.25),transparent 31%),
    radial-gradient(circle at 68% 90%,rgba(30,156,91,.20),transparent 35%),
    linear-gradient(135deg,#04291b 0,#075438 58%,#063522 100%);
}

.a2-dealer-storefront .a2-hero-card:before{
  content:"";
  position:absolute;
  width:320px;
  height:320px;
  right:-105px;
  bottom:-160px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:50%;
}

.a2-dealer-storefront .a2-hero-art{
  width:112px;
  height:112px;
  border-radius:25px;
}

.a2-dealer-storefront .a2-meta-row span{
  backdrop-filter:blur(4px);
}

.a2-dealer-storefront .a2-panel{
  transition:box-shadow .2s ease,border-color .2s ease;
}

.a2-dealer-storefront .a2-panel:hover{
  border-color:#d3e0d8;
  box-shadow:0 15px 36px rgba(9,52,31,.075);
}

.a2-dealer-storefront .a2-inventory-panel{
  background:
    linear-gradient(180deg,#f8fbf9 0,#fff 115px);
}

.a2-dealer-storefront .a2-inventory-panel .a2-section-heading{
  padding-bottom:16px;
  border-bottom:1px solid var(--dp-line);
}

.a2-dealer-storefront .a2-inventory-panel .a2-section-heading>strong{
  min-width:48px;
  height:48px;
  display:grid;
  place-items:center;
  padding:0 10px;
  border-radius:14px;
  background:#e9f5ee;
}

.a2-dealer-storefront .a2-contact-card{
  position:sticky;
  top:18px;
}

.a2-dealer-storefront .a2-trust-list span{
  border:1px solid #e2ece6;
}

.a2-dealer-storefront .a2-service-list article{
  border:1px solid #e3ebe6;
}

/* ---------- MOBILE PREZO ---------- */

@media(max-width:800px){
  .dealer-directory-intro{
    display:block;
    margin-bottom:16px;
  }

  .dealer-directory-count{
    display:inline-flex;
    margin-top:12px;
  }

  .a2-dealer-directory .dealer-grid{
    grid-template-columns:1fr;
    gap:13px;
  }

  .a2-dealer-directory .dealer-card{
    grid-template-columns:60px minmax(0,1fr);
    gap:13px;
    padding:16px;
    border-radius:16px;
  }

  .a2-dealer-directory .dealer-mark{
    width:60px;
    height:60px;
    border-radius:15px;
    font-size:22px;
  }

  .a2-dealer-directory .dealer-title h2{
    font-size:18px;
  }

  .a2-dealer-directory .dealer-card .button.secondary{
    width:100%;
  }

  .a2-dealer-storefront .a2-contact-card{
    position:static;
  }
}

@media(max-width:700px){
  .a2-dealer-storefront .a2-hero-card{
    min-height:0;
    padding:22px 19px;
  }

  .a2-dealer-storefront .a2-hero-art{
    width:76px;
    height:76px;
    border-radius:18px;
  }

  .a2-dealer-storefront .a2-hero-copy h1{
    font-size:clamp(30px,9vw,39px);
  }

  .a2-dealer-storefront .a2-hero-copy>p:not(.a2-eyebrow){
    font-size:13px;
  }

  .a2-dealer-storefront .a2-hero-actions a{
    min-height:46px;
  }
}

@media(max-width:430px){
  .a2-dealer-directory .dealer-card{
    grid-template-columns:48px minmax(0,1fr);
    padding:14px;
  }

  .a2-dealer-directory .dealer-mark{
    width:48px;
    height:48px;
    font-size:18px;
  }

  .a2-dealer-directory .dealer-title h2{
    font-size:17px;
  }

  .a2-dealer-directory .dealer-meta{
    gap:5px;
  }

  .a2-dealer-storefront .a2-hero-actions{
    grid-template-columns:1fr;
  }
}

/* ==========================================================
   DEALERSHIP-PREZO-FIX1A
   Visual QA corrections
   ========================================================== */

.a2-dealer-directory .dealer-card{
  min-height:0;
  align-items:start;
}

.a2-dealer-directory .dealer-card>div:last-child{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}

.a2-dealer-directory .dealer-card .button.secondary{
  width:auto !important;
  min-width:150px;
  min-height:42px;
  padding:0 16px !important;

  /* Override inherited global button text rules */
  color:#08783f !important;
  -webkit-text-fill-color:#08783f;

  background:#fff !important;
  border:1px solid #08783f !important;

  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  text-indent:0 !important;
  text-transform:none !important;

  opacity:1 !important;
  visibility:visible !important;
  overflow:visible;
}

.a2-dealer-directory .dealer-card .button.secondary:hover,
.a2-dealer-directory .dealer-card .button.secondary:focus{
  color:#fff !important;
  -webkit-text-fill-color:#fff;
  background:#08783f !important;
}

.a2-dealer-directory .dealer-meta span{
  display:inline-flex;
  align-items:center;
  min-height:27px;
}

.a2-dealer-directory .dealer-card p{
  min-height:0;
}

@media(min-width:801px){
  .a2-dealer-directory .dealer-card{
    padding:19px;
  }
}

@media(max-width:800px){
  .a2-dealer-directory .dealer-card .button.secondary{
    width:100% !important;
    min-height:46px;
  }
}

/* DEALERSHIP-PREZO-FIX1B — isolated dealership CTA */

.a2-dealer-directory a.dealer-explore-cta{
  box-sizing:border-box;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;

  width:auto;
  min-width:166px;
  min-height:42px;
  margin-top:1px;
  padding:0 16px;

  border:1px solid #08783f;
  border-radius:9px;

  background:#fff;
  color:#08783f;

  font-family:inherit;
  font-size:12px;
  font-weight:900;
  line-height:1;
  text-decoration:none;

  cursor:pointer;
  transition:
    background .18s ease,
    color .18s ease,
    transform .18s ease;
}

.a2-dealer-directory a.dealer-explore-cta span,
.a2-dealer-directory a.dealer-explore-cta b{
  display:inline !important;
  position:static !important;

  width:auto !important;
  height:auto !important;

  margin:0 !important;
  padding:0 !important;

  background:none !important;
  border:0 !important;

  color:inherit !important;
  -webkit-text-fill-color:currentColor !important;

  font:inherit !important;
  line-height:1 !important;

  opacity:1 !important;
  visibility:visible !important;
  transform:none !important;
}

.a2-dealer-directory a.dealer-explore-cta b{
  font-size:16px !important;
}

.a2-dealer-directory a.dealer-explore-cta:hover,
.a2-dealer-directory a.dealer-explore-cta:focus-visible{
  background:#08783f;
  color:#fff;
  transform:translateY(-1px);
}

@media(max-width:800px){
  .a2-dealer-directory a.dealer-explore-cta{
    width:100%;
    min-height:46px;
  }
}


/* ==========================================================
   DEALERSHIP-PREZO-FIX2
   Messaging + verified reviews + showroom zero states
   ========================================================== */

.a2-dealer-storefront .a2-dealer-inventory-empty{
    display:flex;
    align-items:center;
    gap:18px;
    min-height:128px;
    padding:24px;
    border:1px dashed #d7dfda;
    border-radius:18px;
    background:#f8faf9;
}

.a2-dealer-storefront .a2-empty-icon{
    display:grid;
    place-items:center;
    width:58px;
    height:58px;
    flex:0 0 58px;
    border-radius:16px;
    background:#edf5f0;
    font-size:27px;
}

.a2-dealer-storefront .a2-dealer-inventory-empty strong,
.a2-dealer-storefront .a2-dealer-no-reviews strong{
    display:block;
    margin-bottom:5px;
    font-size:16px;
    color:#14261c;
}

.a2-dealer-storefront .a2-dealer-inventory-empty p,
.a2-dealer-storefront .a2-dealer-no-reviews p{
    margin:0;
    color:#68756d;
}

.a2-dealer-message-form,
.a2-dealer-review-form{
    display:grid;
    gap:10px;
}

.a2-dealer-message-form label,
.a2-dealer-review-form label{
    margin-top:4px;
    font-size:13px;
    font-weight:800;
    color:#273a30;
}

.a2-dealer-message-form textarea,
.a2-dealer-review-form textarea,
.a2-dealer-review-form input,
.a2-dealer-review-form select{
    width:100%;
    box-sizing:border-box;
    border:1px solid #d5ddd8;
    border-radius:12px;
    background:#fff;
    padding:12px 13px;
    font:inherit;
    color:#17261e;
    outline:none;
}

.a2-dealer-message-form textarea:focus,
.a2-dealer-review-form textarea:focus,
.a2-dealer-review-form input:focus,
.a2-dealer-review-form select:focus{
    border-color:#177b4b;
    box-shadow:0 0 0 3px rgba(23,123,75,.10);
}

.a2-review-fields{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:14px;
}

.a2-review-fields > div{
    display:grid;
    gap:8px;
}

.a2-form-footer{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-top:5px;
}

.a2-form-footer small{
    color:#6c776f;
    line-height:1.45;
}

.a2-form-footer .a2-primary{
    border:0;
    cursor:pointer;
    white-space:nowrap;
}

.a2-login-prompt{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:22px;
    padding:20px;
    border-radius:16px;
    background:#f5f8f6;
    border:1px solid #e0e7e2;
}

.a2-login-prompt strong{
    color:#17271e;
}

.a2-login-prompt p{
    margin:5px 0 0;
    color:#68756d;
}

.a2-owner-note{
    padding:17px 18px;
    border-radius:14px;
    background:#f5f8f6;
    border:1px solid #dfe8e2;
    color:#526159;
}

.a2-form-alert{
    margin-bottom:16px;
    padding:13px 15px;
    border-radius:12px;
    font-weight:700;
}

.a2-form-alert-success{
    background:#edf8f1;
    border:1px solid #c9e8d4;
    color:#16683e;
}

.a2-form-alert-error,
.a2-message-error{
    color:#a22b2b;
}

.a2-dealer-review-summary{
    text-align:right;
}

.a2-dealer-review-summary strong{
    display:block;
    font-size:24px;
    color:#143d28;
}

.a2-dealer-review-summary span{
    font-size:12px;
    color:#6b776f;
}

.a2-dealer-review-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}

.a2-dealer-review-card{
    display:block;
    padding:18px;
    border:1px solid #e0e6e2;
    border-radius:16px;
    color:inherit;
    text-decoration:none;
    background:#fff;
    transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}

.a2-dealer-review-card:hover{
    transform:translateY(-2px);
    border-color:#cbd8d0;
    box-shadow:0 12px 28px rgba(24,50,35,.08);
}

.a2-review-card-top,
.a2-review-card-bottom{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
}

.a2-review-card-top span{
    font-weight:800;
    color:#7b6218;
}

.a2-dealer-review-card h3{
    margin:14px 0 7px;
    font-size:17px;
    color:#16281e;
}

.a2-dealer-review-card > p{
    color:#5f6d65;
    line-height:1.55;
}

.a2-review-card-bottom{
    margin-top:15px;
    padding-top:13px;
    border-top:1px solid #edf0ee;
    font-size:12px;
}

.a2-review-card-bottom span{
    color:#68756d;
}

.a2-review-card-bottom b{
    color:#176b43;
}

.a2-dealer-no-reviews{
    display:flex;
    align-items:center;
    gap:18px;
    padding:22px;
    border:1px dashed #d7dfda;
    border-radius:16px;
    background:#fafbfa;
}

.a2-no-review-star{
    display:grid;
    place-items:center;
    width:54px;
    height:54px;
    flex:0 0 54px;
    border-radius:50%;
    background:#f5eed2;
    color:#8b6b0f;
    font-size:24px;
}

@media (max-width:700px){
    .a2-dealer-storefront .a2-hero-actions{
        width:100%;
        grid-template-columns:1fr;
    }

    .a2-dealer-storefront .a2-hero-actions a{
        width:100%;
        box-sizing:border-box;
        text-align:center;
        min-height:46px;
        display:flex;
        align-items:center;
        justify-content:center;
    }

    .a2-review-fields,
    .a2-dealer-review-grid{
        grid-template-columns:1fr;
    }

    .a2-form-footer,
    .a2-login-prompt{
        align-items:stretch;
        flex-direction:column;
    }

    .a2-form-footer .a2-primary,
    .a2-login-prompt .a2-primary{
        width:100%;
        box-sizing:border-box;
        text-align:center;
    }

    .a2-dealer-storefront .a2-dealer-inventory-empty,
    .a2-dealer-no-reviews{
        align-items:flex-start;
    }
}

@media (max-width:430px){
    .a2-dealer-storefront .a2-dealer-inventory-empty,
    .a2-dealer-no-reviews{
        padding:17px;
    }

    .a2-dealer-storefront .a2-empty-icon,
    .a2-no-review-star{
        width:46px;
        height:46px;
        flex-basis:46px;
    }
}


/* ==========================================================
   DEALERSHIP-SHOWROOM-FIX3A
   Premium 10-vehicle dealer showroom
   ========================================================== */

.a2-dealer-storefront .a2-showroom{
    padding:28px;
    overflow:hidden;
}

.a2-showroom-head{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:24px;
    margin-bottom:24px;
    padding-bottom:20px;
    border-bottom:1px solid #e7ece9;
}

.a2-showroom-head h2{
    margin:3px 0 7px;
    font-size:clamp(24px,3vw,34px);
    letter-spacing:-.025em;
}

.a2-showroom-head p{
    max-width:680px;
    margin:0;
    color:#647168;
    line-height:1.55;
}

.a2-showroom-tools{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:10px;
    flex:0 0 auto;
}

.a2-showroom-count{
    display:inline-flex;
    align-items:center;
    min-height:34px;
    padding:0 13px;
    border-radius:999px;
    background:#edf5f0;
    color:#24543a;
    font-size:12px;
    font-weight:900;
    letter-spacing:.02em;
}

.a2-showroom-post{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:44px;
    padding:0 17px;
    border-radius:12px;
    background:#166b43;
    color:#fff !important;
    text-decoration:none !important;
    font-size:13px;
    font-weight:900;
    letter-spacing:.025em;
    box-shadow:0 8px 20px rgba(22,107,67,.16);
}

.a2-showroom-post:hover{
    transform:translateY(-1px);
}

.a2-showroom-grid{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:18px;
}

.a2-showroom-grid .vehicle-card{
    min-width:0;
}

.a2-showroom-foot{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    margin-top:22px;
    padding-top:18px;
    border-top:1px solid #e8ece9;
    font-size:13px;
}

.a2-showroom-foot span{
    color:#6b776f;
}

.a2-showroom-foot a{
    color:#176b43;
    text-decoration:none;
    font-weight:850;
}

.a2-showroom-empty{
    display:flex;
    align-items:center;
    gap:22px;
    min-height:170px;
    padding:28px;
    border:1px dashed #cedbd3;
    border-radius:20px;
    background:linear-gradient(135deg,#f8fbf9,#f2f7f4);
}

.a2-showroom-empty-art{
    display:grid;
    place-items:center;
    width:76px;
    height:76px;
    flex:0 0 76px;
    border-radius:22px;
    background:#e5f0e9;
    font-size:34px;
}

.a2-showroom-empty h3{
    margin:0 0 7px;
    font-size:21px;
    color:#17271e;
}

.a2-showroom-empty p{
    max-width:620px;
    margin:0 0 16px;
    color:#657269;
    line-height:1.55;
}

@media (min-width:1180px){
    .a2-dealer-layout{
        grid-template-columns:minmax(0,1fr) 330px;
    }
}

@media (max-width:800px){
    .a2-showroom-head{
        flex-direction:column;
    }

    .a2-showroom-tools{
        width:100%;
        align-items:stretch;
    }

    .a2-showroom-count{
        width:max-content;
    }

    .a2-showroom-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
    }
}

@media (max-width:600px){
    .a2-dealer-storefront .a2-showroom{
        padding:18px;
    }

    .a2-showroom-grid{
        grid-template-columns:1fr;
    }

    .a2-showroom-post{
        width:100%;
        box-sizing:border-box;
    }

    .a2-showroom-foot{
        align-items:flex-start;
        flex-direction:column;
    }

    .a2-showroom-empty{
        align-items:flex-start;
        flex-direction:column;
        padding:20px;
    }

    .a2-showroom-empty-art{
        width:58px;
        height:58px;
        flex-basis:58px;
        border-radius:17px;
        font-size:27px;
    }
}

/* DEALER-DIRECTORY-CLICKABLE-LOGO */
.a2-dealer-directory .dealer-logo-link{
    width:120px;
    height:120px;
    min-width:120px;
    display:block;
    overflow:hidden;
    padding:0;
    margin:0;
    border-radius:14px;
    background:#fff;
    text-decoration:none;
}

.a2-dealer-directory .dealer-card-logo{
    width:100%;
    height:100%;
    display:block;
    padding:0;
    margin:0;
    object-fit:cover;
}

.a2-dealer-directory .dealer-logo-link .dealer-mark{
    width:100%;
    height:100%;
    margin:0;
    display:grid;
    place-items:center;
}

@media(max-width:600px){
    .a2-dealer-directory .dealer-logo-link{
        width:90px;
        height:90px;
        min-width:90px;
    }
}

/* DEALER-DIRECTORY-LOGO-LAYOUT-FIX */
.a2-dealer-directory .dealer-card{
    display:grid;
    grid-template-columns:120px minmax(0,1fr);
    gap:18px;
    align-items:start;
}

.a2-dealer-directory .dealer-card > div{
    min-width:0;
}

.a2-dealer-directory .dealer-title,
.a2-dealer-directory .dealer-meta,
.a2-dealer-directory .dealer-explore-cta{
    position:relative;
    z-index:1;
}

@media(max-width:600px){
    .a2-dealer-directory .dealer-card{
        grid-template-columns:90px minmax(0,1fr);
        gap:14px;
    }
}

/* ==========================================================
   NAN PREMIUM DEALER STOREFRONT V1
   Canonical commercial storefront presentation
   ========================================================== */

/* HERO */
.a2-dealer-storefront .a2-detail-hero{
    padding-bottom:0;
}

.a2-dealer-storefront .a2-dealer-card{
    min-height:430px;
    position:relative;
    overflow:hidden;
    border-radius:26px;
    padding:42px;
    display:grid;
    grid-template-columns:150px minmax(0,1fr) auto;
    gap:28px;
    align-items:end;
    isolation:isolate;
    background:
        radial-gradient(circle at 80% 20%,rgba(31,180,106,.22),transparent 34%),
        linear-gradient(135deg,#061d14 0%,#0b3424 55%,#061d14 100%);
    box-shadow:0 26px 70px rgba(5,35,24,.22);
}

.a2-dealer-storefront .a2-dealer-card.has-wallpaper{
    background-image:
        linear-gradient(90deg,rgba(2,18,12,.94) 0%,rgba(2,18,12,.73) 42%,rgba(2,18,12,.26) 100%),
        linear-gradient(0deg,rgba(2,18,12,.68),rgba(2,18,12,.06) 55%),
        var(--a2-wallpaper);
    background-size:cover;
    background-position:var(--a2-wallpaper-position);
}

.a2-dealer-storefront .a2-hero-art{
    width:150px;
    height:150px;
    border-radius:22px;
    overflow:hidden;
    background:#fff;
    border:4px solid rgba(255,255,255,.92);
    box-shadow:0 18px 44px rgba(0,0,0,.28);
    display:grid;
    place-items:center;
}

.a2-dealer-storefront .a2-business-logo{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.a2-dealer-storefront .a2-hero-copy{
    position:relative;
    z-index:2;
    max-width:680px;
}

.a2-dealer-storefront .a2-hero-copy h1{
    color:#fff;
    font-size:clamp(34px,4vw,58px);
    line-height:1;
    letter-spacing:-.045em;
    margin:8px 0 14px;
}

.a2-dealer-storefront .a2-hero-copy > p:not(.a2-eyebrow){
    color:rgba(255,255,255,.86);
    font-size:17px;
    max-width:620px;
}

.a2-dealer-storefront .a2-eyebrow{
    color:#8ff0bc;
    font-weight:900;
    letter-spacing:.12em;
}

.a2-dealer-storefront .a2-meta-row span{
    background:rgba(255,255,255,.12);
    color:#fff;
    border:1px solid rgba(255,255,255,.18);
    backdrop-filter:blur(8px);
}

.a2-dealer-storefront .a2-hero-actions{
    position:relative;
    z-index:2;
    align-self:end;
}

/* STOREFRONT NAVIGATION */
.a2-storefront-nav{
    position:sticky;
    top:0;
    z-index:30;
    background:rgba(255,255,255,.96);
    border-bottom:1px solid #e5ebe7;
    box-shadow:0 8px 25px rgba(11,54,37,.06);
    backdrop-filter:blur(12px);
}

.a2-storefront-nav .nan-shell{
    display:flex;
    align-items:center;
    gap:30px;
    min-height:64px;
    overflow-x:auto;
    scrollbar-width:none;
}

.a2-storefront-nav .nan-shell::-webkit-scrollbar{
    display:none;
}

.a2-storefront-nav a{
    display:flex;
    align-items:center;
    min-height:64px;
    color:#32473d;
    font-size:13px;
    font-weight:900;
    text-decoration:none;
    white-space:nowrap;
    border-bottom:3px solid transparent;
}

.a2-storefront-nav a:first-child,
.a2-storefront-nav a:hover{
    color:#08733f;
    border-bottom-color:#0a8a4a;
}

/* COMMERCIAL HIERARCHY */
.a2-dealer-storefront .a2-main-column{
    display:flex;
    flex-direction:column;
}

.a2-dealer-storefront .a2-showroom{
    order:-30;
}

.a2-dealer-storefront .a2-dealer-about{
    order:-20;
}

.a2-dealer-storefront .a2-dealer-services{
    order:-10;
}

/* SHOWROOM */
.a2-dealer-storefront .a2-showroom{
    border:0;
    border-radius:26px;
    padding:34px;
    background:
        radial-gradient(circle at 100% 0,rgba(24,169,93,.10),transparent 34%),
        #fff;
    box-shadow:0 20px 55px rgba(15,57,39,.10);
}

.a2-dealer-storefront .a2-showroom-head h2{
    font-size:clamp(28px,3vw,40px);
    letter-spacing:-.035em;
}

.a2-dealer-storefront .a2-showroom-empty{
    min-height:310px;
    border:1px dashed #b9d6c7;
    border-radius:22px;
    background:
        linear-gradient(135deg,#f5fbf7 0%,#fff 55%,#f0f8f3 100%);
    display:grid;
    grid-template-columns:170px minmax(0,1fr);
    align-items:center;
    gap:34px;
    padding:38px;
}

.a2-dealer-storefront .a2-showroom-empty-art{
    width:150px;
    height:150px;
    border-radius:28px;
    display:grid;
    place-items:center;
    font-size:66px;
    background:#073c29;
    box-shadow:0 20px 45px rgba(7,60,41,.18);
}

.a2-dealer-storefront .a2-showroom-empty h3{
    font-size:30px;
    letter-spacing:-.03em;
    margin-bottom:10px;
}

.a2-dealer-storefront .a2-showroom-post{
    min-height:46px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:12px;
    padding:0 20px;
}

/* MOBILE */
@media(max-width:760px){
    .a2-dealer-storefront .a2-dealer-card{
        min-height:500px;
        padding:24px 20px;
        grid-template-columns:86px minmax(0,1fr);
        gap:16px;
        align-content:end;
    }

    .a2-dealer-storefront .a2-hero-art{
        width:86px;
        height:86px;
        border-radius:16px;
        border-width:3px;
    }

    .a2-dealer-storefront .a2-hero-copy h1{
        font-size:32px;
    }

    .a2-dealer-storefront .a2-hero-copy > p:not(.a2-eyebrow){
        font-size:14px;
    }

    .a2-dealer-storefront .a2-hero-actions{
        grid-column:1/-1;
        width:100%;
    }

    .a2-storefront-nav .nan-shell{
        gap:22px;
        min-height:56px;
    }

    .a2-storefront-nav a{
        min-height:56px;
        font-size:12px;
    }

    .a2-dealer-storefront .a2-showroom{
        padding:22px 16px;
        border-radius:20px;
    }

    .a2-dealer-storefront .a2-showroom-empty{
        min-height:0;
        grid-template-columns:1fr;
        gap:20px;
        padding:24px 20px;
    }

    .a2-dealer-storefront .a2-showroom-empty-art{
        width:88px;
        height:88px;
        font-size:40px;
        border-radius:20px;
    }

    .a2-dealer-storefront .a2-showroom-empty h3{
        font-size:24px;
    }
}

/* ============================================================
   NAN DEALER HERO VISIBILITY FIX1
   Preserve uploaded dealership artwork.
   The banner is the visual authority; overlay is intentionally
   restrained to protect text without blacking out the image.
   ============================================================ */

.a2-dealer-storefront .a2-dealer-card.has-wallpaper {
    background-image:
        linear-gradient(
            90deg,
            rgba(2, 18, 12, .30) 0%,
            rgba(2, 18, 12, .18) 38%,
            rgba(2, 18, 12, .08) 68%,
            rgba(2, 18, 12, .04) 100%
        ),
        var(--a2-wallpaper) !important;

    background-size: cover !important;
    background-position: var(--a2-wallpaper-position, center center) !important;
    background-repeat: no-repeat !important;
}

/*
 * Give text its own readability rather than darkening
 * the entire dealership photograph.
 */
.a2-dealer-storefront .a2-dealer-card.has-wallpaper .a2-hero-copy {
    position: relative;
    z-index: 2;
    text-shadow:
        0 2px 4px rgba(0,0,0,.72),
        0 8px 24px rgba(0,0,0,.42);
}

.a2-dealer-storefront .a2-dealer-card.has-wallpaper .a2-hero-copy h1 {
    text-shadow:
        0 2px 5px rgba(0,0,0,.82),
        0 10px 30px rgba(0,0,0,.48);
}

.a2-dealer-storefront .a2-dealer-card.has-wallpaper .a2-hero-art,
.a2-dealer-storefront .a2-dealer-card.has-wallpaper .a2-hero-actions {
    position: relative;
    z-index: 2;
}

/*
 * Mobile: slightly stronger local contrast because the identity
 * content occupies more of the photograph, but keep the banner
 * clearly visible.
 */
@media (max-width: 760px) {
    .a2-dealer-storefront .a2-dealer-card.has-wallpaper {
        background-image:
            linear-gradient(
                180deg,
                rgba(2,18,12,.10) 0%,
                rgba(2,18,12,.18) 48%,
                rgba(2,18,12,.46) 100%
            ),
            var(--a2-wallpaper) !important;

        background-position: var(--a2-wallpaper-position, center center) !important;
    }
}


/* ============================================================
   NAN DEALER HERO FIDELITY FIX2
   Wallpaper artwork remains visually authoritative.
   Remove generic hero blackout from dealership wallpaper only.
   ============================================================ */

.a2-dealer-storefront .a2-dealer-card.has-wallpaper::after {
    background: transparent !important;
}

/*
 * Keep only a very light local wash.
 * Text readability is handled by text-shadow/buttons rather than
 * blacking out the dealership artwork.
 */
.a2-dealer-storefront .a2-dealer-card.has-wallpaper {
    background-image:
        linear-gradient(
            90deg,
            rgba(2,18,12,.10) 0%,
            rgba(2,18,12,.05) 38%,
            rgba(2,18,12,.02) 70%,
            rgba(2,18,12,0) 100%
        ),
        var(--a2-wallpaper) !important;

    background-size: cover !important;
    background-position: var(--a2-wallpaper-position, center center) !important;
    background-repeat: no-repeat !important;
}

/* Preserve strong identity readability without dimming the photograph. */
.a2-dealer-storefront .a2-dealer-card.has-wallpaper .a2-hero-copy {
    text-shadow:
        0 2px 5px rgba(0,0,0,.90),
        0 8px 26px rgba(0,0,0,.55);
}

.a2-dealer-storefront .a2-dealer-card.has-wallpaper .a2-hero-copy h1 {
    text-shadow:
        0 2px 6px rgba(0,0,0,.95),
        0 10px 32px rgba(0,0,0,.58);
}

/*
 * Mobile needs localized bottom contrast because content stacks.
 * Do not restore the generic ::after blackout.
 */
@media (max-width:760px) {
    .a2-dealer-storefront .a2-dealer-card.has-wallpaper {
        background-image:
            linear-gradient(
                180deg,
                rgba(2,18,12,.02) 0%,
                rgba(2,18,12,.08) 46%,
                rgba(2,18,12,.30) 100%
            ),
            var(--a2-wallpaper) !important;
    }
}


/* ============================================================
   NAN DEALER HERO TRUE COLOR FIX3
   Uploaded dealer artwork is rendered at native brightness.
   Global hero overlays are disabled for wallpaper storefronts.
   ============================================================ */

.a2-dealer-storefront .a2-dealer-card.has-wallpaper::before,
.a2-dealer-storefront .a2-dealer-card.has-wallpaper::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

/*
 * No global tint on desktop.
 * Render the uploaded dealership artwork itself.
 */
.a2-dealer-storefront .a2-dealer-card.has-wallpaper {
    background-image: var(--a2-wallpaper) !important;
    background-size: cover !important;
    background-position: var(--a2-wallpaper-position, center center) !important;
    background-repeat: no-repeat !important;
}

/*
 * Localized readability only.
 * These shadows affect text, never the photograph.
 */
.a2-dealer-storefront .a2-dealer-card.has-wallpaper .a2-hero-copy,
.a2-dealer-storefront .a2-dealer-card.has-wallpaper .a2-eyebrow,
.a2-dealer-storefront .a2-dealer-card.has-wallpaper .a2-meta-row {
    text-shadow:
        0 2px 5px rgba(0,0,0,.92),
        0 8px 24px rgba(0,0,0,.60);
}

.a2-dealer-storefront .a2-dealer-card.has-wallpaper .a2-hero-copy h1 {
    text-shadow:
        0 2px 6px rgba(0,0,0,.96),
        0 10px 30px rgba(0,0,0,.64);
}

/*
 * Mobile retains only a localized lower gradient because
 * identity/actions stack over more of the photograph.
 */
@media (max-width:760px) {
    .a2-dealer-storefront .a2-dealer-card.has-wallpaper {
        background-image:
            linear-gradient(
                180deg,
                rgba(0,0,0,0) 0%,
                rgba(0,0,0,.03) 48%,
                rgba(0,0,0,.22) 100%
            ),
            var(--a2-wallpaper) !important;
    }
}


/* ============================================================
   NAN DEALER HERO IMG FIX5
   Uploaded showroom artwork is a real image element.
   Image pixels remain authoritative; no tint/filter/opacity.
   ============================================================ */

.a2-dealer-storefront .a2-dealer-card.has-wallpaper {
    isolation: isolate;
    background: #071b12 !important;
}

.a2-dealer-storefront .a2-dealer-hero-image {
    position: absolute !important;
    z-index: 0 !important;
    inset: 0 !important;

    display: block !important;
    width: 100% !important;
    height: 100% !important;

    object-fit: cover !important;

    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;

    pointer-events: none;
}

.a2-dealer-storefront .a2-dealer-card.has-wallpaper::before,
.a2-dealer-storefront .a2-dealer-card.has-wallpaper::after {
    content: none !important;
    display: none !important;
}

.a2-dealer-storefront .a2-dealer-card.has-wallpaper > :not(.a2-dealer-hero-image) {
    position: relative;
    z-index: 2;
}

/*
 * Readability belongs to the foreground content,
 * never to the uploaded dealership photograph.
 */
.a2-dealer-storefront .a2-dealer-card.has-wallpaper .a2-hero-copy {
    text-shadow:
        0 2px 5px rgba(0,0,0,.88),
        0 8px 26px rgba(0,0,0,.52);
}

.a2-dealer-storefront .a2-dealer-card.has-wallpaper .a2-hero-copy h1 {
    text-shadow:
        0 2px 6px rgba(0,0,0,.94),
        0 10px 30px rgba(0,0,0,.58);
}


/* ============================================================
   NAN DEALER HERO CONTAINMENT FIX6
   Final authority for uploaded dealership hero artwork.

   The hero card is the containing block.
   The uploaded image fills and clips to the hero.
   No tint, opacity, filter or generic overlay touches the image.
   ============================================================ */

.a2-dealer-storefront .a2-hero-card.a2-dealer-card.has-wallpaper {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;

    /*
     * Keep a harmless fallback only.
     * The real uploaded image is rendered by the image element.
     */
    background: #071b12 !important;
    background-image: none !important;
}

/* Real uploaded showroom artwork. */
.a2-dealer-storefront
.a2-hero-card.a2-dealer-card.has-wallpaper
> .a2-dealer-hero-image {
    position: absolute !important;
    inset: 0 !important;

    width: 100% !important;
    height: 100% !important;
    max-width: none !important;

    display: block !important;

    object-fit: cover !important;
    object-position: center center !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;

    z-index: 0 !important;
    pointer-events: none !important;
}

/* Absolutely no generic hero wash over uploaded artwork. */
.a2-dealer-storefront
.a2-hero-card.a2-dealer-card.has-wallpaper::before,
.a2-dealer-storefront
.a2-hero-card.a2-dealer-card.has-wallpaper::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

/* All real storefront content sits above the photograph. */
.a2-dealer-storefront
.a2-hero-card.a2-dealer-card.has-wallpaper
> :not(.a2-dealer-hero-image) {
    position: relative !important;
    z-index: 2 !important;
}

/*
 * Readability is attached only to foreground text.
 * It does not modify the photograph.
 */
.a2-dealer-storefront
.a2-hero-card.a2-dealer-card.has-wallpaper
.a2-hero-copy {
    text-shadow:
        0 2px 5px rgba(0,0,0,.88),
        0 8px 26px rgba(0,0,0,.52);
}

.a2-dealer-storefront
.a2-hero-card.a2-dealer-card.has-wallpaper
.a2-hero-copy h1 {
    text-shadow:
        0 2px 6px rgba(0,0,0,.94),
        0 10px 30px rgba(0,0,0,.58);
}

/*
 * Mobile:
 * same real image, same containment.
 * No mobile gradient over the dealership artwork.
 */
@media (max-width:760px) {
    .a2-dealer-storefront
    .a2-hero-card.a2-dealer-card.has-wallpaper {
        position: relative !important;
        overflow: hidden !important;
        background-image: none !important;
    }

    .a2-dealer-storefront
    .a2-hero-card.a2-dealer-card.has-wallpaper
    > .a2-dealer-hero-image {
        position: absolute !important;
        inset: 0 !important;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* ============================================================
   NAN DEALER HERO BG FINAL2 START
   Authoritative rendering:
   dealer_profiles.wallpaper_path -> Laravel CSS variable -> hero background
   ============================================================ */

.a2-dealer-storefront .a2-hero-card.a2-dealer-card.has-wallpaper {
    position: relative !important;
    overflow: hidden !important;

    background-color: #071b12 !important;
    background-image: var(--a2-wallpaper) !important;
    background-size: cover !important;
    background-position: var(--a2-wallpaper-position, center center) !important;
    background-repeat: no-repeat !important;
}

.a2-dealer-storefront .a2-hero-card.a2-dealer-card.has-wallpaper::before,
.a2-dealer-storefront .a2-hero-card.a2-dealer-card.has-wallpaper::after {
    content: none !important;
    display: none !important;
    background: none !important;
}

.a2-dealer-storefront .a2-hero-card.a2-dealer-card.has-wallpaper > * {
    position: relative;
    z-index: 2;
}

/* NAN DEALER HERO BG FINAL2 END */

/* ============================================================
   NAN DEALER HERO NATIVE IMAGE1 START

   LOCKED PRESENTATION RULE:
   Uploaded dealership artwork is displayed untouched.

   - no tint
   - no gradient
   - no opacity
   - no filter
   - no blend mode
   - no pseudo overlay
   - no dealership text/actions over artwork
   ============================================================ */

/*
 * The hero card becomes the dealership artwork itself.
 * Aspect ratio follows the uploaded Charlie Rose banner format.
 */
.a2-dealer-storefront
.a2-hero-card.a2-dealer-card.has-wallpaper {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    aspect-ratio: 1983 / 793 !important;

    min-height: 0 !important;
    height: auto !important;

    padding: 0 !important;

    overflow: hidden !important;

    background-color: transparent !important;
    background-image: var(--a2-wallpaper) !important;
    background-size: cover !important;
    background-position: var(--a2-wallpaper-position, center center) !important;
    background-repeat: no-repeat !important;

    opacity: 1 !important;
    filter: none !important;
    mix-blend-mode: normal !important;
}

/* Absolutely nothing is painted over the uploaded artwork. */
.a2-dealer-storefront
.a2-hero-card.a2-dealer-card.has-wallpaper::before,
.a2-dealer-storefront
.a2-hero-card.a2-dealer-card.has-wallpaper::after {
    content: none !important;
    display: none !important;
    background: none !important;
    opacity: 0 !important;
}

/*
 * When a dealership has uploaded hero artwork, identity and
 * contact controls do not cover the photograph.
 */
.a2-dealer-storefront
.a2-hero-card.a2-dealer-card.has-wallpaper > .a2-hero-art,
.a2-dealer-storefront
.a2-hero-card.a2-dealer-card.has-wallpaper > .a2-hero-copy,
.a2-dealer-storefront
.a2-hero-card.a2-dealer-card.has-wallpaper > .a2-hero-actions {
    display: none !important;
}

/*
 * Mobile follows the exact same rule.
 * No special mobile darkening or gradient.
 */
@media (max-width:760px) {
    .a2-dealer-storefront
    .a2-hero-card.a2-dealer-card.has-wallpaper {
        display: block !important;

        width: 100% !important;
        aspect-ratio: 1983 / 793 !important;

        min-height: 0 !important;
        height: auto !important;

        padding: 0 !important;

        background-color: transparent !important;
        background-image: var(--a2-wallpaper) !important;
        background-size: cover !important;
        background-position: var(--a2-wallpaper-position, center center) !important;
        background-repeat: no-repeat !important;

        opacity: 1 !important;
        filter: none !important;
        mix-blend-mode: normal !important;
    }
}

/* NAN DEALER HERO NATIVE IMAGE1 END */

/* ============================================================
   NAN PREMIUM DEALER STOREFRONT V2A START

   Presentation authority only.
   Existing Laravel/database authorities remain unchanged.

   HERO LOCK:
   Uploaded dealer hero artwork remains untouched.
   ============================================================ */


/* ------------------------------------------------------------
   PAGE RHYTHM
   ------------------------------------------------------------ */

.a2-dealer-storefront {
    background:
        linear-gradient(180deg,#f6f9f7 0,#ffffff 620px);
}

.a2-dealer-storefront .nan-shell {
    width: min(1240px, calc(100% - 40px));
}


/* ------------------------------------------------------------
   HERO

   Do not repaint the artwork.
   Existing NATIVE IMAGE1 remains authoritative.
   ------------------------------------------------------------ */

.a2-dealer-storefront .a2-detail-hero {
    padding-bottom: 0;
}

.a2-dealer-storefront
.a2-hero-card.a2-dealer-card.has-wallpaper {
    border-radius: 20px !important;

    box-shadow:
        0 22px 60px rgba(7,28,19,.13),
        0 3px 12px rgba(7,28,19,.07);

    border: 1px solid rgba(9,66,43,.10);
}


/* ------------------------------------------------------------
   PREMIUM DEALER IDENTITY BAR
   ------------------------------------------------------------ */

.a2-premium-dealer-identity {
    position: relative;
    z-index: 6;

    margin-top: 0;
    padding: 0 0 18px;
}

.a2-premium-identity-card {
    display: flex;
    align-items: center;
    justify-content: space-between;

    gap: 28px;

    min-height: 142px;

    padding: 22px 24px;

    background: rgba(255,255,255,.98);

    border:
        1px solid rgba(8,69,45,.11);

    border-radius: 0 0 20px 20px;

    box-shadow:
        0 18px 45px rgba(8,45,31,.09);

    backdrop-filter: blur(14px);
}

.a2-premium-brand {
    display: flex;
    align-items: center;

    min-width: 0;

    gap: 18px;
}

.a2-premium-logo {
    flex: 0 0 92px;

    width: 92px;
    height: 92px;

    display: grid;
    place-items: center;

    overflow: hidden;

    background: #fff;

    border:
        1px solid rgba(6,79,49,.12);

    border-radius: 18px;

    box-shadow:
        0 10px 30px rgba(7,43,29,.10);
}

.a2-premium-logo img {
    display: block;

    width: 100%;
    height: 100%;

    padding: 8px;

    object-fit: contain;
}

.a2-premium-logo span {
    color: #087647;

    font:
        900 30px/1 Georgia,serif;
}

.a2-premium-brand-copy {
    min-width: 0;
}

.a2-premium-name-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 10px;
}

.a2-premium-name-row h1 {
    margin: 0;

    color: #102019;

    font-size:
        clamp(25px,2.5vw,36px);

    line-height: 1.08;

    letter-spacing: -.035em;
}

.a2-premium-verified {
    display: inline-flex;
    align-items: center;

    min-height: 28px;

    padding: 0 10px;

    color: #087647;

    background: #eaf8f1;

    border:
        1px solid rgba(8,118,71,.16);

    border-radius: 999px;

    font-size: 11px;
    font-weight: 900;

    white-space: nowrap;
}

.a2-premium-tagline {
    max-width: 690px;

    margin: 7px 0 0;

    color: #53645c;

    font-size: 14px;
    line-height: 1.55;
}

.a2-premium-facts {
    display: flex;
    align-items: center;
    flex-wrap: wrap;

    gap: 8px 16px;

    margin-top: 11px;

    color: #63736b;

    font-size: 12px;
    font-weight: 750;
}

.a2-premium-facts span,
.a2-premium-facts a {
    color: inherit;

    text-decoration: none;
}

.a2-premium-facts a:hover {
    color: #087647;
}

.a2-premium-rating {
    color: #8b6500 !important;
}

.a2-premium-actions {
    flex: 0 0 auto;

    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;

    max-width: 410px;

    gap: 9px;
}

.a2-premium-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;

    min-height: 44px;

    padding: 0 16px;

    color: #173127;

    background: #fff;

    border:
        1px solid #d7e2dc;

    border-radius: 10px;

    text-decoration: none;

    font-size: 12px;
    font-weight: 900;

    transition:
        transform .16s ease,
        box-shadow .16s ease,
        border-color .16s ease;
}

.a2-premium-action:hover {
    transform: translateY(-1px);

    border-color: #a8c8b7;

    box-shadow:
        0 8px 20px rgba(8,67,44,.09);
}

.a2-premium-action-primary {
    color: #fff;

    background: #087647;

    border-color: #087647;

    box-shadow:
        0 8px 20px rgba(8,118,71,.18);
}

.a2-premium-action-primary:hover {
    color: #fff;

    background: #06663d;
}

.a2-premium-action-quiet {
    color: #087647;
}


/* ------------------------------------------------------------
   PREMIUM CONTEXT NAV
   ------------------------------------------------------------ */

.a2-dealer-storefront .a2-storefront-nav {
    position: sticky;
    top: 0;
    z-index: 20;

    margin: 0 0 22px;

    background: rgba(255,255,255,.96);

    border-top:
        1px solid rgba(9,66,43,.06);

    border-bottom:
        1px solid rgba(9,66,43,.10);

    box-shadow:
        0 7px 24px rgba(8,44,30,.05);

    backdrop-filter: blur(16px);
}

.a2-dealer-storefront .a2-storefront-nav .nan-shell {
    display: flex;
    align-items: center;

    gap: 5px;

    overflow-x: auto;

    scrollbar-width: none;
}

.a2-dealer-storefront
.a2-storefront-nav
.nan-shell::-webkit-scrollbar {
    display: none;
}

.a2-dealer-storefront .a2-storefront-nav a {
    position: relative;

    display: inline-flex;
    align-items: center;

    min-height: 56px;

    padding: 0 15px;

    color: #4f6158;

    text-decoration: none;

    font-size: 12px;
    font-weight: 900;

    white-space: nowrap;
}

.a2-dealer-storefront .a2-storefront-nav a:hover {
    color: #087647;
}

.a2-dealer-storefront .a2-storefront-nav a:first-child {
    color: #087647;
}

.a2-dealer-storefront
.a2-storefront-nav
a:first-child::after {
    content: "";

    position: absolute;

    right: 15px;
    bottom: 0;
    left: 15px;

    height: 3px;

    background: #087647;

    border-radius: 3px 3px 0 0;
}


/* ------------------------------------------------------------
   MAIN STOREFRONT LAYOUT
   ------------------------------------------------------------ */

.a2-dealer-storefront .a2-detail-grid.a2-dealer-layout {
    align-items: start;

    gap: 22px;

    padding-top: 0;
    padding-bottom: 54px;
}

.a2-dealer-storefront .a2-panel {
    border:
        1px solid rgba(9,67,44,.10);

    border-radius: 18px;

    background: #fff;

    box-shadow:
        0 12px 34px rgba(8,43,30,.055);
}

.a2-dealer-storefront .a2-section-heading {
    margin-bottom: 18px;
}

.a2-dealer-storefront .a2-section-heading strong,
.a2-dealer-storefront .a2-section-heading h2 {
    color: #14271e;

    letter-spacing: -.025em;
}


/* ------------------------------------------------------------
   SHOWROOM = PRIMARY MERCHANDISING SURFACE
   ------------------------------------------------------------ */

.a2-dealer-storefront .a2-showroom {
    position: relative;

    padding: 28px !important;

    border:
        1px solid rgba(8,118,71,.14);

    box-shadow:
        0 18px 46px rgba(8,52,35,.075);
}

.a2-dealer-storefront
.a2-showroom
.a2-section-heading {
    padding-bottom: 17px;

    border-bottom:
        1px solid #edf2ef;
}

.a2-dealer-storefront .a2-showroom h2 {
    margin: 0;

    font-size:
        clamp(25px,3vw,34px);

    line-height: 1.1;
}

.a2-dealer-storefront .a2-showroom-grid {
    gap: 18px;
}

.a2-dealer-storefront
.a2-showroom-grid
.a2-vehicle-card,
.a2-dealer-storefront
.a2-showroom-grid
.vehicle-card {
    border-radius: 15px;

    overflow: hidden;

    border:
        1px solid rgba(9,66,43,.09);

    box-shadow:
        0 9px 25px rgba(8,43,30,.06);
}


/* ------------------------------------------------------------
   ABOUT / SERVICES / MESSAGE / REVIEWS
   ------------------------------------------------------------ */

.a2-dealer-storefront .a2-dealer-about,
.a2-dealer-storefront .a2-dealer-services,
.a2-dealer-storefront .a2-dealer-message-panel,
.a2-dealer-storefront .a2-dealer-review-panel,
.a2-dealer-storefront .a2-dealer-testimonials {
    padding: 25px;
}

.a2-dealer-storefront .a2-dealer-services {
    background:
        linear-gradient(180deg,#fff,#fbfdfc);
}

.a2-dealer-storefront .a2-dealer-message-panel {
    border-top:
        4px solid #087647;
}

.a2-dealer-storefront .a2-dealer-review-panel {
    border-top:
        4px solid #dca900;
}

.a2-dealer-storefront
.a2-dealer-review-summary {
    padding: 16px 18px;

    background: #f7faf8;

    border:
        1px solid #e6eee9;

    border-radius: 13px;
}

.a2-dealer-storefront
.a2-dealer-review-card {
    border:
        1px solid #e4ece7;

    border-radius: 14px;

    box-shadow:
        0 8px 22px rgba(8,43,30,.045);

    transition:
        transform .16s ease,
        box-shadow .16s ease;
}

.a2-dealer-storefront
.a2-dealer-review-card:hover {
    transform: translateY(-2px);

    box-shadow:
        0 13px 30px rgba(8,43,30,.08);
}


/* ------------------------------------------------------------
   INFORMATION / LOCATION / HOURS RAIL
   ------------------------------------------------------------ */

.a2-dealer-storefront .a2-side-column .a2-panel {
    padding: 21px;
}

.a2-dealer-storefront .a2-contact-card {
    border-top:
        4px solid #087647;
}

.a2-dealer-storefront .a2-side-column strong {
    color: #173127;
}


/* ------------------------------------------------------------
   TABLET
   ------------------------------------------------------------ */

@media (max-width:1050px) {

    .a2-premium-identity-card {
        align-items: flex-start;
        flex-direction: column;
    }

    .a2-premium-actions {
        justify-content: flex-start;

        max-width: none;
        width: 100%;
    }

}


/* ------------------------------------------------------------
   MOBILE RELEASE GATE
   ------------------------------------------------------------ */

@media (max-width:700px) {

    .a2-dealer-storefront .nan-shell {
        width:
            min(100% - 24px,1240px);
    }

    /*
     * HERO REMAINS THE UPLOADED ARTWORK.
     * No mobile overlay/treatment is introduced here.
     */

    .a2-dealer-storefront
    .a2-hero-card.a2-dealer-card.has-wallpaper {
        border-radius: 14px !important;
    }

    .a2-premium-dealer-identity {
        padding-bottom: 12px;
    }

    .a2-premium-identity-card {
        min-height: 0;

        padding: 17px;

        gap: 18px;

        border-radius:
            0 0 15px 15px;
    }

    .a2-premium-brand {
        align-items: flex-start;

        gap: 13px;

        width: 100%;
    }

    .a2-premium-logo {
        flex-basis: 68px;

        width: 68px;
        height: 68px;

        border-radius: 13px;
    }

    .a2-premium-logo img {
        padding: 6px;
    }

    .a2-premium-name-row {
        align-items: flex-start;
    }

    .a2-premium-name-row h1 {
        font-size: 23px;
    }

    .a2-premium-tagline {
        font-size: 13px;
    }

    .a2-premium-facts {
        align-items: flex-start;
        flex-direction: column;

        gap: 6px;

        margin-top: 9px;
    }

    .a2-premium-actions {
        display: grid;
        grid-template-columns:
            repeat(2,minmax(0,1fr));

        gap: 8px;
    }

    .a2-premium-action {
        width: 100%;

        min-height: 46px;

        padding: 0 10px;
    }

    .a2-dealer-storefront .a2-storefront-nav {
        margin-bottom: 14px;
    }

    .a2-dealer-storefront .a2-storefront-nav .nan-shell {
        width: 100%;

        padding: 0 12px;
    }

    .a2-dealer-storefront .a2-storefront-nav a {
        min-height: 50px;

        padding: 0 12px;
    }

    .a2-dealer-storefront .a2-detail-grid.a2-dealer-layout {
        gap: 13px;

        padding-bottom: 34px;
    }

    .a2-dealer-storefront .a2-panel,
    .a2-dealer-storefront .a2-showroom,
    .a2-dealer-storefront .a2-dealer-about,
    .a2-dealer-storefront .a2-dealer-services,
    .a2-dealer-storefront .a2-dealer-message-panel,
    .a2-dealer-storefront .a2-dealer-review-panel,
    .a2-dealer-storefront .a2-dealer-testimonials {
        padding: 18px !important;

        border-radius: 14px;
    }

    .a2-dealer-storefront .a2-showroom-grid {
        grid-template-columns: 1fr !important;
    }

}


/* ------------------------------------------------------------
   SMALL MOBILE
   ------------------------------------------------------------ */

@media (max-width:430px) {

    .a2-premium-brand {
        flex-direction: column;
    }

    .a2-premium-logo {
        width: 72px;
        height: 72px;

        flex-basis: 72px;
    }

    .a2-premium-actions {
        grid-template-columns: 1fr 1fr;
    }

}


/* NAN PREMIUM DEALER STOREFRONT V2A END */

/* ============================================================
   NAN PREMIUM DEALER STOREFRONT V2B CSS START
   Presentation only.
   Hero artwork remains untouched.
   ============================================================ */

.a2-dealer-storefront {
    --nan-dealer-green:#087647;
    --nan-dealer-dark:#10271d;
    --nan-dealer-muted:#62736a;
    --nan-dealer-border:#e1ebe5;
    --nan-dealer-soft:#f7faf8;
}


/* ------------------------------------------------------------
   PREMIUM IDENTITY STRIP
   ------------------------------------------------------------ */

.a2-premium-dealer-identity {
    position:relative;
    z-index:3;
}

.a2-premium-identity-card {
    padding:20px 22px !important;

    border:1px solid var(--nan-dealer-border) !important;
    border-top:0 !important;

    border-radius:0 0 18px 18px !important;

    background:#fff !important;

    box-shadow:
        0 16px 38px rgba(8,45,31,.075) !important;
}

.a2-premium-logo {
    flex:0 0 auto;

    box-shadow:
        0 7px 20px rgba(10,45,32,.08);
}

.a2-premium-name-row h1 {
    margin:0 !important;

    color:var(--nan-dealer-dark) !important;

    font-size:clamp(27px,2.3vw,35px) !important;
    font-weight:900 !important;
    letter-spacing:-.035em !important;
    line-height:1.05 !important;
}

.a2-premium-tagline {
    margin-top:6px !important;

    color:#596b61 !important;

    font-size:13px !important;
    line-height:1.45 !important;
}

.a2-premium-facts {
    margin-top:9px !important;

    gap:7px 14px !important;

    color:#66776e !important;

    font-size:12px !important;
    font-weight:700 !important;
}

.a2-premium-rating {
    color:#855f00 !important;
}

.a2-premium-actions {
    gap:8px !important;
}

.a2-premium-action {
    min-height:42px !important;

    padding:0 16px !important;

    border-radius:9px !important;

    font-size:12px !important;
    font-weight:850 !important;

    box-shadow:none !important;
}

.a2-premium-action.primary {
    box-shadow:
        0 8px 20px rgba(8,118,71,.16) !important;
}


/* ------------------------------------------------------------
   STOREFRONT NAVIGATION
   ------------------------------------------------------------ */

.a2-dealer-storefront .a2-storefront-nav {
    margin-top:16px !important;
    margin-bottom:18px !important;

    border-top:1px solid #edf2ef !important;
    border-bottom:1px solid #e4ebe7 !important;

    background:#fff !important;

    box-shadow:
        0 6px 18px rgba(8,44,30,.035) !important;
}

.a2-dealer-storefront .a2-storefront-nav > * {
    min-height:52px;
}

.a2-dealer-storefront .a2-storefront-nav a {
    position:relative;

    display:inline-flex;
    align-items:center;

    min-height:52px !important;

    padding:0 15px !important;

    color:#42564b !important;

    font-size:12px !important;
    font-weight:800 !important;

    text-decoration:none !important;
}

.a2-dealer-storefront .a2-storefront-nav a:hover {
    color:var(--nan-dealer-green) !important;
}


/* ------------------------------------------------------------
   MAIN DEALER LAYOUT
   ------------------------------------------------------------ */

.a2-dealer-storefront .a2-detail-grid.a2-dealer-layout {
    align-items:start !important;
    gap:18px !important;
}

@media (min-width:1000px) {

    .a2-dealer-storefront .a2-detail-grid.a2-dealer-layout {
        grid-template-columns:
            minmax(0,2.15fr)
            minmax(270px,.88fr) !important;
    }

}


/* ------------------------------------------------------------
   SHOWROOM — PRIMARY DESTINATION
   ------------------------------------------------------------ */

.a2-dealer-storefront .a2-showroom {
    padding:24px !important;

    border:1px solid #dce8e1 !important;

    border-radius:18px !important;

    background:#fff !important;

    box-shadow:
        0 14px 38px rgba(8,52,35,.065) !important;
}

.a2-dealer-storefront
.a2-showroom
.a2-section-heading {
    margin-bottom:20px !important;
    padding-bottom:17px !important;

    border-bottom:1px solid #e8efeb !important;
}

.a2-dealer-storefront
.a2-showroom
.a2-section-kicker {
    margin-bottom:5px !important;

    color:var(--nan-dealer-green) !important;

    font-size:10px !important;
    font-weight:950 !important;
    letter-spacing:.16em !important;
}

.a2-dealer-storefront .a2-showroom h2 {
    margin:0 !important;

    color:var(--nan-dealer-dark) !important;

    font-size:clamp(25px,2.35vw,31px) !important;
    font-weight:900 !important;

    letter-spacing:-.035em !important;
    line-height:1.08 !important;
}

.a2-dealer-storefront
.a2-showroom
.a2-section-heading p {
    max-width:650px !important;

    margin-top:5px !important;
    margin-bottom:0 !important;

    color:var(--nan-dealer-muted) !important;

    line-height:1.55 !important;
}


/* ------------------------------------------------------------
   SHOWROOM OWNER ZERO STATE
   ------------------------------------------------------------ */

.a2-dealer-storefront
.a2-showroom
.a2-showroom-empty,
.a2-dealer-storefront
.a2-showroom
.a2-empty-state {
    border-radius:17px !important;

    background:
        linear-gradient(
            135deg,
            #fbfefc 0%,
            #f5faf7 100%
        ) !important;
}

.a2-dealer-storefront
.a2-showroom
.a2-showroom-empty h3,
.a2-dealer-storefront
.a2-showroom
.a2-empty-state h3 {
    color:var(--nan-dealer-dark) !important;

    font-weight:900 !important;
    letter-spacing:-.025em !important;
}


/* ------------------------------------------------------------
   GENERAL CONTENT PANELS
   ------------------------------------------------------------ */

.a2-dealer-storefront .a2-main-column {
    gap:16px !important;
}

.a2-dealer-storefront .a2-main-column > .a2-panel {
    border:1px solid #e1e9e4 !important;

    border-radius:17px !important;

    background:#fff !important;

    box-shadow:
        0 8px 25px rgba(8,43,30,.045) !important;
}

.a2-dealer-storefront
.a2-main-column
.a2-panel
.a2-section-kicker {
    color:var(--nan-dealer-green) !important;

    font-size:10px !important;
    font-weight:950 !important;

    letter-spacing:.15em !important;
}

.a2-dealer-storefront
.a2-main-column
.a2-panel h2 {
    color:var(--nan-dealer-dark) !important;

    font-weight:900 !important;
    letter-spacing:-.025em !important;
}


/* ------------------------------------------------------------
   ABOUT
   ------------------------------------------------------------ */

.a2-dealer-storefront .a2-dealer-about {
    background:
        linear-gradient(
            135deg,
            #fff 0%,
            #fcfefd 100%
        ) !important;
}


/* ------------------------------------------------------------
   MESSAGING — SECONDARY TO SHOWROOM
   ------------------------------------------------------------ */

.a2-dealer-storefront .a2-dealer-message-panel {
    border-top:
        2px solid #dce9e2 !important;

    box-shadow:
        0 7px 22px rgba(8,43,30,.035) !important;
}


/* ------------------------------------------------------------
   REVIEWS
   ------------------------------------------------------------ */

.a2-dealer-storefront .a2-dealer-review-panel {
    border-top:
        3px solid #d5a400 !important;
}

.a2-dealer-storefront .a2-dealer-testimonials {
    background:
        linear-gradient(
            180deg,
            #fff,
            #fdfefd
        ) !important;
}


/* ------------------------------------------------------------
   CUSTOMER-FACING RIGHT RAIL
   ------------------------------------------------------------ */

.a2-dealer-storefront .a2-side-column {
    display:grid !important;

    gap:14px !important;
}

.a2-dealer-storefront
.a2-side-column
.a2-panel {
    padding:19px !important;

    border:1px solid #e1e9e4 !important;
    border-radius:17px !important;

    background:#fff !important;

    box-shadow:
        0 10px 28px rgba(8,43,30,.055) !important;
}

.a2-dealer-storefront
.a2-side-column
.a2-panel:first-child {
    border-top:
        3px solid var(--nan-dealer-green) !important;
}

.a2-dealer-storefront
.a2-side-column
.a2-section-kicker {
    color:var(--nan-dealer-green) !important;

    font-size:10px !important;
    font-weight:950 !important;

    letter-spacing:.15em !important;
}

.a2-dealer-storefront
.a2-side-column
h2,
.a2-dealer-storefront
.a2-side-column
h3 {
    color:var(--nan-dealer-dark) !important;

    font-weight:900 !important;
}

.a2-dealer-storefront
.a2-side-column p {
    color:#617269 !important;

    line-height:1.5 !important;
}

.a2-dealer-storefront
.a2-side-column a {
    color:var(--nan-dealer-green) !important;

    font-weight:800 !important;
}


/* ------------------------------------------------------------
   MOBILE FOUNDATION
   ------------------------------------------------------------ */

@media (max-width:700px) {

    .a2-premium-identity-card {
        padding:16px !important;

        border-radius:
            0 0 15px 15px !important;
    }

    .a2-premium-name-row h1 {
        font-size:22px !important;
    }

    .a2-premium-actions {
        width:100% !important;
    }

    .a2-premium-action {
        min-height:44px !important;
    }

    .a2-dealer-storefront .a2-storefront-nav {
        overflow-x:auto !important;

        -webkit-overflow-scrolling:touch;
    }

    .a2-dealer-storefront .a2-storefront-nav a {
        flex:0 0 auto !important;

        min-height:48px !important;

        padding:0 13px !important;
    }

    .a2-dealer-storefront .a2-showroom {
        padding:17px !important;

        border-radius:15px !important;
    }

    .a2-dealer-storefront .a2-showroom h2 {
        font-size:24px !important;
    }

    .a2-dealer-storefront
    .a2-main-column > .a2-panel,
    .a2-dealer-storefront
    .a2-side-column .a2-panel {
        border-radius:15px !important;
    }

}

/* NAN PREMIUM DEALER STOREFRONT V2B CSS END */

/* ============================================================
   NAN PREMIUM DEALER STOREFRONT V2C START

   PURPOSE
   - Tighten premium storefront hierarchy
   - Make Showroom the primary destination
   - Upgrade information rail
   - Improve responsive/mobile behavior

   LOCKED
   - Uploaded hero artwork remains untouched
   - No tint
   - No gradient over hero
   - No opacity/filter
   - No hero overlay
   - No data authority changes
   ============================================================ */


/* ============================================================
   01 — STOREFRONT CANVAS
   ============================================================ */

.a2-dealer-storefront {
    background:
        linear-gradient(
            180deg,
            #ffffff 0,
            #ffffff 560px,
            #f8faf9 900px,
            #ffffff 100%
        ) !important;
}


/* ============================================================
   02 — HERO → IDENTITY CONNECTION
   Do not alter the uploaded artwork itself.
   ============================================================ */

.a2-dealer-storefront .a2-detail-hero {
    margin-bottom:0 !important;
}

.a2-premium-dealer-identity {
    margin-top:0 !important;
    margin-bottom:0 !important;
}

.a2-premium-identity-card {
    position:relative !important;

    min-height:104px !important;

    padding:17px 20px !important;

    border-top:0 !important;

    box-shadow:
        0 14px 34px rgba(7,44,29,.07) !important;
}

.a2-premium-brand {
    min-width:0 !important;
}

.a2-premium-logo {
    width:74px !important;
    height:74px !important;

    padding:7px !important;

    border:1px solid #dfe9e3 !important;
    border-radius:14px !important;

    background:#fff !important;
}

.a2-premium-logo img {
    width:100% !important;
    height:100% !important;

    object-fit:contain !important;
}

.a2-premium-eyebrow {
    margin-bottom:2px !important;

    color:#52675c !important;

    font-size:11px !important;
    font-weight:850 !important;
    letter-spacing:.07em !important;
}

.a2-premium-name-row h1 {
    font-size:clamp(26px,2.2vw,34px) !important;
}

.a2-premium-tagline {
    margin-top:4px !important;
}

.a2-premium-facts {
    margin-top:6px !important;
}

.a2-premium-actions {
    align-self:center !important;
}


/* ============================================================
   03 — NAVIGATION
   Bring it visually into the storefront header.
   ============================================================ */

.a2-dealer-storefront .a2-storefront-nav {
    margin-top:8px !important;
    margin-bottom:16px !important;

    border-top:1px solid #edf2ef !important;
    border-bottom:1px solid #e2eae5 !important;

    box-shadow:none !important;
}

.a2-dealer-storefront .a2-storefront-nav > * {
    min-height:50px !important;
}

.a2-dealer-storefront .a2-storefront-nav a {
    min-height:50px !important;

    padding-left:14px !important;
    padding-right:14px !important;

    font-size:12px !important;
    font-weight:850 !important;
}

.a2-dealer-storefront
.a2-storefront-nav a:first-child {
    color:#086f45 !important;
}


/* ============================================================
   04 — MAIN MARKETPLACE GRID
   ============================================================ */

.a2-dealer-storefront
.a2-detail-grid.a2-dealer-layout {
    gap:18px !important;

    padding-top:0 !important;
}

@media (min-width:1050px) {

    .a2-dealer-storefront
    .a2-detail-grid.a2-dealer-layout {
        grid-template-columns:
            minmax(0, 2.28fr)
            minmax(275px, .82fr) !important;
    }

}


/* ============================================================
   05 — SHOWROOM
   This is the commercial heart of the dealer page.
   ============================================================ */

.a2-dealer-storefront .a2-showroom {
    position:relative !important;

    padding:24px 24px 26px !important;

    border:1px solid #dce7e1 !important;
    border-radius:18px !important;

    background:#fff !important;

    box-shadow:
        0 16px 42px rgba(8,50,34,.065) !important;
}

.a2-dealer-storefront .a2-showroom::before {
    content:"" !important;

    position:absolute !important;
    top:-1px !important;
    left:24px !important;

    width:64px !important;
    height:3px !important;

    border-radius:0 0 4px 4px !important;

    background:#087647 !important;
}

.a2-dealer-storefront
.a2-showroom
.a2-section-heading {
    display:flex !important;
    align-items:flex-start !important;
    justify-content:space-between !important;

    gap:18px !important;

    margin-bottom:20px !important;
    padding-bottom:18px !important;

    border-bottom:1px solid #e8efeb !important;
}

.a2-dealer-storefront
.a2-showroom
.a2-section-heading > div {
    min-width:0 !important;
}

.a2-dealer-storefront
.a2-showroom
.a2-section-kicker {
    margin-bottom:5px !important;
}

.a2-dealer-storefront
.a2-showroom h2 {
    max-width:720px !important;

    font-size:clamp(27px,2.4vw,34px) !important;
    line-height:1.06 !important;
}

.a2-dealer-storefront
.a2-showroom
.a2-section-heading p {
    max-width:660px !important;

    margin-top:6px !important;

    font-size:14px !important;
}


/* ============================================================
   06 — SHOWROOM OWNER CTA
   ============================================================ */

.a2-dealer-storefront
.a2-showroom a[href*="/sell/vehicle"] {
    min-height:42px !important;

    padding:0 17px !important;

    border-radius:10px !important;

    box-shadow:
        0 8px 20px rgba(8,118,71,.15) !important;

    white-space:nowrap !important;
}


/* ============================================================
   07 — EMPTY SHOWROOM
   Turn empty inventory into a purposeful onboarding state.
   ============================================================ */

.a2-dealer-storefront
.a2-showroom
.a2-showroom-empty,
.a2-dealer-storefront
.a2-showroom
.a2-empty-state {
    position:relative !important;

    min-height:245px !important;

    padding:34px !important;

    border:1px dashed #b8d8c6 !important;
    border-radius:18px !important;

    background:
        radial-gradient(
            circle at 16% 20%,
            rgba(8,118,71,.055),
            transparent 32%
        ),
        linear-gradient(
            135deg,
            #fcfefd 0%,
            #f5faf7 100%
        ) !important;
}

.a2-dealer-storefront
.a2-showroom
.a2-showroom-empty h3,
.a2-dealer-storefront
.a2-showroom
.a2-empty-state h3 {
    font-size:clamp(24px,2.1vw,31px) !important;

    line-height:1.08 !important;
}

.a2-dealer-storefront
.a2-showroom
.a2-showroom-empty p,
.a2-dealer-storefront
.a2-showroom
.a2-empty-state p {
    max-width:570px !important;

    color:#607269 !important;

    font-size:14px !important;
    line-height:1.6 !important;
}


/* ============================================================
   08 — REAL VEHICLE GRID
   Existing vehicle-card authority remains unchanged.
   ============================================================ */

.a2-dealer-storefront .a2-showroom-grid {
    gap:16px !important;
}

@media (min-width:760px) {

    .a2-dealer-storefront .a2-showroom-grid {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

}


/* ============================================================
   09 — LOWER CONTENT HIERARCHY
   ============================================================ */

.a2-dealer-storefront
.a2-main-column {
    gap:16px !important;
}

.a2-dealer-storefront
.a2-main-column > .a2-panel:not(.a2-showroom) {
    padding:22px !important;

    border:1px solid #e2eae5 !important;
    border-radius:17px !important;

    box-shadow:
        0 7px 22px rgba(8,43,30,.035) !important;
}

.a2-dealer-storefront
.a2-main-column > .a2-panel:not(.a2-showroom) h2 {
    margin-top:3px !important;
    margin-bottom:12px !important;

    font-size:23px !important;
}


/* ============================================================
   10 — ABOUT PANEL
   ============================================================ */

.a2-dealer-storefront .a2-dealer-about {
    background:
        linear-gradient(
            145deg,
            #fff 0%,
            #fbfdfc 100%
        ) !important;
}

.a2-dealer-storefront
.a2-dealer-about > p:last-child {
    max-width:780px !important;

    color:#5f7067 !important;

    line-height:1.65 !important;
}


/* ============================================================
   11 — RIGHT RAIL
   Dealer Information / Trust hierarchy.
   ============================================================ */

.a2-dealer-storefront .a2-side-column {
    gap:14px !important;
}

.a2-dealer-storefront
.a2-side-column > .a2-panel {
    position:relative !important;

    padding:19px 18px !important;

    overflow:hidden !important;

    border:1px solid #dfe8e3 !important;
    border-radius:17px !important;

    background:#fff !important;

    box-shadow:
        0 10px 27px rgba(8,43,30,.05) !important;
}

.a2-dealer-storefront
.a2-side-column > .a2-panel:first-child {
    border-top:3px solid #087647 !important;
}

.a2-dealer-storefront
.a2-side-column .a2-section-kicker {
    margin-bottom:13px !important;

    font-size:9px !important;
    font-weight:950 !important;
    letter-spacing:.16em !important;
}

.a2-dealer-storefront
.a2-side-column strong {
    color:#14271e !important;
}

.a2-dealer-storefront
.a2-side-column p {
    margin-bottom:15px !important;

    font-size:13px !important;
}

.a2-dealer-storefront
.a2-side-column p:last-child {
    margin-bottom:0 !important;
}


/* ============================================================
   12 — TRUST PANEL
   ============================================================ */

.a2-dealer-storefront
.a2-side-column .a2-trust-list,
.a2-dealer-storefront
.a2-side-column .a2-trust-items {
    display:grid !important;

    gap:9px !important;
}

.a2-dealer-storefront
.a2-side-column .a2-trust-list > *,
.a2-dealer-storefront
.a2-side-column .a2-trust-items > * {
    padding:10px 11px !important;

    border:1px solid #e0e9e4 !important;
    border-radius:9px !important;

    background:#f7faf8 !important;
}


/* ============================================================
   13 — REVIEWS / MESSAGING
   Keep functionality; lower their visual priority.
   ============================================================ */

.a2-dealer-storefront .a2-dealer-message-panel {
    border-top:2px solid #dce7e1 !important;
}

.a2-dealer-storefront .a2-dealer-review-panel {
    border-top:3px solid #d3a300 !important;
}

.a2-dealer-storefront
.a2-dealer-message-panel h2,
.a2-dealer-storefront
.a2-dealer-review-panel h2 {
    font-size:23px !important;
}


/* ============================================================
   14 — BUTTON CONSISTENCY
   ============================================================ */

.a2-dealer-storefront button,
.a2-dealer-storefront
a[class*="button"],
.a2-dealer-storefront
a[class*="btn"] {
    transition:
        transform .16s ease,
        box-shadow .16s ease,
        background-color .16s ease !important;
}

@media (hover:hover) {

    .a2-dealer-storefront button:hover,
    .a2-dealer-storefront
    a[class*="button"]:hover,
    .a2-dealer-storefront
    a[class*="btn"]:hover {
        transform:translateY(-1px);
    }

}


/* ============================================================
   15 — TABLET
   ============================================================ */

@media (max-width:1049px) {

    .a2-dealer-storefront
    .a2-detail-grid.a2-dealer-layout {
        grid-template-columns:1fr !important;
    }

    .a2-dealer-storefront .a2-side-column {
        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;
    }

}


/* ============================================================
   16 — MOBILE
   360 / 375 / 390 / 412 / 430
   ============================================================ */

@media (max-width:700px) {

    .a2-dealer-storefront {
        background:#fff !important;
    }

    .a2-premium-identity-card {
        min-height:0 !important;

        padding:15px !important;

        gap:13px !important;
    }

    .a2-premium-brand {
        align-items:flex-start !important;

        gap:12px !important;
    }

    .a2-premium-logo {
        width:62px !important;
        height:62px !important;

        border-radius:12px !important;
    }

    .a2-premium-eyebrow {
        font-size:9px !important;
    }

    .a2-premium-name-row h1 {
        font-size:21px !important;

        line-height:1.08 !important;
    }

    .a2-premium-tagline {
        font-size:12px !important;
    }

    .a2-premium-facts {
        gap:5px 10px !important;

        font-size:11px !important;
    }

    .a2-premium-actions {
        display:grid !important;

        grid-template-columns:
            repeat(2,minmax(0,1fr)) !important;

        gap:8px !important;
    }

    .a2-premium-action {
        justify-content:center !important;

        width:100% !important;
        min-height:44px !important;

        padding:0 10px !important;
    }

    .a2-dealer-storefront .a2-storefront-nav {
        margin-top:7px !important;
        margin-bottom:12px !important;

        scrollbar-width:none;
    }

    .a2-dealer-storefront
    .a2-storefront-nav::-webkit-scrollbar {
        display:none;
    }

    .a2-dealer-storefront
    .a2-storefront-nav a {
        min-height:47px !important;

        padding:0 13px !important;

        font-size:11px !important;
    }

    .a2-dealer-storefront
    .a2-detail-grid.a2-dealer-layout {
        gap:13px !important;
    }

    .a2-dealer-storefront .a2-showroom {
        padding:16px !important;

        border-radius:14px !important;

        box-shadow:none !important;
    }

    .a2-dealer-storefront
    .a2-showroom::before {
        left:16px !important;
    }

    .a2-dealer-storefront
    .a2-showroom
    .a2-section-heading {
        display:block !important;

        margin-bottom:16px !important;
        padding-bottom:15px !important;
    }

    .a2-dealer-storefront
    .a2-showroom h2 {
        font-size:23px !important;
    }

    .a2-dealer-storefront
    .a2-showroom
    .a2-section-heading p {
        font-size:13px !important;
    }

    .a2-dealer-storefront
    .a2-showroom
    .a2-section-heading a {
        display:inline-flex !important;

        margin-top:13px !important;

        min-height:44px !important;
    }

    .a2-dealer-storefront
    .a2-showroom
    .a2-showroom-empty,
    .a2-dealer-storefront
    .a2-showroom
    .a2-empty-state {
        min-height:0 !important;

        padding:23px 18px !important;

        border-radius:14px !important;
    }

    .a2-dealer-storefront
    .a2-showroom
    .a2-showroom-empty h3,
    .a2-dealer-storefront
    .a2-showroom
    .a2-empty-state h3 {
        font-size:22px !important;
    }

    .a2-dealer-storefront
    .a2-showroom-grid {
        grid-template-columns:1fr !important;
    }

    .a2-dealer-storefront
    .a2-main-column > .a2-panel:not(.a2-showroom) {
        padding:18px !important;

        border-radius:14px !important;

        box-shadow:none !important;
    }

    .a2-dealer-storefront .a2-side-column {
        grid-template-columns:1fr !important;

        gap:12px !important;
    }

    .a2-dealer-storefront
    .a2-side-column > .a2-panel {
        padding:17px !important;

        border-radius:14px !important;

        box-shadow:none !important;
    }

}


/* ============================================================
   17 — NARROW MOBILE
   ============================================================ */

@media (max-width:390px) {

    .a2-premium-brand {
        gap:10px !important;
    }

    .a2-premium-logo {
        width:56px !important;
        height:56px !important;
    }

    .a2-premium-name-row h1 {
        font-size:19px !important;
    }

    .a2-premium-actions {
        grid-template-columns:1fr 1fr !important;
    }

    .a2-dealer-storefront
    .a2-showroom h2 {
        font-size:21px !important;
    }

}


/* ============================================================
   18 — HERO PROTECTION
   FINAL DECLARATION IN THIS LAYER
   ============================================================ */

.a2-dealer-storefront
.a2-hero-card.a2-dealer-card.has-wallpaper {
    opacity:1 !important;

    filter:none !important;
    mix-blend-mode:normal !important;
}

.a2-dealer-storefront
.a2-hero-card.a2-dealer-card.has-wallpaper::before,
.a2-dealer-storefront
.a2-hero-card.a2-dealer-card.has-wallpaper::after {
    content:none !important;
    display:none !important;

    background:none !important;
}

.a2-dealer-storefront
.a2-hero-card.a2-dealer-card.has-wallpaper
> .a2-hero-art,
.a2-dealer-storefront
.a2-hero-card.a2-dealer-card.has-wallpaper
> .a2-hero-copy,
.a2-dealer-storefront
.a2-hero-card.a2-dealer-card.has-wallpaper
> .a2-hero-actions {
    display:none !important;
}


/* NAN PREMIUM DEALER STOREFRONT V2C END */

/* ============================================================
   NAN DEALER MOBILE PREZO V2D START

   Scope:
   - Dealer storefront only
   - Mobile only
   - Restore storefront navigation
   - Prevent SELL OR LIST collision
   - Preserve desktop V2C
   - Preserve uploaded hero artwork
   ============================================================ */

@media (max-width:700px) {

    /* --------------------------------------------------------
       DEALER STOREFRONT NAVIGATION
       Explicit mobile authority.
       -------------------------------------------------------- */

    .a2-dealer-storefront .a2-storefront-nav {
        display:block !important;

        position:relative !important;
        top:auto !important;
        left:auto !important;
        right:auto !important;
        bottom:auto !important;

        width:100% !important;
        max-width:none !important;

        margin:0 0 12px !important;
        padding:0 !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        background:#ffffff !important;

        border-top:1px solid #e5ece8 !important;
        border-bottom:1px solid #e5ece8 !important;

        box-shadow:none !important;

        -webkit-overflow-scrolling:touch;
        scrollbar-width:none;
    }

    .a2-dealer-storefront .a2-storefront-nav::-webkit-scrollbar {
        display:none !important;
    }

    .a2-dealer-storefront .a2-storefront-nav .nan-shell {
        display:flex !important;

        align-items:center !important;
        justify-content:flex-start !important;

        width:max-content !important;
        min-width:100% !important;

        margin:0 !important;
        padding:0 12px !important;

        gap:4px !important;

        overflow:visible !important;
    }

    .a2-dealer-storefront .a2-storefront-nav a {
        display:flex !important;

        flex:0 0 auto !important;

        align-items:center !important;
        justify-content:center !important;

        min-height:48px !important;

        margin:0 !important;
        padding:0 13px !important;

        color:#33473d !important;

        font-size:13px !important;
        font-weight:800 !important;
        line-height:1 !important;

        text-decoration:none !important;
        white-space:nowrap !important;

        border:0 !important;
        border-bottom:3px solid transparent !important;

        background:transparent !important;
    }

    .a2-dealer-storefront .a2-storefront-nav a:first-child,
    .a2-dealer-storefront .a2-storefront-nav a:hover,
    .a2-dealer-storefront .a2-storefront-nav a:focus-visible {
        color:#087b46 !important;
        border-bottom-color:#0b8b50 !important;
    }


    /* --------------------------------------------------------
       GLOBAL SELL OR LIST
       On dealer storefront mobile, convert the floating launcher
       into a normal-flow control.

       Desktop remains untouched.
       -------------------------------------------------------- */

    body:has(.a2-dealer-storefront) .sell-fab {
        position:relative !important;

        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;

        z-index:auto !important;

        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        width:calc(100% - 24px) !important;
        max-width:420px !important;

        min-height:48px !important;

        margin:18px auto 24px !important;
        padding:12px 18px !important;

        transform:none !important;

        border-radius:999px !important;

        box-shadow:0 8px 20px rgba(0,0,0,.10) !important;
    }


    /* --------------------------------------------------------
       SHOWROOM BREATHING ROOM
       Remove collision pressure around first mobile section.
       -------------------------------------------------------- */

    .a2-dealer-storefront .a2-showroom {
        position:relative !important;

        margin-top:0 !important;
        margin-bottom:14px !important;
    }

    .a2-dealer-storefront .a2-showroom-head {
        gap:14px !important;
    }

    .a2-dealer-storefront .a2-showroom-head > div {
        min-width:0 !important;
    }

    .a2-dealer-storefront .a2-showroom-head .a2-btn,
    .a2-dealer-storefront .a2-showroom-head a {
        min-height:46px !important;
    }

}


/* ------------------------------------------------------------
   NARROW MOBILE — 390 AND BELOW
   ------------------------------------------------------------ */

@media (max-width:390px) {

    .a2-dealer-storefront .a2-storefront-nav .nan-shell {
        padding-left:10px !important;
        padding-right:10px !important;
    }

    .a2-dealer-storefront .a2-storefront-nav a {
        min-height:46px !important;

        padding-left:11px !important;
        padding-right:11px !important;

        font-size:12px !important;
    }

    body:has(.a2-dealer-storefront) .sell-fab {
        width:calc(100% - 20px) !important;

        margin-top:16px !important;
        margin-bottom:20px !important;
    }

}

/* NAN DEALER MOBILE PREZO V2D END */

/* ============================================================
   NAN DEALER CONTACT RESPONSIVE V2E START

   Prevent phone/email contact values from widening or escaping
   the dealership information card.
   ============================================================ */

.a2-dealer-storefront .a2-side-column,
.a2-dealer-storefront .a2-side-column > *,
.a2-dealer-storefront .a2-side-column .a2-panel {
    min-width:0 !important;
}

.a2-dealer-storefront .a2-side-column a[href^="tel:"],
.a2-dealer-storefront .a2-side-column a[href^="mailto:"] {
    display:inline-block !important;

    max-width:100% !important;

    white-space:normal !important;

    overflow-wrap:anywhere !important;
    word-break:break-word !important;

    vertical-align:top !important;
}

/* Phone numbers normally stay together when space permits. */
.a2-dealer-storefront .a2-side-column a[href^="tel:"] {
    word-break:normal !important;
}

/* Email may break safely at any point on narrow screens. */
.a2-dealer-storefront .a2-side-column a[href^="mailto:"] {
    overflow-wrap:anywhere !important;
    word-break:break-word !important;
}

@media (max-width:700px) {

    .a2-dealer-storefront .a2-side-column,
    .a2-dealer-storefront .a2-side-column > *,
    .a2-dealer-storefront .a2-side-column .a2-panel {
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;

        box-sizing:border-box !important;
    }

    .a2-dealer-storefront .a2-side-column a[href^="tel:"],
    .a2-dealer-storefront .a2-side-column a[href^="mailto:"] {
        max-width:100% !important;

        font-size:14px !important;
        line-height:1.35 !important;
    }

}

/* NAN DEALER CONTACT RESPONSIVE V2E END */

/* ============================================================
   NAN DEALER MOBILE CTA V2E
   Dealer storefront only.
   Prevent global SELL OR LIST from covering showroom content.
   ============================================================ */

@media (max-width:720px) {

    body:has(.a2-dealer-storefront) .sell-fab {
        position:relative !important;
        inset:auto !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:calc(100% - 24px) !important;
        max-width:none !important;
        min-height:52px !important;

        margin:16px 12px 20px !important;

        transform:none !important;

        z-index:20 !important;
    }

}

/* NAN DEALER MOBILE CTA V2E END */

/* ============================================================
   NAN DEALERS DIRECTORY MOBILE PREZO FIX1
   Scope: /dealers directory only
   Desktop untouched.
   Dealer storefront untouched.
   Footer untouched.
   ============================================================ */

@media (max-width:720px) {

    /* --------------------------------------------------------
       LOCAL DIRECTORY HEADER
       -------------------------------------------------------- */

    .a2-dealers .site-header {
        position:relative !important;
        z-index:40 !important;
    }

    .a2-dealers .site-header .header-row {
        min-height:64px !important;
        padding:10px 14px !important;

        display:grid !important;
        grid-template-columns:minmax(0,1fr) auto !important;
        align-items:center !important;
        gap:10px !important;
    }

    .a2-dealers .site-header .brand {
        min-width:0 !important;
        margin:0 !important;
    }

    .a2-dealers .site-header .brand strong {
        display:block !important;
        white-space:nowrap !important;
        font-size:20px !important;
        line-height:1 !important;
    }

    .a2-dealers .site-header .brand small {
        display:none !important;
    }

    /*
     * Full desktop navigation is duplicated by the module
     * navigation immediately below the hero/search experience.
     * Hide it on mobile rather than crushing seven links.
     */
    .a2-dealers .site-header .nav {
        display:none !important;
    }

    .a2-dealers .site-header .head-actions {
        position:static !important;

        display:flex !important;
        flex-direction:row !important;
        align-items:center !important;
        justify-content:flex-end !important;

        width:auto !important;
        min-width:0 !important;
        gap:7px !important;

        margin:0 !important;
        padding:0 !important;

        writing-mode:horizontal-tb !important;
        transform:none !important;
    }

    .a2-dealers .site-header .head-actions > a {
        position:static !important;

        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:auto !important;
        min-width:34px !important;
        min-height:38px !important;

        margin:0 !important;
        padding:7px 9px !important;

        white-space:nowrap !important;
        word-break:normal !important;
        overflow-wrap:normal !important;

        writing-mode:horizontal-tb !important;
        text-orientation:mixed !important;
        transform:none !important;

        font-size:12px !important;
        line-height:1 !important;
    }

    .a2-dealers .site-header .head-actions .register {
        padding-left:11px !important;
        padding-right:11px !important;
    }


    /* --------------------------------------------------------
       HERO
       -------------------------------------------------------- */

    .a2-dealers.veh1-hero .veh1-hero-inner,
    .veh1-hero.a2-dealers .veh1-hero-inner {
        min-width:0 !important;
    }


    /* --------------------------------------------------------
       MARKETPLACE CATEGORY TABS
       Keep every category readable.
       Horizontal scrolling is preferable to crushed words.
       -------------------------------------------------------- */

    .search-panel.a2-dealers .search-box {
        min-width:0 !important;
        overflow:hidden !important;
    }

    .search-panel.a2-dealers .search-tabs {
        display:flex !important;
        flex-wrap:nowrap !important;
        align-items:stretch !important;

        width:100% !important;
        max-width:100% !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        -webkit-overflow-scrolling:touch !important;
        scrollbar-width:none !important;

        gap:0 !important;
    }

    .search-panel.a2-dealers .search-tabs::-webkit-scrollbar {
        display:none !important;
    }

    .search-panel.a2-dealers .search-tabs > a {
        flex:0 0 auto !important;

        display:inline-flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:auto !important;
        min-width:max-content !important;
        min-height:48px !important;

        padding:0 16px !important;

        white-space:nowrap !important;
        word-break:normal !important;
        overflow-wrap:normal !important;

        font-size:12px !important;
        line-height:1 !important;
    }


    /* --------------------------------------------------------
       DIRECTORY SEARCH CONTROL
       -------------------------------------------------------- */

    .search-panel.a2-dealers .live-search-control {
        min-width:0 !important;
    }

    .search-panel.a2-dealers .live-search-control input {
        min-width:0 !important;
    }


    /* --------------------------------------------------------
       DIRECTORY CONTENT CONTAINMENT
       -------------------------------------------------------- */

    .a2-dealer-directory,
    .a2-dealer-directory .dealer-grid,
    .a2-dealer-directory .dealer-card,
    .a2-dealer-directory .dealer-card > div {
        min-width:0 !important;
    }
}


/* ------------------------------------------------------------
   393 / 390 NARROW MOBILE
   ------------------------------------------------------------ */

@media (max-width:390px) {

    .a2-dealers .site-header .header-row {
        padding-left:10px !important;
        padding-right:10px !important;
        gap:6px !important;
    }

    .a2-dealers .site-header .brand strong {
        font-size:18px !important;
        letter-spacing:-.6px !important;
    }

    .a2-dealers .site-header .head-actions {
        gap:4px !important;
    }

    .a2-dealers .site-header .head-actions > a {
        min-width:30px !important;
        min-height:36px !important;
        padding:6px 7px !important;
        font-size:11px !important;
    }

    .search-panel.a2-dealers .search-tabs > a {
        min-height:46px !important;
        padding-left:14px !important;
        padding-right:14px !important;
        font-size:11px !important;
    }
}

/* NAN DEALERS DIRECTORY MOBILE PREZO FIX1 END */


/* ============================================================
   NAN DEALERS DIRECTORY MOBILE CTA CLEARANCE FIX2
   Scope: /dealers directory only.
   Preserve the single global fixed SELL OR LIST launcher.
   ============================================================ */

@media (max-width:720px) {

    /*
     * Safe scrolling zone beneath directory content.
     * The fixed global launcher may pass over content while
     * scrolling, but the final content can move fully above it.
     */
    .a2-dealer-directory {
        padding-bottom:110px !important;
    }

    /*
     * Prevent page-level horizontal drift.
     * The category rail keeps its own horizontal scrolling.
     */
    body:has(.a2-dealers) {
        overflow-x:hidden !important;
    }
}

/* NAN DEALERS DIRECTORY MOBILE CTA CLEARANCE FIX2 END */

/* ============================================================
   NAN DEALERS DIRECTORY MOBILE CTA FLOW FIX3

   Scope:
   /dealers directory only
   <=720px only

   Purpose:
   Keep the ONE global SELL OR LIST launcher, but place it in
   normal document flow on the mobile dealers directory so it
   never covers search controls, dealership cards, or footer.
   ============================================================ */

@media (max-width:720px) {

    body:has(.a2-dealers) .nan-global-list-launcher {
        position:relative !important;

        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;
        inset:auto !important;

        display:block !important;

        width:calc(100% - 24px) !important;
        max-width:none !important;

        margin:18px 12px 22px !important;
        padding:0 !important;

        transform:none !important;

        z-index:20 !important;
    }

    body:has(.a2-dealers) .nan-global-list-trigger {
        position:relative !important;

        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;
        inset:auto !important;

        display:flex !important;
        align-items:center !important;
        justify-content:center !important;

        width:100% !important;
        max-width:none !important;
        min-height:52px !important;

        margin:0 !important;

        transform:none !important;

        white-space:nowrap !important;
    }

    /*
     * FIX2B's large end safe-zone is no longer required because
     * the launcher itself now participates in document flow.
     */
    .a2-dealer-directory {
        padding-bottom:24px !important;
    }
}

/* NAN DEALERS DIRECTORY MOBILE CTA FLOW FIX3 END */


/* ============================================================
   NAN PRO DEALER BADGE FIX1C
   Independent premium entitlement designation.
   ============================================================ */

.a2-pro-dealer-badge {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:22px;
    padding:4px 9px;
    border:1px solid rgba(180,138,35,.30);
    border-radius:999px;
    background:linear-gradient(135deg,#fff9e5,#f1dda0);
    color:#604600;
    font-size:10px;
    font-weight:900;
    line-height:1;
    letter-spacing:.075em;
    white-space:nowrap;
    vertical-align:middle;
}

@media (max-width:720px) {
    .a2-pro-dealer-badge {
        min-height:20px;
        padding:4px 8px;
        font-size:9px;
    }
}


/* ==========================================================
   DD2 PUBLIC PRO BANNER FIX1
   Dealer-owned artwork remains pristine.
   No overlay. No gradient. No filter. No text over artwork.
   ========================================================== */

.a2-dealer-storefront .dd2-public-dealer-banner{
    padding:18px 0 0;
    background:#fff;
}

.a2-dealer-storefront .dd2-public-dealer-banner__frame{
    width:100%;
    overflow:hidden;
    border:1px solid #e3ebe7;
    border-radius:22px;
    background:#f6f8f7;
    box-shadow:0 14px 38px rgba(10,48,34,.08);
}

.a2-dealer-storefront .dd2-public-dealer-banner__image{
    display:block;
    width:100%;
    height:auto;
    max-height:520px;
    object-fit:contain;
    object-position:center;
    background:#f6f8f7;
}

/*
 * Explicit protection against historical storefront hero effects.
 * Dealer artwork itself receives no visual treatment.
 */
.a2-dealer-storefront .dd2-public-dealer-banner__image{
    opacity:1;
    filter:none;
    transform:none;
}

@media(max-width:700px){
    .a2-dealer-storefront .dd2-public-dealer-banner{
        padding-top:12px;
    }

    .a2-dealer-storefront .dd2-public-dealer-banner__frame{
        border-radius:16px;
    }

    .a2-dealer-storefront .dd2-public-dealer-banner__image{
        max-height:none;
    }
}

/* END DD2 PUBLIC PRO BANNER FIX1 */