/* ===========================================================================
   CarZoon — Dealer Profile Page
   Palette:  #0f2744 (ink)  ·  #2f68ff (accent)  ·  #16a34a (ok)
   Desktop = two column (main + 340px sidebar) · Mobile = stacked + accordion
   =========================================================================== */

.czdl-wrap{
	--cz-ink:#0f2744;
	--cz-accent:#2f68ff;
	--cz-accent-dk:#1d4ed8;
	--cz-ok:#16a34a;
	--cz-star:#f59e0b;
	--cz-muted:#64748b;
	--cz-faint:#94a3b8;
	--cz-line:#e2e8f0;
	--cz-bg:#f4f6fa;
	--cz-card:#ffffff;
	--cz-radius:14px;
	max-width:1240px;
	margin:0 auto;
	padding:14px 16px 60px;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
	color:var(--cz-ink);
	box-sizing:border-box;
}
.czdl-wrap *,.czdl-wrap *::before,.czdl-wrap *::after{box-sizing:border-box;}
.czdl-wrap a{text-decoration:none;color:inherit;}
.czdl-link{color:var(--cz-accent);cursor:pointer;}
.czdl-link:hover{text-decoration:underline;}
.czdl-dim{color:var(--cz-muted);font-weight:400;}
.czdl-mobile-only{display:none;}

/* ── Breadcrumb ─────────────────────────────────────────────── */
.czdl-breadcrumb{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--cz-muted);margin:2px 2px 14px;flex-wrap:wrap;}
.czdl-breadcrumb a{color:var(--cz-accent);}
.czdl-breadcrumb .czdl-sep{color:var(--cz-faint);}
.czdl-current{color:var(--cz-ink);font-weight:600;}

/* ── Hero ───────────────────────────────────────────────────── */
.czdl-hero{background:var(--cz-card);border:1px solid var(--cz-line);border-radius:var(--cz-radius);overflow:hidden;box-shadow:0 1px 2px rgba(15,39,68,.04);}
.czdl-hero__banner{
	position:relative;height:150px;
	background:linear-gradient(120deg,#1e293b 0%,#334155 45%,#475569 100%);
	background-size:cover;background-position:center;
}
.czdl-hero__fav{
	position:absolute;top:14px;right:14px;width:38px;height:38px;border-radius:50%;
	background:#fff;border:none;display:flex;align-items:center;justify-content:center;
	color:var(--cz-ink);cursor:pointer;box-shadow:0 2px 8px rgba(0,0,0,.18);
}
.czdl-hero__fav.czwl-btn--saved,.czdl-hero__fav.is-saved{color:#e11d48;}

.czdl-hero__bar{display:flex;align-items:flex-start;gap:22px;padding:0 26px 22px;}
.czdl-hero__logo{ z-index: 99;
	flex:0 0 auto;width:104px;height:104px;margin-top:-46px;border-radius:50%;
	background:#fff;border:4px solid #fff;box-shadow:0 3px 10px rgba(15,39,68,.14);
	display:flex;align-items:center;justify-content:center;overflow:hidden;
}
.czdl-hero__logo img{width:100%;height:100%;object-fit:cover;}
.czdl-hero__logo-fallback{font-size:38px;font-weight:800;color:var(--cz-ink);}

.czdl-hero__info{flex:1 1 auto;min-width:0;padding-top:16px;}
.czdl-hero__name{display:flex;align-items:center;gap:8px;font-size:26px;font-weight:800;margin:0 0 8px;line-height:1.1;}
.czdl-verified{flex:0 0 auto;}
.czdl-hero__badges{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px;}
.czdl-pill{font-size:12.5px;font-weight:600;padding:4px 12px;border-radius:999px;border:1px solid;line-height:1;}
.czdl-pill--verified{color:#15803d;border-color:#bbf7d0;background:#f0fdf4;}
.czdl-pill--founding{color:#166534;border-color:#bbf7d0;background:#f0fdf4;}
.czdl-hero__type{font-size:14.5px;color:var(--cz-muted);margin:0 0 10px;}
.czdl-hero__meta{display:flex;align-items:center;gap:18px;flex-wrap:wrap;font-size:13.5px;color:var(--cz-ink);}
.czdl-hero__meta>span{display:inline-flex;align-items:center;gap:6px;}
.czdl-hero__meta svg{color:var(--cz-muted);}
.czdl-hero__rating svg{color:var(--cz-star);}
.czdl-hero__rating strong{font-weight:700;}

.czdl-hero__cta{flex:0 0 auto;padding-top:18px;text-align:right;min-width:270px;}
.czdl-hero__cta-btns{display:flex;align-items:center;gap:10px;justify-content:flex-end;}
.czdl-hero__responds{font-size:12.5px;color:var(--cz-muted);margin:10px 0 0;text-align:center;}
.czdl-hero__open{font-size:13px;margin:8px 0 0;}
.czdl-hero__viewcontact{display:inline-block;margin-top:6px;font-size:13.5px;font-weight:600;}
.czdl-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--cz-ok);margin-right:4px;vertical-align:middle;}

/* ── Buttons ────────────────────────────────────────────────── */
.czdl-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:14px;font-weight:600;border-radius:9px;padding:10px 16px;cursor:pointer;border:1px solid transparent;transition:.15s;white-space:nowrap;line-height:1;}
.czdl-btn--solid{background:var(--cz-ink);color:#fff !important;}
.czdl-btn--solid:hover{background:#1a3d66;color:#fff !important;}
.czdl-btn--outline{background:#fff;color:var(--cz-accent);border-color:var(--cz-accent);}
.czdl-btn--outline:hover{background:#eff5ff;}
.czdl-btn--ghost{background:#fff;color:var(--cz-accent);border-color:#c7d5f0;}
.czdl-btn--ghost:hover{background:#eff5ff;}
.czdl-btn--icon{background:#fff;color:var(--cz-ink);border-color:var(--cz-line);padding:10px 12px;}
.czdl-btn--icon:hover{background:#f1f5f9;}
.czdl-btn--lg{padding:11px 20px;}
.czdl-btn--block{width:100%;}

/* ── Tabs ───────────────────────────────────────────────────── */
.czdl-tabs{display:flex;gap:26px;border-bottom:1px solid var(--cz-line);margin:18px 2px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;}
.czdl-tabs::-webkit-scrollbar{display:none;}
.czdl-tab{position:relative;padding:14px 2px;font-size:15px;font-weight:600;color:var(--cz-muted);white-space:nowrap;border-bottom:2.5px solid transparent;margin-bottom:-1px;}
.czdl-tab.is-active{color:var(--cz-accent);border-bottom-color:var(--cz-accent);}
.czdl-tab__count{color:var(--cz-faint);font-weight:600;}
.czdl-tab.is-active .czdl-tab__count{color:var(--cz-accent);}

/* ── Layout ─────────────────────────────────────────────────── */
.czdl-layout{display:grid;grid-template-columns:1fr 348px;gap:26px;margin-top:24px;align-items:start;}

/* ── Main ───────────────────────────────────────────────────── */
.czdl-main{min-width:0;}
.czdl-main__head{display:flex;align-items:center;justify-content:space-between;gap:16px;}
.czdl-main__title{font-size:22px;font-weight:800;margin:0;}
.czdl-main__count{font-size:13.5px;color:var(--cz-muted);margin:4px 0 16px;}

.czdl-view-toggle{display:flex;border:1px solid var(--cz-line);border-radius:9px;overflow:hidden;flex:0 0 auto;}
.czdl-view-btn{width:38px;height:36px;display:flex;align-items:center;justify-content:center;background:#fff;border:none;color:var(--cz-faint);cursor:pointer;}
.czdl-view-btn+.czdl-view-btn{border-left:1px solid var(--cz-line);}
.czdl-view-btn.is-active{background:var(--cz-accent);color:#fff !important;}

/* toolbar */
.czdl-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap;}
.czdl-search{flex:1 1 240px;display:flex;align-items:center;gap:8px;padding:0 12px;height:42px;border:1px solid var(--cz-line);border-radius:9px;background:#fff;color:var(--cz-faint);}
.czdl-search__input{flex:1;border:none;outline:none;font-size:14px;color:var(--cz-ink);background:transparent;}
.czdl-select{height:42px;padding:0 32px 0 12px;border:1px solid var(--cz-line);border-radius:9px;background:#fff url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 10px center;font-size:14px;color:var(--cz-ink);cursor:pointer;appearance:none;-webkit-appearance:none;}
.czdl-select--sort{min-width:180px;}
.czdl-morefilters{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border:1px solid var(--cz-line);border-radius:9px;background:#fff;font-size:14px;font-weight:600;color:var(--cz-ink);cursor:pointer;}
.czdl-morefilters:hover{background:#f1f5f9;}

/* ── Vehicle grid + cards ───────────────────────────────────── */
.czdl-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;}
.czdl-grid.is-list{grid-template-columns:1fr;}

.czdl-card{background:#fff;border:1px solid var(--cz-line);border-radius:12px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .15s,transform .15s;}
.czdl-card:hover{box-shadow:0 6px 20px rgba(15,39,68,.10);}
.czdl-card__media{position:relative;aspect-ratio:16/10;background:#eef2f7;overflow:hidden;}
.czdl-card__imglink{display:block;width:100%;height:100%;}
.czdl-card__img{width:100%;height:100%;object-fit:cover;display:block;}
.czdl-card__img-ph{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--cz-faint);}
.czdl-card__badges{position:absolute;top:10px;left:10px;display:flex;gap:6px;}
.czdl-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:5px;line-height:1;}
.czdl-badge--ad{background:#fff;color:var(--cz-muted);border:1px solid var(--cz-line);}
.czdl-badge--reduced{background:#dcfce7;color:#15803d;}
.czdl-card__actions{position:absolute;top:10px;right:10px;display:flex;gap:7px;}
.czdl-iconbtn{width:32px;height:32px;border-radius:50%;background:#fff;border:none;display:flex;align-items:center;justify-content:center;color:var(--cz-ink);cursor:pointer;box-shadow:0 1px 5px rgba(0,0,0,.16);}
.czdl-iconbtn:hover{background:#f1f5f9;}
.czdl-wishlist.czwl-btn--saved,.czdl-wishlist.is-saved{color:#e11d48;}
.czdl-card__viewphotos{position:absolute;left:10px;bottom:10px;font-size:12px;font-weight:600;color:#fff !important;text-shadow:0 1px 3px rgba(0,0,0,.5);}
.czdl-card__photocount{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#fff !important;background:rgba(15,23,42,.55);padding:3px 7px;border-radius:6px;}

.czdl-card__body{padding:13px 14px 15px;display:flex;flex-direction:column;flex:1;}
.czdl-card__toprow{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;}
.czdl-card__title{font-size:15px;font-weight:700;margin:0;line-height:1.3;flex:1;}
.czdl-card__title a:hover{color:var(--cz-accent);}
.czdl-card__prices{text-align:right;flex:0 0 auto;}
.czdl-card__price{display:block;font-size:18px;font-weight:800;}
.czdl-card__oldprice{display:block;font-size:12px;color:var(--cz-faint);text-decoration:line-through;}
.czdl-card__monthly{display:block;font-size:12.5px;color:var(--cz-accent);font-weight:600;}
.czdl-card__specs{display:flex;flex-wrap:wrap;gap:12px;margin:10px 0 0;}
.czdl-spec{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;color:var(--cz-muted);}
.czdl-spec svg{color:var(--cz-faint);}
.czdl-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin:11px 0 0;}
.czdl-tag{font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:6px;background:#f1f5f9;color:var(--cz-muted);border:1px solid var(--cz-line);}
.czdl-tag--ulez{background:#f0fdf4;color:#15803d;border-color:#bbf7d0;}
.czdl-card__cta{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px;}
.czdl-card__cta .czdl-btn{padding:9px 10px;font-size:13px;width:100%;}

/* list view tweaks */
.czdl-grid.is-list .czdl-card{flex-direction:row;}
.czdl-grid.is-list .czdl-card__media{width:300px;flex:0 0 300px;aspect-ratio:auto;}
.czdl-grid.is-list .czdl-card__body{flex:1;}

/* ── Footer / pagination ────────────────────────────────────── */
.czdl-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;flex-wrap:wrap;}
.czdl-foot__count{font-size:13.5px;color:var(--cz-muted);}
.czdl-pagination{display:flex;align-items:center;gap:6px;}
.czdl-page{min-width:36px;height:36px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--cz-line);border-radius:8px;background:#fff;font-size:14px;font-weight:600;color:var(--cz-ink);}
.czdl-page:hover{background:#f1f5f9;}
.czdl-page.is-active{background:var(--cz-accent);color:#fff !important;border-color:var(--cz-accent);}
.czdl-page--nav{color:var(--cz-muted);}
.czdl-page-ellipsis{padding:0 4px;color:var(--cz-faint);}

.czdl-empty{text-align:center;padding:50px 20px;border:1px dashed var(--cz-line);border-radius:12px;background:#fff;}
.czdl-empty h3{margin:0 0 6px;font-size:18px;}
.czdl-empty p{color:var(--cz-muted);font-size:14px;margin:0;}

/* ── Sidebar / info cards ───────────────────────────────────── */
.czdl-side{display:flex;flex-direction:column;gap:18px;}
.czdl-card-info{background:#fff;border:1px solid var(--cz-line);border-radius:var(--cz-radius);overflow:hidden;}
.czdl-card-info__head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;background:none;border:none;font:inherit;color:var(--cz-ink);text-align:left;cursor:default;}
.czdl-card-info__title{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:800;}
.czdl-ci-label-mobile{display:none;}
.czdl-chevron{display:none !important; color:var(--cz-muted);flex:0 0 auto;transition:transform .2s;}
.czdl-open-badge{display:inline-flex;align-items:center;font-size:13px;font-weight:600;color:var(--cz-ok);}
.czdl-card-info__body{padding:0 18px 18px;}

.czdl-about-text{font-size:14px;line-height:1.55;color:#334155;margin:0 0 4px;}
.czdl-readmore{font-size:13.5px;font-weight:600;}
.czdl-side-subtitle{font-size:15px;font-weight:800;margin:18px 0 10px;}
.czdl-services{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;}
.czdl-services li{display:flex;align-items:center;gap:8px;font-size:13.5px;color:#334155;}
.czdl-services svg{flex:0 0 auto;}

.czdl-contact-list{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:12px;}
.czdl-contact-list li{display:flex;align-items:center;gap:10px;font-size:14px;color:#334155;}
.czdl-contact-list svg{color:var(--cz-muted);flex:0 0 auto;}
.czdl-map{border-radius:10px;overflow:hidden;border:1px solid var(--cz-line);margin-bottom:12px;height:150px;background:#eef2f7;}
.czdl-map iframe{width:100%;height:100%;border:0;display:block;}

.czdl-hours{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:9px;}
.czdl-hours li{display:flex;justify-content:space-between;font-size:14px;color:#334155;}
.czdl-hours li.is-today{font-weight:700;color:var(--cz-ink);}
.czdl-hours li.is-today span:last-child{color:var(--cz-ink);}

.czdl-desktop-hidden-anchor{display:none;}

/* ===========================================================================
   MOBILE
   =========================================================================== */
@media (max-width:900px){
	.czdl-wrap{padding:10px 12px 48px;}
	.czdl-mobile-only{display:inline-block;}
	.czdl-desktop-only{display:none;}

	/* hero → stacked, centred-left */
	.czdl-hero__banner{height:158px;}
	.czdl-hero__bar{flex-direction:column;align-items:flex-start;gap:0;padding:0 18px 20px;}
	.czdl-hero__logo{width:88px;height:88px;margin-top:-42px;}
	.czdl-hero__info{padding-top:12px;width:100%;}
	.czdl-hero__name{font-size:22px;}
	.czdl-hero__meta{gap:6px 16px;font-size:13px;}
	.czdl-hero__cta{width:100%;text-align:left;padding-top:16px;min-width:0;}
	.czdl-hero__cta-btns{flex-wrap:wrap;justify-content:flex-start;gap:10px;}
	.czdl-hero__cta-btns .czdl-btn--solid{flex:1 1 100%;}
	.czdl-hero__cta-btns .czdl-btn--outline{flex:1 1 auto;}
	.czdl-hero__responds{text-align:center;}

	/* tabs stay scrollable */
	.czdl-tab{font-size:14px;}

	/* single column */
	.czdl-layout{grid-template-columns:1fr;gap:22px;}
	.czdl-main__title{font-size:20px;}
	.czdl-grid{grid-template-columns:1fr;gap:16px;}
	.czdl-grid.is-list .czdl-card{flex-direction:column;}
	.czdl-grid.is-list .czdl-card__media{width:100%;flex:none;aspect-ratio:16/10;}

	/* toolbar wraps: search full width, selects share a row */
	.czdl-search{flex:1 1 100%;}
	.czdl-select,.czdl-morefilters{flex:1 1 auto;}
	.czdl-select--sort{min-width:0;}

	/* sidebar becomes the "Dealer information" accordion */
	.czdl-side{gap:0;border:1px solid var(--cz-line);border-radius:var(--cz-radius);overflow:hidden;}
	.czdl-side::before{content:"Dealer information";display:block;font-size:18px;font-weight:800;padding:16px 18px 6px;}
	.czdl-card-info{border:none;border-top:1px solid var(--cz-line);border-radius:0;}
	.czdl-card-info__head{cursor:pointer;}
	.czdl-chevron{display:block;}
	.czdl-open-badge{margin-left:auto;margin-right:6px;}
	.czdl-ci-label-desktop{display:none;}
	.czdl-ci-label-mobile{display:inline;}
	.czdl-ci-icon{color:var(--cz-accent);}

	/* collapsed by default on mobile; open when .is-open */
	.czdl-card-info__body{display:none;}
	.czdl-card-info.is-open .czdl-card-info__body{display:block;}
	.czdl-card-info.is-open .czdl-chevron{transform:rotate(180deg);}

	.czdl-services{grid-template-columns:1fr;}
}

@media (max-width:420px){
	.czdl-hero__cta-btns .czdl-btn--outline{flex:1 1 100%;}
	.czdl-card__cta{grid-template-columns:1fr;}
}