/* ==========================================================================
   Bonauto — pagrindiniai stiliai (header, footer, bendri komponentai)
   ========================================================================== */

/* ---- Bazė ---- */
.bn-header *,
.bn-footer *,
.bn-main * { box-sizing: border-box; }

body {
	font-family: var(--font-base);
	color: var(--c-text);
}

.bn-header a,
.bn-footer a { text-decoration: none; }

/* Bendri komponentai ------------------------------------------------------ */
.bn-badge {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-width: 25px;
	height: 25px;
	padding: 0 6px;
	border-radius: var(--radius-pill);
	font-weight: var(--fw-bold);
	font-size: 12px;
	line-height: 1;
}
.bn-badge--red  { background: var(--c-red); color: #fff; }
.bn-badge--blue { background: var(--c-blue-50); color: var(--c-navy); }

.bn-btn {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 8px;
	padding: 12px 20px;
	border-radius: var(--radius-pill);
	font-weight: var(--fw-bold);
	font-size: var(--fs-14);
	line-height: 1;
	cursor: pointer;
	border: 1px solid transparent;
	transition: background-color .15s ease, color .15s ease, border-color .15s ease;
	white-space: nowrap;
	text-transform: none;
	letter-spacing: 0;
}
.bn-btn--primary { background: var(--c-primary); color: #fff; }
.bn-btn--primary:hover { background: var(--c-primary-dark); color: #fff; }
.bn-btn--outline { background: transparent; color: var(--c-navy); border-color: #cdd9ef; }
.bn-btn--outline:hover { border-color: var(--c-primary); color: var(--c-primary); }

/* ==========================================================================
   HEADER
   ========================================================================== */
.bn-header {
	background: var(--c-white);
	box-shadow: var(--shadow-header);
	position: sticky;
	top: 0;
	z-index: 100;
}
.bn-header__inner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 16px;
	max-width: calc(var(--container-max) + 2 * var(--container-pad));
	margin: 0 auto;
	padding: 16px var(--container-pad);
}
.bn-header__left { display: flex; align-items: center; gap: 24px; }
.bn-header__right { display: flex; align-items: center; gap: 8px; }
.bn-logo { display: inline-flex; align-items: center; flex: 0 0 auto; }
.bn-logo img { display: block; height: 18px; width: auto; max-width: none; flex-shrink: 0; }

.bn-nav { display: flex; align-items: center; }
.bn-nav__link {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 16px;
	border-radius: var(--radius-pill);
	font-weight: var(--fw-medium);
	font-size: var(--fs-14);
	color: var(--c-text);
	white-space: nowrap;
	transition: background-color .15s ease, color .15s ease;
}
.bn-nav__link:hover { background: var(--c-blue-bg); color: var(--c-navy); }
.bn-nav__link.current,
.bn-nav__link:first-child { color: var(--c-navy); }

.bn-action {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	padding: 10px 12px;
	border-radius: var(--radius-pill);
	font-weight: var(--fw-medium);
	font-size: var(--fs-14);
	white-space: nowrap;
}
.bn-action--compare { color: var(--c-navy); }
.bn-action--compare svg { color: var(--c-navy); }
.bn-action--phone { color: var(--c-primary); }
.bn-action:hover { background: var(--c-blue-bg); }

/* Mobilus burgeris ir nav */
.bn-burger {
	display: none;
	flex-direction: column;
	gap: 5px;
	width: 40px;
	height: 40px;
	padding: 9px;
	background: none;
	border: 0;
	cursor: pointer;
}
.bn-burger span { display: block; height: 2px; width: 100%; background: var(--c-navy); border-radius: 2px; transition: transform .2s ease, opacity .2s ease; }
.bn-burger[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.bn-burger[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.bn-burger[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }

.bn-mobile-nav {
	display: flex;
	flex-direction: column;
	gap: 4px;
	padding: 8px var(--container-pad) 24px;
	border-top: 1px solid var(--c-card-border);
}
.bn-mobile-nav[hidden] { display: none; }
.bn-mobile-nav__link {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 12px 8px;
	font-weight: var(--fw-medium);
	font-size: 16px;
	color: var(--c-navy);
	border-bottom: 1px solid var(--c-card-border);
}
.bn-mobile-nav .bn-btn,
.bn-mobile-nav .bn-action { margin-top: 8px; }

/* ==========================================================================
   FOOTER
   ========================================================================== */
.bn-footer {
	background: var(--c-navy);
	color: #fff;
	border-top: 1px solid var(--c-border);
}
.bn-footer__inner {
	max-width: calc(var(--container-max) + 2 * var(--container-pad));
	margin: 0 auto;
	padding: 64px var(--container-pad);
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.bn-footer__top {
	display: grid;
	grid-template-columns: minmax(280px, 1.4fr) 1fr 1fr 1fr;
	gap: 56px 80px;
}
.bn-footer__logo { display: inline-block; margin-bottom: 32px; }
.bn-footer__logo img { display: block; height: 29px; width: auto; }
.bn-footer__desc { font-size: var(--fs-14); line-height: 1.5; color: #fff; max-width: 331px; margin: 0 0 16px; }
.bn-footer__line { font-size: var(--fs-14); margin: 0 0 12px; color: #fff; }
.bn-footer__line strong { font-weight: var(--fw-bold); }
.bn-footer__contact {
	display: flex;
	align-items: center;
	gap: 8px;
	font-size: var(--fs-14);
	font-weight: var(--fw-medium);
	color: #fff;
	margin-bottom: 8px;
}
.bn-footer__contact:hover { color: var(--c-blue-50); }
.bn-footer__socials { display: flex; gap: 14px; margin-top: 16px; }
.bn-footer__social {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	border-radius: 9px;
	background: rgba(255,255,255,.08);
	color: #fff;
	transition: background-color .15s ease, color .15s ease;
}
.bn-footer__social:hover { background: var(--c-primary); color: #fff; }

.bn-footer__col { display: flex; flex-direction: column; gap: 8px; }
.bn-footer__title { font-size: var(--fs-16); font-weight: var(--fw-bold); color: #fff; margin: 0 0 8px; }
.bn-footer__col a {
	display: inline-flex;
	align-items: center;
	gap: 8px;
	font-size: var(--fs-14);
	font-weight: var(--fw-medium);
	color: #fff;
	padding: 6px 0;
}
.bn-footer__col a:hover { color: var(--c-blue-50); }

.bn-footer__bottom {
	padding-top: 8px;
}
.bn-footer__bottom p { font-size: var(--fs-14); color: var(--c-text-muted); margin: 0; }

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */
@media (max-width: 1100px) {
	.bn-nav,
	.bn-header__right { display: none; }
	.bn-burger { display: flex; }
}
@media (max-width: 900px) {
	.bn-footer__top { grid-template-columns: 1fr 1fr; gap: 40px; }
}
@media (max-width: 560px) {
	.bn-footer__top { grid-template-columns: 1fr; gap: 32px; }
	.bn-footer__inner { padding: 40px var(--container-pad); }
}

/* ==========================================================================
   HERO (pagrindinis puslapis)
   ========================================================================== */
.bn-hero {
	position: relative;
	background: linear-gradient(180deg, #e9f1fc 0%, #eef4fd 100%);
	overflow: hidden;
}
.bn-hero__inner {
	position: relative;
	max-width: calc(var(--container-max) + 2 * var(--container-pad));
	margin: 0 auto;
	padding: 64px var(--container-pad) 70px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: 24px;
}
.bn-hero__content { display: flex; flex-direction: column; gap: 24px; align-items: flex-start; }

/* Google rating */
.bn-rating {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #fff;
	padding: 7px;
	border-radius: 7px;
	box-shadow: 0 4px 16px rgba(10,30,65,.06);
}
.bn-rating__google { width: 40px; height: 40px; display: block; }
.bn-rating__detail { display: flex; flex-direction: column; gap: 2px; line-height: 1; }
.bn-rating__label { font-size: 9px; font-weight: 600; color: #1a1a1a; }
.bn-rating__row { display: flex; align-items: center; gap: 4px; }
.bn-rating__score { font-size: 16px; font-weight: 700; color: #ffb300; }
.bn-rating__stars { color: #ffb300; font-size: 11px; letter-spacing: 1px; }
.bn-rating__link { font-size: 8px; color: rgba(0,0,0,.5); }

/* Antraštė */
.bn-hero__title { margin: 0; display: flex; flex-direction: column; font-family: "Clash Display", var(--font-base); color: var(--c-navy); }
.bn-hero__title-1 { font-size: 40px; font-weight: 500; line-height: 1.05; }
.bn-hero__title-2 { font-size: 65px; font-weight: 600; line-height: 1; letter-spacing: -.5px; }

/* Privalumai */
.bn-hero__bullets { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; max-width: 360px; }
.bn-hero__bullets li { display: flex; align-items: flex-start; gap: 8px; font-size: var(--fs-14); font-weight: var(--fw-medium); color: var(--c-navy); }
.bn-check { flex-shrink: 0; margin-top: 1px; }

.bn-hero__cta { display: flex; gap: 16px; flex-wrap: wrap; }
.bn-btn--lg { padding: 16px 24px; font-size: 16px; }
.bn-btn--outline.bn-btn--lg { border-width: 2px; border-color: var(--c-navy); }

/* Vizualas — vienas komponuotas paveikslas (siluetas + automobilis + vėliava) */
.bn-hero__visual { display: flex; align-items: center; justify-content: center; }
.bn-hero__img { width: 100%; max-width: 640px; height: auto; display: block; }

/* ---- Paieška ---- */
.bn-search {
	position: relative;
	max-width: var(--container-max);
	margin: -10px auto 56px;
	left: 0; right: 0;
	width: calc(100% - 2 * var(--container-pad));
	display: flex;
	align-items: stretch;
	background: #fff;
	border: 1px solid #dde9ff;
	border-radius: 8px;
	box-shadow: 0 4px 24px rgba(10,30,65,.06);
}
.bn-search__head {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 0 40px;
	border-right: 1px dashed #e5ebf8;
	flex-shrink: 0;
}
.bn-search__title { font-weight: var(--fw-bold); color: var(--c-navy); font-size: 16px; white-space: nowrap; }
.bn-search__fields {
	display: flex;
	align-items: center;
	gap: 16px;
	flex: 1;
	padding: 20px 24px;
	flex-wrap: wrap;
}
.bn-search__select {
	flex: 1;
	min-width: 150px;
	height: 39px;
	/* Motors tema slepia native selektus — priverstinai grąžinam */
	visibility: visible !important;
	opacity: 1 !important;
	position: static !important;
	padding: 8px 32px 8px 16px;
	background: #f7faff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='m6 9 6 6 6-6' stroke='%230a1e41' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center;
	border: 1px solid #e9ecf3;
	border-radius: 4px;
	font-family: var(--font-base);
	font-weight: var(--fw-bold);
	font-size: 12px;
	color: var(--c-navy);
	appearance: none;
	-webkit-appearance: none;
	cursor: pointer;
}
.bn-search__submit { flex-shrink: 0; white-space: nowrap; height: 39px; padding: 10px 24px; }

/* Select2 (Motors) — paslepiam dubliuojantį native selektą; widget'ą pritaikom prie dizaino */
.bn-search__select.select2-hidden-accessible { display: none !important; }
.select2-container { width: 100% !important; }
.select2-container--default .select2-selection--single {
	height: 39px !important;
	background: #f7faff !important;
	border: 1px solid #e9ecf3 !important;
	border-radius: 4px !important;
	display: flex !important;
	align-items: center !important;
	padding: 0 12px !important;
}
.select2-container--default .select2-selection--single .select2-selection__rendered {
	padding: 0 !important;
	color: var(--c-navy) !important;
	font-weight: var(--fw-bold) !important;
	font-size: 12px !important;
	line-height: 1.2 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow {
	height: 100% !important;
	top: 0 !important;
	right: 8px !important;
}
.select2-container--default .select2-results__option { font-size: 13px; }
.select2-container--default .select2-results__option--highlighted[aria-selected] { background: var(--c-primary) !important; }
.bn-sort .select2-container { width: 180px !important; }

@media (max-width: 1100px) {
	.bn-hero__title-2 { font-size: 52px; }
}
@media (max-width: 900px) {
	.bn-hero__inner { grid-template-columns: 1fr; }
	.bn-hero__visual { order: -1; min-height: 240px; }
	.bn-hero__skyline { width: 80%; max-width: none; right: 0; }
	.bn-search { flex-direction: column; }
	.bn-search__head { border-right: 0; border-bottom: 1px dashed #e5ebf8; padding: 16px 24px; justify-content: center; }
	.bn-search__fields { padding: 16px; }
	.bn-search__select { width: 100%; flex-basis: 100%; }
}
@media (max-width: 560px) {
	.bn-hero__title-1 { font-size: 30px; }
	.bn-hero__title-2 { font-size: 40px; }
	.bn-hero__cta { width: 100%; }
	.bn-hero__cta .bn-btn { flex: 1; }
}

/* ==========================================================================
   BENDRI SEKCIJU ELEMENTAI
   ========================================================================== */
.bn-section { padding: 64px 0; }
.bn-container { max-width: calc(var(--container-max) + 2 * var(--container-pad)); margin: 0 auto; padding: 0 var(--container-pad); }
.bn-h2 { font-family: "Clash Display", var(--font-base); font-weight: 500; font-size: 40px; line-height: 1.1; color: var(--c-navy); margin: 0 0 32px; }
.bn-h2--accent { color: var(--c-primary); font-weight: 600; }

/* ==========================================================================
   PARDUODAMI AUTOMOBILIAI (listings tinklelis)
   ========================================================================== */
.bn-cars { background: #f2f7ff; }
.bn-cars__grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 32px;
}
.bn-car-card {
	display: flex;
	flex-direction: column;
	background: #fff;
	border: 1px solid #f0f5fe;
	border-radius: 8px;
	overflow: hidden;
	text-decoration: none;
	transition: box-shadow .18s ease, transform .18s ease;
}
.bn-car-card:hover { box-shadow: 0 12px 28px rgba(10,30,65,.1); transform: translateY(-3px); }
.bn-car-card__media { position: relative; aspect-ratio: 280 / 220; background: #f7faff; padding: 10px; overflow: hidden; }
.bn-car-card__img { position: absolute; inset: 10px; width: calc(100% - 20px); height: calc(100% - 20px); object-fit: cover; object-position: center; border-radius: 6px; display: block; }
.bn-car-card__img--empty { background: linear-gradient(135deg,#eaf1fe,#f7faff); }
.bn-car-card__monthly {
	position: absolute;
	top: 18px; left: 18px;
	z-index: 2;
	display: inline-flex;
	align-items: center;
	gap: 6px;
	background: #d7ffdd;
	color: #407148;
	font-weight: var(--fw-bold);
	font-size: 12px;
	padding: 5px 10px;
	border-radius: 50px;
}
.bn-dot { width: 7px; height: 7px; border-radius: 50%; background: #2bbb4e; }

.bn-car-card__body { display: flex; flex-direction: column; gap: 10px; padding: 14px 16px 16px; }
.bn-car-card__gallery { display: flex; align-items: center; gap: 6px; }
.bn-dash { width: 22px; height: 2px; border-radius: 30px; background: #e5ebf8; }
.bn-dash--on { background: var(--c-primary); }

.bn-car-card__title-row { display: flex; flex-direction: column; gap: 2px; }
.bn-car-card__title { font-weight: var(--fw-bold); font-size: 14px; color: var(--c-navy); }
.bn-car-card__engine { font-size: 14px; color: #676a72; }

.bn-car-card__specs { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.bn-car-card__year { font-weight: var(--fw-medium); font-size: 14px; color: var(--c-navy); }
.bn-car-card__fuel { display: inline-flex; align-items: center; gap: 6px; font-weight: var(--fw-medium); font-size: 14px; color: var(--c-navy); }
.bn-car-card__fuel img { width: 16px; height: 16px; }
.bn-car-card__price {
	margin-left: auto;
	background: var(--c-primary);
	color: #fff;
	font-weight: var(--fw-bold);
	font-size: 14px;
	padding: 5px 10px;
	border-radius: 50px;
}
.bn-car-card__meta { display: flex; align-items: center; gap: 16px; padding-top: 10px; border-top: 1px solid #f0f5fe; }
.bn-car-card__meta-item { display: inline-flex; align-items: center; gap: 6px; font-size: 12px; color: #676a72; }
.bn-car-card__meta-item img { width: 16px; height: 16px; opacity: .7; }

.bn-cars__more { display: flex; justify-content: center; margin-top: 40px; }
.bn-cars__more .bn-btn { padding: 16px 28px; font-size: 16px; }

@media (max-width: 1100px) { .bn-cars__grid { grid-template-columns: repeat(3, 1fr); } }
@media (max-width: 820px)  { .bn-cars__grid { grid-template-columns: repeat(2, 1fr); } .bn-h2 { font-size: 32px; } }
@media (max-width: 480px)  { .bn-cars__grid { grid-template-columns: 1fr; } }

/* ==========================================================================
   PRIVALUMAI (3 kortelės)
   ========================================================================== */
.bn-benefits { background: #fff; }
.bn-benefits__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px; }
.bn-benefit {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	gap: 24px;
	min-height: 460px;
	padding: 32px 24px 20px;
	border-radius: 16px;
	background: linear-gradient(126deg, #ebf5ff 47%, #cfe0ff 100%);
	border: 1px solid #dbe8ff;
}
.bn-benefit__title { font-family: "Clash Display", var(--font-base); font-weight: 600; font-size: 24px; line-height: 1.15; color: var(--c-navy); margin: 0 0 8px; }
.bn-benefit__desc { font-size: 14px; line-height: 1.5; color: #3a4a66; margin: 0; }
.bn-benefit__media { display: flex; align-items: flex-end; justify-content: center; min-height: 240px; }
.bn-benefit__media img { max-width: 100%; max-height: 280px; height: auto; object-fit: contain; }
.bn-benefits__cta { display: flex; justify-content: center; margin-top: 40px; }

/* ==========================================================================
   HORIZONTALIOS JUOSTOS (gamintojai / tipai)
   ========================================================================== */
.bn-strip {
	display: flex;
	gap: 16px;
	overflow-x: auto;
	padding: 8px 2px;
	scrollbar-width: thin;
}
.bn-strip::-webkit-scrollbar { height: 6px; }
.bn-strip::-webkit-scrollbar-thumb { background: #dbe4f5; border-radius: 10px; }

/* Gamintojai */
.bn-make-card {
	flex: 0 0 auto;
	min-width: 132px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 10px;
	padding: 16px;
	background: #fbfdff;
	border: 1px solid #eef3fc;
	border-radius: 8px;
	text-decoration: none;
	transition: border-color .15s ease, box-shadow .15s ease;
}
.bn-make-card:hover { border-color: var(--c-primary); box-shadow: 0 8px 20px rgba(10,30,65,.08); }
.bn-make-card__logo-wrap { height: 56px; display: flex; align-items: center; justify-content: center; }
.bn-make-card__logo { max-height: 56px; max-width: 110px; width: auto; height: auto; object-fit: contain; }
.bn-make-card__logo--text { font-weight: var(--fw-bold); color: var(--c-navy); }
.bn-make-card__name { font-weight: var(--fw-medium); font-size: 14px; color: var(--c-navy); }

/* Tipai */
.bn-strip--types { gap: 32px; }
.bn-type-card {
	flex: 0 0 auto;
	min-width: 120px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 8px;
	padding: 16px;
	border-radius: 8px;
	text-decoration: none;
	transition: background-color .15s ease;
}
.bn-type-card:hover { background: #f2f7ff; }
.bn-type-card__icon { height: 60px; display: flex; align-items: center; justify-content: center; }
.bn-type-card__icon img { width: 56px; height: 56px; object-fit: contain; }
.bn-type-card__name { font-weight: var(--fw-medium); font-size: 14px; color: var(--c-navy); }

@media (max-width: 820px) {
	.bn-benefits__grid { grid-template-columns: 1fr; gap: 24px; }
	.bn-benefit { min-height: auto; }
}

/* ==========================================================================
   KLIENTŲ ISTORIJOS (atsiliepimai)
   ========================================================================== */
.bn-reviews { background: #f2f7ff; }
.bn-reviews__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.bn-review {
	position: relative;
	background: #fff;
	border: 1px solid #eef3fc;
	border-radius: 16px;
	padding: 28px 24px 24px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.bn-review__quote { position: absolute; top: 16px; left: 24px; font-family: Georgia, serif; font-size: 48px; line-height: 1; color: var(--c-primary); }
.bn-review__author { margin-top: 28px; }
.bn-review__name { font-weight: var(--fw-bold); font-size: 16px; color: var(--c-primary); }
.bn-review__goal { font-size: 14px; color: var(--c-navy); margin: 0; }
.bn-review__goal strong { font-weight: var(--fw-bold); }
.bn-review__text { font-size: 14px; line-height: 1.55; color: #676a72; margin: 0; }
.bn-reviews__cta { display: flex; justify-content: center; margin-top: 36px; }

/* ==========================================================================
   NAUJIENLAIŠKIS (CTA)
   ========================================================================== */
.bn-newsletter-sec { background: #fbfdff; }
.bn-newsletter {
	position: relative;
	overflow: hidden;
	border-radius: 16px;
	min-height: 380px;
	display: flex;
	align-items: center;
	background-color: var(--c-primary);
	background-image: linear-gradient(90deg, rgba(17,95,235,.92) 0%, rgba(17,95,235,.72) 100%), var(--bn-news-bg);
	background-size: cover;
	background-position: center;
	padding: 56px;
}
.bn-newsletter__content { position: relative; z-index: 2; max-width: 520px; display: flex; flex-direction: column; gap: 20px; }
.bn-newsletter__title { font-family: "Clash Display", var(--font-base); color: #fff; margin: 0; display: flex; flex-direction: column; line-height: 1.02; }
.bn-newsletter__title span { font-weight: 500; font-size: 44px; }
.bn-newsletter__title--lg { font-weight: 600; font-size: 56px; }
.bn-newsletter__desc { color: #fff; font-size: 16px; line-height: 1.5; margin: 0; opacity: .95; }
.bn-newsletter__notice { background: rgba(255,255,255,.18); color: #fff; padding: 10px 16px; border-radius: 8px; margin: 0; font-weight: var(--fw-medium); }
.bn-newsletter__notice--err { background: rgba(241,67,67,.25); }
.bn-newsletter__form { display: flex; gap: 8px; background: #f7faff; border: 1px solid #e9ecf3; border-radius: 8px; padding: 8px; max-width: 480px; }
.bn-newsletter__input { flex: 1; border: 0; background: transparent; padding: 10px 12px; font-family: var(--font-base); font-size: 16px; color: var(--c-navy); outline: none; }
.bn-newsletter__input::placeholder { color: #989da9; }
.bn-newsletter__visual { position: absolute; right: 0; top: 0; bottom: 0; width: 50%; z-index: 1; pointer-events: none; }
.bn-newsletter__car { position: absolute; right: 24px; bottom: 24px; width: 70%; max-width: 420px; height: auto; mix-blend-mode: screen; opacity: .95; }
.bn-newsletter__envelope { position: absolute; right: 30%; top: 30px; width: 34%; max-width: 200px; height: auto; }

/* ==========================================================================
   BONAUTO NAUJIENOS
   ========================================================================== */
.bn-news { background: #fff; }
.bn-news__grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); gap: 34px; }
.bn-news-card {
	display: flex;
	flex-direction: column;
	border: 1px solid #f0f5fe;
	border-radius: 8px;
	overflow: hidden;
	text-decoration: none;
	background: #fff;
	transition: box-shadow .18s ease, transform .18s ease;
}
.bn-news-card:hover { box-shadow: 0 12px 28px rgba(10,30,65,.1); transform: translateY(-3px); }
.bn-news-card__media { aspect-ratio: 363 / 231; background: #f2f7ff; padding: 10px; }
.bn-news-card__img { width: 100%; height: 100%; object-fit: cover; border-radius: 6px; display: block; }
.bn-news-card__img--empty { background: linear-gradient(135deg,#eaf1fe,#f7faff); width:100%; height:100%; }
.bn-news-card__body { padding: 12px 16px 18px; display: flex; flex-direction: column; gap: 10px; }
.bn-news-card__meta { display: flex; gap: 24px; }
.bn-news-card__meta-item { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #676a72; }
.bn-news-card__meta-item img { width: 16px; height: 16px; opacity: .7; }
.bn-news-card__title { font-family: var(--font-base); font-weight: var(--fw-bold); font-size: 18px; line-height: 1.3; color: var(--c-navy); margin: 0; }
.bn-news__more { display: flex; justify-content: center; margin-top: 40px; }

@media (max-width: 900px) {
	.bn-reviews__grid { grid-template-columns: 1fr; }
	.bn-newsletter__visual { opacity: .35; }
	.bn-newsletter__content { max-width: 100%; }
}

/* ==========================================================================
   BENDRA: breadcrumbs, page-hero, balti mygtukai, sekciju antrastes
   ========================================================================== */
.bn-breadcrumbs { background: #fff; }
.bn-breadcrumbs .bn-container { display: flex; align-items: center; gap: 8px; padding-top: 16px; padding-bottom: 16px; }
.bn-breadcrumbs a { font-size: 14px; color: var(--c-text); text-decoration: none; }
.bn-breadcrumbs a:hover { color: var(--c-primary); }
.bn-breadcrumbs__sep { color: #c3cee0; }
.bn-breadcrumbs__current { font-size: 14px; color: var(--c-navy); font-weight: var(--fw-medium); }

.bn-btn--white { background: #fff; color: var(--c-primary); }
.bn-btn--white:hover { background: #eaf1fe; color: var(--c-primary); }
.bn-btn--outline-white { background: transparent; color: #fff; border-color: rgba(255,255,255,.7); border-width: 2px; }
.bn-btn--outline-white:hover { border-color: #fff; background: rgba(255,255,255,.1); color: #fff; }

.bn-h2-lg { font-family: "Clash Display", var(--font-base); font-weight: 500; font-size: 50px; line-height: 1.08; color: var(--c-navy); margin: 0 0 16px; }
.bn-section__sub { font-size: 16px; color: #676a72; margin: 0; max-width: 640px; }
.bn-center-cta { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin-top: 48px; }

/* Page hero (mėlynas band + nuotrauka dešinėje) */
.bn-page-hero { position: relative; background: var(--c-primary); overflow: hidden; }
.bn-page-hero__inner { position: relative; z-index: 2; }
.bn-page-hero__content { max-width: 520px; padding: 72px 0; display: flex; flex-direction: column; gap: 24px; }
.bn-page-hero__title { font-family: "Clash Display", var(--font-base); font-weight: 600; font-size: 50px; line-height: 1.05; color: #fff; margin: 0; }
.bn-page-hero__text { font-size: 14px; line-height: 1.6; color: #fff; margin: 0; opacity: .95; max-width: 488px; }
.bn-page-hero__cta { display: flex; gap: 16px; flex-wrap: wrap; }
.bn-page-hero__media {
	position: absolute;
	top: 0; right: 0; bottom: 0;
	width: 56%;
	background-size: cover;
	background-position: left center;
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	z-index: 1;
}

/* Statistika */
.bn-stats { background: #fff; }
.bn-stats__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 32px; }
.bn-stat { display: flex; flex-direction: column; gap: 6px; padding: 16px 24px; border-radius: 8px; }
.bn-stat__num { font-family: "Clash Display", var(--font-base); font-weight: 600; font-size: 40px; color: var(--c-primary); line-height: 1; }
.bn-stat__label { font-size: 16px; font-weight: var(--fw-medium); color: var(--c-navy); }

/* Istorija */
.bn-history { background: #fff; }
.bn-history__inner { display: grid; grid-template-columns: 1fr 1fr; gap: 67px; align-items: center; }
.bn-history__media img { width: 100%; height: auto; border-radius: 16px; display: block; }
.bn-history__text p { font-size: 14px; line-height: 1.65; color: #676a72; margin: 0 0 16px; }
.bn-history__cta { display: flex; gap: 16px; flex-wrap: wrap; margin-top: 8px; }

/* Skirtumas (6 numeruotos kortelės) */
.bn-diff { background: #fbfdff; }
.bn-diff__head { margin-bottom: 40px; }
.bn-diff__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; }
.bn-diff-card { background: #ebf5ff; border: 1px solid #fbfdff; border-radius: 8px; padding: 24px; display: flex; flex-direction: column; gap: 8px; min-height: 240px; }
.bn-diff-card__num { font-family: "Clash Display", var(--font-base); font-weight: 600; font-size: 56px; color: var(--c-primary); line-height: 1; margin-bottom: 8px; }
.bn-diff-card__title { font-size: 20px; font-weight: var(--fw-medium); color: var(--c-navy); margin: 0; }
.bn-diff-card__text { font-size: 14px; line-height: 1.55; color: var(--c-navy); margin: 0; }

/* 4 žingsniai */
.bn-steps { background: #fbfdff; }
.bn-steps__head { text-align: center; margin-bottom: 56px; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.bn-steps__head .bn-section__sub { text-align: center; }
.bn-steps__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 32px; }
.bn-step { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 12px; }
.bn-step__badge { display: inline-flex; align-items: center; justify-content: center; width: 100px; height: 60px; border-radius: 50px; background: #ebf5ff; border: 1px solid #f0f5fe; font-family: "Clash Display", var(--font-base); font-weight: 500; font-size: 31px; color: var(--c-navy); }
.bn-step__title { font-size: 17px; font-weight: var(--fw-bold); color: var(--c-navy); margin: 0; }
.bn-step__text { font-size: 14px; line-height: 1.55; color: #676a72; margin: 0; }

@media (max-width: 980px) {
	.bn-page-hero__media { opacity: .25; width: 100%; }
	.bn-page-hero__content { max-width: 100%; }
	.bn-history__inner { grid-template-columns: 1fr; gap: 32px; }
	.bn-diff__grid { grid-template-columns: 1fr 1fr; }
	.bn-steps__grid { grid-template-columns: 1fr 1fr; }
	.bn-h2-lg { font-size: 36px; }
}
@media (max-width: 600px) {
	.bn-stats__grid, .bn-diff__grid, .bn-steps__grid { grid-template-columns: 1fr; }
	.bn-page-hero__title { font-size: 34px; }
}

/* ==========================================================================
   PAGE HEAD (paprasta antraštė)
   ========================================================================== */
.bn-page-head { background: #fff; padding-top: 16px; }
.bn-page-head .bn-h2-lg { margin: 0; }

/* ==========================================================================
   KONTAKTAI
   ========================================================================== */
.bn-contacts { background: #fff; }
.bn-contacts__inner { display: grid; grid-template-columns: 340px 1fr; gap: 24px; align-items: stretch; }
.bn-contacts__cards { display: flex; flex-direction: column; gap: 8px; }
.bn-contact-card { background: #fff; border: 1px solid #f0f5fe; border-radius: 8px; padding: 24px; }
.bn-contact-card__title { font-size: 14px; font-weight: var(--fw-bold); color: var(--c-navy); margin: 0 0 12px; }
.bn-contact-card p { font-size: 14px; color: #676a72; margin: 0 0 8px; }
.bn-contact-card a { color: var(--c-primary); text-decoration: none; }
.bn-contact-card__sub { font-size: 14px; font-weight: var(--fw-bold); color: var(--c-navy); margin: 16px 0 10px; }
.bn-contact-card__social { display: flex; gap: 12px; }
.bn-contact-card__social a { display: inline-flex; width: 38px; height: 38px; align-items: center; justify-content: center; border-radius: 50%; background: #f2f7ff; color: var(--c-primary); }
.bn-contact-card__social a:hover { background: var(--c-primary); color: #fff; }
.bn-contacts__map { border-radius: 8px; overflow: hidden; min-height: 460px; border: 1px solid #f0f5fe; }
.bn-contacts__map iframe { width: 100%; height: 100%; min-height: 460px; border: 0; display: block; }

/* ==========================================================================
   FORMOS (bendros — kontaktai, paraiška, atsiliepimas)
   ========================================================================== */
.bn-contact-form-sec { background: #fbfdff; }
.bn-contact-form__head { text-align: center; margin-bottom: 32px; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.bn-contact-form__head .bn-section__sub { text-align: center; }
.bn-contact-form__box { max-width: 720px; margin: 0 auto; background: #fff; border: 1px solid #f0f5fe; border-radius: 8px; padding: 32px; }
.bn-form { display: flex; flex-direction: column; gap: 16px; }
.bn-form__row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.bn-field { display: flex; flex-direction: column; gap: 6px; }
.bn-field > span { font-size: 14px; font-weight: var(--fw-bold); color: var(--c-navy); }
.bn-field input, .bn-field textarea {
	border: 1px solid #e9ecf3;
	background: #f7faff;
	border-radius: 8px;
	padding: 12px 14px;
	font-family: var(--font-base);
	font-size: 15px;
	color: var(--c-navy);
	outline: none;
}
.bn-field input:focus, .bn-field textarea:focus { border-color: var(--c-primary); }
.bn-field textarea { resize: vertical; }
.bn-form .bn-btn { align-self: flex-start; }
.bn-form-notice { background: #e7f7ec; color: #1e7a3c; padding: 12px 16px; border-radius: 8px; margin: 0 0 16px; font-weight: var(--fw-medium); }
.bn-form-notice--err { background: #fdecec; color: #c0392b; }

@media (max-width: 860px) {
	.bn-contacts__inner { grid-template-columns: 1fr; }
	.bn-form__row { grid-template-columns: 1fr; }
}

/* ==========================================================================
   PASLAUGOS
   ========================================================================== */
.bn-page-hero--navy { background: var(--c-navy); }

.bn-services .bn-container { display: flex; flex-direction: column; gap: 64px; }
.bn-service { display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; }
.bn-service--rev .bn-service__media { order: 2; }
.bn-service__media img { width: 100%; height: auto; border-radius: 16px; display: block; object-fit: cover; }
.bn-service__text { display: flex; flex-direction: column; gap: 16px; align-items: flex-start; }
.bn-service__text p { font-size: 15px; line-height: 1.65; color: #676a72; margin: 0; }

.bn-inquiry { background: #fbfdff; }
.bn-inquiry__box { display: grid; grid-template-columns: 1fr 1fr; gap: 32px; align-items: stretch; max-width: 1040px; margin: 0 auto; }
.bn-inquiry__form { background: #fff; border: 1px solid #f0f5fe; border-radius: 8px; padding: 32px; }
.bn-inquiry__form .bn-search__select { width: 100%; }
.bn-inquiry__media { border-radius: 16px; overflow: hidden; }
.bn-inquiry__media img { width: 100%; height: 100%; object-fit: cover; display: block; }

@media (max-width: 900px) {
	.bn-service, .bn-service--rev { grid-template-columns: 1fr; gap: 24px; }
	.bn-service--rev .bn-service__media { order: 0; }
	.bn-inquiry__box { grid-template-columns: 1fr; }
	.bn-inquiry__media { min-height: 240px; }
}

/* ==========================================================================
   PARAIŠKA + PALIKTI ATSILIEPIMĄ
   ========================================================================== */
.bn-page-head--center { text-align: center; padding-top: 24px; }
.bn-page-head--center .bn-h2-lg { margin: 0 auto 10px; }
.bn-page-head--center .bn-section__sub { margin: 0 auto; }

.bn-apply__box { display: grid; grid-template-columns: 432px 564px; justify-content: center; max-width: 996px; margin: 0 auto; align-items: stretch; }
.bn-apply__form { background: #fff; border: 1px solid #f0f5fe; border-radius: 8px 0 0 8px; padding: 32px; }
.bn-apply__info { background: #ebf4fd; border-radius: 0 8px 8px 0; padding: 24px; display: flex; flex-direction: column; gap: 16px; }
.bn-apply__title { font-family: "Clash Display", var(--font-base); font-weight: 500; font-size: 28px; line-height: 1.15; color: var(--c-navy); margin: 0; }
.bn-apply__desc { font-size: 14px; color: #51607a; margin: 0; }
.bn-apply__avatars-card { background: #deecfa; border-radius: 8px; padding: 16px; display: flex; align-items: center; gap: 14px; }
.bn-apply__avatars { display: flex; flex-shrink: 0; }
.bn-apply__avatars span { width: 38px; height: 38px; border-radius: 50%; border: 2px solid #deecfa; margin-left: -12px; display: inline-flex; align-items: center; justify-content: center; color: #fff; font-size: 12px; font-weight: var(--fw-bold); }
.bn-apply__avatars span:first-child { margin-left: 0; }
.bn-apply__avatars-card p { font-size: 13px; color: var(--c-navy); margin: 0; }
.bn-apply__benefits { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 14px; }
.bn-apply__benefits li { display: flex; gap: 12px; align-items: flex-start; }
.bn-apply__benefit-icon { flex-shrink: 0; width: 40px; height: 40px; border-radius: 8px; background: #fff; display: inline-flex; align-items: center; justify-content: center; }
.bn-apply__benefits li span:last-child { font-size: 13px; color: #51607a; line-height: 1.45; }
.bn-apply__benefits strong { color: var(--c-navy); font-size: 14px; }
.bn-apply__reviews { display: flex; flex-direction: column; gap: 16px; margin-top: 4px; }
.bn-apply-review { display: flex; gap: 14px; background: #fff; border-radius: 8px; padding: 16px; }
.bn-apply-review__avatar { width: 48px; height: 48px; border-radius: 50%; object-fit: cover; flex-shrink: 0; }
.bn-apply-review__body p { font-size: 13px; font-style: italic; line-height: 1.5; color: #527597; margin: 0 0 8px; }
.bn-apply-review__foot { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.bn-apply-review__name { font-size: 14px; font-weight: var(--fw-bold); color: var(--c-navy); }
.bn-apply-review__stars { color: #ffb300; font-size: 14px; letter-spacing: 1px; }
.bn-apply-review__stars .bn-star-empty { color: #d6deea; }

.bn-review-form__box { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; max-width: 900px; margin: 0 auto; align-items: stretch; }
.bn-review-form__form { background: #fff; border: 1px solid #f0f5fe; border-radius: 8px; padding: 32px; }
.bn-review-form__media { border-radius: 8px; overflow: hidden; }
.bn-review-form__media img { width: 100%; height: 100%; object-fit: cover; display: block; }

@media (max-width: 1020px) {
	.bn-apply__box { grid-template-columns: 1fr; max-width: 564px; }
	.bn-apply__form { border-radius: 8px 8px 0 0; }
	.bn-apply__info { border-radius: 0 0 8px 8px; }
}
@media (max-width: 860px) {
	.bn-review-form__box { grid-template-columns: 1fr; }
	.bn-review-form__media { min-height: 240px; order: -1; }
}

/* ==========================================================================
   NAUJIENOS (archyvas) + STRAIPSNIS
   ========================================================================== */
.bn-news--archive { background: #fff; }
.bn-news-featured { display: grid; grid-template-columns: 1.1fr 1fr; gap: 24px; border: 1px solid #f0f5fe; border-radius: 8px; overflow: hidden; text-decoration: none; margin-bottom: 32px; background: #fff; transition: box-shadow .18s ease; }
.bn-news-featured:hover { box-shadow: 0 12px 28px rgba(10,30,65,.1); }
.bn-news-featured__media { min-height: 280px; background: #f2f7ff; }
.bn-news-featured__media img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bn-news-featured__body { padding: 32px; display: flex; flex-direction: column; gap: 14px; align-items: flex-start; justify-content: center; }
.bn-news-featured__title { font-family: var(--font-base); font-weight: var(--fw-bold); font-size: 26px; line-height: 1.25; color: var(--c-navy); margin: 0; }
.bn-news-featured__excerpt { font-size: 14px; line-height: 1.6; color: #676a72; margin: 0; }

.bn-pagination { display: flex; justify-content: center; gap: 10px; margin-top: 48px; }
.bn-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 39px; height: 39px; padding: 0 10px; border-radius: 50px; background: #f2f7ff; color: var(--c-navy); font-weight: var(--fw-medium); font-size: 14px; text-decoration: none; }
.bn-pagination .page-numbers.current { background: var(--c-primary); color: #fff; }
.bn-pagination a.page-numbers:hover { background: #dce8ff; }

/* Straipsnis */
.bn-breadcrumbs--blue { background: #ebf4fd; }
.bn-article { background: #fff; }
.bn-article__inner { max-width: 1168px; }
.bn-article__meta { display: flex; gap: 24px; margin-bottom: 12px; }
.bn-article__title { font-family: "Clash Display", var(--font-base); font-weight: 600; font-size: 40px; line-height: 1.15; color: var(--c-navy); margin: 0 0 24px; }
.bn-article__hero { border-radius: 12px; overflow: hidden; margin-bottom: 32px; }
.bn-article__hero img { width: 100%; height: auto; display: block; }
.bn-article__content { font-size: 16px; line-height: 1.75; color: #3a4a66; }
.bn-article__content h2 { font-family: "Clash Display", var(--font-base); font-weight: 500; font-size: 26px; color: var(--c-navy); margin: 32px 0 12px; }
.bn-article__content h3 { font-size: 20px; font-weight: var(--fw-bold); color: var(--c-navy); margin: 24px 0 8px; }
.bn-article__content p { margin: 0 0 18px; }
.bn-article__content img { max-width: 100%; height: auto; border-radius: 12px; }
.bn-article__content blockquote { border-left: 3px solid var(--c-primary); margin: 24px 0; padding: 4px 0 4px 20px; font-style: italic; font-weight: var(--fw-bold); font-size: 20px; color: var(--c-navy); }
.bn-article__content ul, .bn-article__content ol { margin: 0 0 18px; padding-left: 22px; }
.bn-article__content a { color: var(--c-primary); }

@media (max-width: 760px) {
	.bn-news-featured { grid-template-columns: 1fr; }
	.bn-article__title { font-size: 28px; }
}

/* ==========================================================================
   KATALOGAS (archive-listings)
   ========================================================================== */
.bn-catalog { background: #fff; }
.bn-catalog__inner { display: grid; grid-template-columns: 279px 1fr; gap: 33px; align-items: start; }

.bn-filters { position: sticky; top: 96px; border: 1px solid #dde9ff; border-radius: 8px; box-shadow: 0 4px 4px rgba(245,249,255,.4); overflow: hidden; background: #fff; }
.bn-filters__head { display: flex; align-items: center; gap: 10px; padding: 16px 20px; border-bottom: 1px solid #eef2f8; font-weight: var(--fw-bold); color: var(--c-navy); font-size: 15px; }
.bn-filters__icon { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 9px; background: #eef4ff; color: var(--c-primary); flex-shrink: 0; }
.bn-filters__body { display: flex; flex-direction: column; gap: 10px; padding: 18px 20px 22px; }

/* Akordeono filtrai */
.bn-fdrop { background: #f4f8ff; border: 1px solid transparent; border-radius: 10px; transition: border-color .15s ease, background-color .15s ease; }
.bn-fdrop.is-open { background: #fff; border-color: #d7e4ff; }
.bn-fdrop__head { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 8px; background: none; border: 0; box-shadow: none !important; text-transform: none; letter-spacing: 0; padding: 13px 16px; cursor: pointer; font-family: inherit; font-size: 14px; font-weight: var(--fw-medium); color: var(--c-navy); }
.bn-fdrop.is-selected .bn-fdrop__head, .bn-fdrop.is-open .bn-fdrop__head { color: var(--c-primary); }
.bn-fdrop__value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bn-fdrop__chev { flex-shrink: 0; transition: transform .2s ease; }
.bn-fdrop.is-open .bn-fdrop__chev { transform: rotate(180deg); }
.bn-fdrop__panel { max-height: 0; overflow: hidden; transition: max-height .22s ease; }
.bn-fdrop.is-open .bn-fdrop__panel { max-height: 234px; overflow-y: auto; }
.bn-fdrop__list { list-style: none; margin: 0; padding: 2px 8px 10px; }
.bn-fdrop__opt { width: 100%; text-align: left; background: none; border: 0; box-shadow: none !important; text-transform: none; letter-spacing: 0; padding: 8px 10px; border-radius: 7px; cursor: pointer; font-family: inherit; font-size: 14px; color: var(--c-navy); }
.bn-fdrop__opt:hover { background: #f4f8ff; }
.bn-fdrop__opt.is-active { color: var(--c-primary); font-weight: var(--fw-bold); background: #eef4ff; }
/* Hover — Motors button:hover paverčia tekstą baltu, todėl priverstinai grąžinam tamsų */
.bn-fdrop:not(.is-open):hover { background: #eaf1ff; }
.bn-fdrop__head:hover, .bn-fdrop__head:focus { color: var(--c-navy) !important; opacity: 1 !important; }
.bn-fdrop.is-selected .bn-fdrop__head:hover, .bn-fdrop.is-selected .bn-fdrop__head:focus,
.bn-fdrop.is-open .bn-fdrop__head:hover, .bn-fdrop.is-open .bn-fdrop__head:focus { color: var(--c-primary) !important; }
.bn-fdrop__opt:hover, .bn-fdrop__opt:focus { background: #f4f8ff; color: var(--c-navy) !important; opacity: 1 !important; }
.bn-fdrop__opt.is-active:hover, .bn-fdrop__opt.is-active:focus { color: var(--c-primary) !important; }

/* Kainos slankiklis (dvigubas) */
.bn-fprice { padding: 10px 4px 2px; }
.bn-fprice__title { display: block; font-size: 14px; font-weight: var(--fw-bold); color: var(--c-navy); margin-bottom: 18px; }
.bn-fprice__slider { position: relative; height: 20px; }
.bn-fprice__track { position: absolute; top: 50%; left: 0; right: 0; height: 4px; transform: translateY(-50%); background: #dde7f5; border-radius: 3px; }
.bn-fprice__fill { position: absolute; top: 0; bottom: 0; background: var(--c-primary); border-radius: 3px; }
.bn-fprice__range { position: absolute; top: 0; left: 0; width: 100%; height: 20px; margin: 0; padding: 0; background: none; pointer-events: none; -webkit-appearance: none; appearance: none; }
.bn-fprice__range::-webkit-slider-runnable-track { background: none; border: 0; height: 20px; }
.bn-fprice__range::-moz-range-track { background: none; border: 0; height: 20px; }
.bn-fprice__range::-webkit-slider-thumb { -webkit-appearance: none; pointer-events: auto; width: 18px; height: 18px; margin-top: 1px; border-radius: 50%; background: var(--c-primary); border: 3px solid #fff; box-shadow: 0 1px 5px rgba(10,30,65,.3); cursor: pointer; }
.bn-fprice__range::-moz-range-thumb { pointer-events: auto; width: 18px; height: 18px; border-radius: 50%; background: var(--c-primary); border: 3px solid #fff; box-shadow: 0 1px 5px rgba(10,30,65,.3); cursor: pointer; }
.bn-fprice__range--min { z-index: 3; }
.bn-fprice__range--max { z-index: 4; }
.bn-fprice__vals { display: flex; justify-content: space-between; gap: 8px; margin-top: 16px; }
.bn-fprice__val { font-size: 13px; font-weight: var(--fw-medium); color: var(--c-navy); background: #f4f8ff; border-radius: 7px; padding: 7px 16px; }

.bn-filters__submit { width: 100%; margin-top: 8px; gap: 8px; }
.bn-filters__reset { text-align: center; font-size: 13px; color: var(--c-text); text-decoration: underline; margin-top: 4px; }

.bn-catalog__bar { display: flex; align-items: center; justify-content: space-between; gap: 16px; flex-wrap: wrap; margin-bottom: 24px; }
.bn-catalog__pills { display: flex; gap: 8px; flex-wrap: wrap; }
.bn-pill { display: inline-flex; align-items: center; gap: 8px; background: #fff; border: 1px solid #dde9ff; border-radius: 30px; padding: 7px 14px; font-size: 12px; font-weight: var(--fw-medium); color: var(--c-navy); text-decoration: none; }
.bn-pill span { color: #98a6c0; font-size: 14px; }
.bn-pill:hover { border-color: var(--c-red); color: var(--c-red); }
.bn-sort { display: flex; align-items: center; gap: 10px; margin-left: auto; }
.bn-sort__label { font-size: 13px; color: var(--c-text); white-space: nowrap; }

/* Rūšiavimo dropdown'as (toks pat kaip filtruose, be paieškos) */
.bn-sortdrop { position: relative; min-width: 190px; }
.bn-sortdrop__head { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; background: #f4f8ff; border: 1px solid transparent; border-radius: 10px; box-shadow: none !important; text-transform: none; letter-spacing: 0; padding: 11px 16px; cursor: pointer; font-family: inherit; font-size: 14px; font-weight: var(--fw-bold); color: var(--c-navy); }
.bn-sortdrop.is-open .bn-sortdrop__head { background: #fff; border-color: #d7e4ff; color: var(--c-primary); }
.bn-sortdrop__head:hover, .bn-sortdrop__head:focus { color: var(--c-navy) !important; opacity: 1 !important; }
.bn-sortdrop.is-open .bn-sortdrop__head:hover, .bn-sortdrop.is-open .bn-sortdrop__head:focus { color: var(--c-primary) !important; }
.bn-sortdrop__value { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.bn-sortdrop .bn-fdrop__chev { flex-shrink: 0; transition: transform .2s ease; }
.bn-sortdrop.is-open .bn-fdrop__chev { transform: rotate(180deg); }
.bn-sortdrop__panel { position: absolute; top: calc(100% + 6px); left: 0; right: 0; z-index: 30; background: #fff; border: 1px solid #d7e4ff; border-radius: 10px; box-shadow: 0 12px 30px rgba(15,40,90,.12); padding: 6px; display: none; }
.bn-sortdrop.is-open .bn-sortdrop__panel { display: block; }
.bn-sortdrop__list { list-style: none; margin: 0; padding: 0; }
.bn-sortdrop__opt { display: block; padding: 9px 12px; border-radius: 7px; font-size: 14px; color: var(--c-navy); text-decoration: none; white-space: nowrap; }
.bn-sortdrop__opt:hover, .bn-sortdrop__opt:focus { background: #f4f8ff; color: var(--c-navy) !important; }
.bn-sortdrop__opt.is-active { color: var(--c-primary); font-weight: var(--fw-bold); background: #eef4ff; }

.bn-catalog__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px; }
.bn-catalog__empty { font-size: 16px; color: var(--c-text); padding: 40px 0; }
.bn-catalog__empty a { color: var(--c-primary); }

@media (max-width: 1024px) {
	.bn-catalog__inner { grid-template-columns: 1fr; }
	.bn-filters { position: static; }
	.bn-catalog__grid { grid-template-columns: repeat(3, 1fr); }
}
@media (max-width: 820px) { .bn-catalog__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 520px) { .bn-catalog__grid { grid-template-columns: 1fr; } .bn-sort { margin-left: 0; } }

/* ==========================================================================
   VIENAS AUTOMOBILIS (single-listings)
   ========================================================================== */
.bn-car-head { padding-top: 16px; }
.bn-car-head__title { font-family: "Clash Display", var(--font-base); font-weight: 600; font-size: 40px; line-height: 1.1; color: var(--c-navy); margin: 0 0 6px; }
.bn-car-head__sub { font-size: 20px; color: var(--c-text); margin: 0; }

.bn-single__inner { display: grid; grid-template-columns: 1fr 384px; gap: 32px; align-items: start; }
.bn-single__main { min-width: 0; }

/* Galerija (didelė nuotrauka + miniatiūros) */
.bn-gallery__main { position: relative; display: block; width: 100%; padding: 0; border: 0; margin: 0; background: #eef3fa; border-radius: 12px; overflow: hidden; aspect-ratio: 16/10; cursor: zoom-in; }
.bn-gallery__main img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bn-gallery__thumbs { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; margin-top: 10px; }
.bn-gallery__thumb { padding: 0; border: 2px solid transparent; border-radius: 8px; overflow: hidden; cursor: pointer; background: none; aspect-ratio: 4/3; }
.bn-gallery__thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.bn-gallery__thumb.is-active { border-color: var(--c-primary); }
.bn-gallery__thumb:hover { border-color: #b9d2ff; }

/* Techninė informacija + papildoma įranga (per visą plotį po galerija) */
.bn-spec-block { margin-top: 44px; }
.bn-spec-block__title { font-family: "Clash Display", var(--font-base); font-size: 24px; font-weight: 600; color: var(--c-navy); margin: 0 0 8px; }
.bn-spec-list { display: grid; grid-template-columns: 1fr 1fr; gap: 0 64px; margin: 0; }
.bn-spec-row { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 16px 0; border-bottom: 1px solid #eef2f8; }
.bn-spec-row dt { color: #676a72; font-size: 15px; margin: 0; }
.bn-spec-row dd { color: var(--c-navy); font-size: 15px; font-weight: var(--fw-bold); margin: 0; text-align: right; }
.bn-features { list-style: none; margin: 12px 0 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 18px 64px; }
.bn-features li { display: flex; align-items: center; gap: 12px; font-size: 15px; color: var(--c-navy); }
.bn-features__icon { width: 22px; height: 22px; object-fit: contain; flex-shrink: 0; }

/* Lizingo forma (horizontali, apačioje) */
.bn-lease-form { margin-top: 44px; display: grid; grid-template-columns: 300px 1fr; background: #f4f8ff; border-radius: 16px; overflow: hidden; }
.bn-lease-form__aside { padding: 36px 32px; display: flex; flex-direction: column; align-items: flex-start; }
.bn-lease-form__key { width: 64px; height: 64px; object-fit: contain; margin-bottom: 14px; }
.bn-lease-form__aside h3 { font-family: "Clash Display", var(--font-base); font-weight: 600; font-size: 22px; color: var(--c-navy); margin: 0; }
.bn-lease-form__car { width: 100%; max-width: 230px; height: auto; margin-top: 24px; }
.bn-lease-form__body { padding: 36px 40px; display: flex; flex-direction: column; justify-content: center; }
.bn-lease-form__submit { align-self: flex-start; margin-top: 6px; }

/* Kainos kortelė */
.bn-single__sidebar { position: sticky; top: 96px; }
.bn-price-card { border: 1px solid #eef2f8; border-radius: 14px; padding: 24px; display: flex; flex-direction: column; gap: 14px; box-shadow: 0 8px 30px rgba(15,40,90,.05); }
.bn-price-card__head { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; }
.bn-price-card__price { font-family: "Clash Display", var(--font-base); font-weight: 600; font-size: 30px; color: var(--c-navy); }
.bn-price-card__pill { display: inline-flex; align-items: center; gap: 6px; background: #e7f8ef; color: #1ba360; font-size: 13px; font-weight: var(--fw-medium); padding: 6px 12px; border-radius: 30px; white-space: nowrap; }
.bn-price-card__lender { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-bottom: 14px; border-bottom: 1px solid #eef2f8; }
.bn-price-card__lender-logo { height: 30px; width: auto; }
.bn-price-card__lender-link { color: var(--c-primary); font-size: 13px; font-weight: var(--fw-medium); text-decoration: none; white-space: nowrap; }
.bn-price-card__lender-link:hover { text-decoration: underline; }
.bn-price-card__cta { width: 100%; }
.bn-price-card__phone { display: inline-flex; align-items: center; justify-content: center; gap: 10px; }
.bn-price-card__phone img { width: 18px; height: 18px; }
.bn-price-card__compare { display: inline-flex; align-items: center; justify-content: center; gap: 8px; background: none; border: 0; cursor: pointer; color: var(--c-navy); font-size: 14px; font-weight: var(--fw-medium); font-family: inherit; padding: 4px; text-transform: none; letter-spacing: 0; }
.bn-price-card__compare img { width: 18px; height: 18px; }
.bn-price-card__compare.is-active { color: var(--c-primary); }
.bn-price-card__note { display: flex; gap: 8px; background: #f6f8fc; border-radius: 10px; padding: 12px 14px; font-size: 11px; line-height: 1.5; color: #8a98b2; margin: 2px 0 0; }
.bn-price-card__note img { width: 16px; height: 16px; flex-shrink: 0; margin-top: 1px; }

@media (max-width: 1000px) {
	.bn-single__inner { grid-template-columns: 1fr; }
	.bn-single__sidebar { position: static; }
	.bn-lease-form { grid-template-columns: 1fr; }
	.bn-lease-form__aside { flex-direction: row; align-items: center; gap: 16px; padding-bottom: 0; }
	.bn-lease-form__key { margin-bottom: 0; }
	.bn-lease-form__car { display: none; }
	.bn-lease-form__body { padding: 24px; }
}
@media (max-width: 560px) {
	.bn-spec-list, .bn-features { grid-template-columns: 1fr; }
	.bn-gallery__thumbs { grid-template-columns: repeat(4, 1fr); }
	.bn-car-head__title { font-size: 28px; }
	.bn-price-card__head { gap: 8px; }
}

/* ==========================================================================
   PALYGINIMO MYGTUKAS kortelėje
   ========================================================================== */
.bn-car-card__compare {
	position: absolute;
	top: 18px; right: 18px;
	z-index: 3;
	width: 34px; height: 34px;
	display: inline-flex; align-items: center; justify-content: center;
	background: #fff; border-radius: 50%;
	color: var(--c-navy); cursor: pointer;
	box-shadow: 0 2px 8px rgba(10,30,65,.12);
	transition: background-color .15s ease, color .15s ease;
}
.bn-car-card__compare:hover { background: var(--c-blue-50); }
.bn-car-card__compare.is-active { background: var(--c-primary); color: #fff; }

/* ==========================================================================
   PALYGINIMAS
   ========================================================================== */
.bn-compare { background: #fbfdff; }
.bn-compare__empty { text-align: center; max-width: 520px; margin: 0 auto; display: flex; flex-direction: column; gap: 12px; align-items: center; padding: 24px 0; }
.bn-compare__empty p { color: #676a72; margin: 0; }
.bn-compare__empty .bn-btn { margin-top: 12px; }
.bn-compare__scroll { overflow-x: auto; }
.bn-compare__table { width: 100%; border-collapse: collapse; background: #fff; border: 1px solid #f0f5fe; border-radius: 8px; overflow: hidden; }
.bn-compare__table th, .bn-compare__table td { padding: 16px; text-align: left; border-bottom: 1px solid #f0f5fe; font-size: 14px; color: var(--c-navy); vertical-align: middle; }
.bn-compare__label { width: 220px; color: #676a72 !important; font-weight: var(--fw-medium); background: #fbfdff; }
.bn-compare__car { min-width: 200px; text-align: center !important; }
.bn-compare__car a { text-decoration: none; display: flex; flex-direction: column; gap: 8px; align-items: center; }
.bn-compare__img { width: 100%; height: 110px; border-radius: 8px; background: #f2f7ff center/cover no-repeat; display: block; }
.bn-compare__name { font-weight: var(--fw-bold); color: var(--c-navy); font-size: 14px; }
.bn-compare__remove { display: inline-block; margin-top: 8px; font-size: 12px; color: var(--c-red); cursor: pointer; }
.bn-compare__table tbody td { text-align: center; }
.bn-compare__table tbody td.bn-compare__label { text-align: left; }

/* Galerijos brūkšneliai — interaktyvūs */
.bn-car-card__gallery .bn-dash[data-img] { cursor: pointer; height: 3px; }
.bn-car-card__gallery { padding: 2px 0; }

/* Kortelės galerijos zonos (užvedimui/braukimui) */
.bn-car-card__zones { position: absolute; inset: 10px; z-index: 1; display: flex; }
.bn-car-card__zones .bn-zone { flex: 1 1 0; cursor: pointer; }

/* ==========================================================================
   GALERIJOS LIGHTBOX (single auto)
   ========================================================================== */
.bn-gallery__zoom { position: absolute; left: 14px; bottom: 14px; z-index: 2; display: inline-flex; align-items: center; gap: 8px; padding: 9px 15px; background: rgba(255,255,255,.94); color: var(--c-navy); border-radius: 30px; font-size: 13px; font-weight: var(--fw-bold); box-shadow: 0 3px 10px rgba(10,30,65,.16); pointer-events: none; }

/* Slenkanti peržiūra */
.bn-lb { position: fixed; inset: 0; z-index: 10000; background: rgba(8,12,20,.97); display: flex; flex-direction: column; }
.bn-lb[hidden] { display: none; }
.bn-lb__top { flex: 0 0 auto; height: 60px; display: flex; align-items: center; justify-content: space-between; padding: 0 20px; }
.bn-lb__count { color: #fff; font-size: 14px; font-weight: var(--fw-medium); background: rgba(255,255,255,.1); padding: 7px 16px; border-radius: 30px; }
.bn-lb__close { width: 44px; height: 44px; display: inline-flex; align-items: center; justify-content: center; background: rgba(255,255,255,.1); border: 0; border-radius: 50%; color: #fff; cursor: pointer; transition: background-color .15s ease; }
.bn-lb__close:hover { background: rgba(255,255,255,.22); }
.bn-lb__close svg { width: 22px; height: 22px; flex-shrink: 0; display: block; }

.bn-lb__viewport { flex: 1 1 auto; position: relative; overflow: hidden; min-height: 0; touch-action: pan-y; }
.bn-lb__track { display: flex; height: 100%; transition: transform .38s cubic-bezier(.22,.61,.36,1); will-change: transform; }
.bn-lb__slide { flex: 0 0 100%; height: 100%; display: flex; align-items: center; justify-content: center; padding: 12px 80px; }
.bn-lb__slide img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 8px; user-select: none; -webkit-user-drag: none; }
.bn-lb__arrow { position: absolute; top: 50%; transform: translateY(-50%); width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; background: rgba(255,255,255,.12); border: 0; border-radius: 50%; color: #fff; cursor: pointer; transition: background-color .15s ease; z-index: 2; }
.bn-lb__arrow:hover { background: rgba(255,255,255,.28); }
.bn-lb__arrow svg { width: 26px; height: 26px; flex-shrink: 0; display: block; }
.bn-lb__arrow--prev { left: 20px; }
.bn-lb__arrow--next { right: 20px; }

.bn-lb__rail { flex: 0 0 auto; height: 86px; display: flex; gap: 8px; padding: 12px 20px; overflow-x: auto; overflow-y: hidden; align-items: center; justify-content: safe center; scrollbar-width: none; -ms-overflow-style: none; }
.bn-lb__rail::-webkit-scrollbar { display: none; }
.bn-lb__thumb { flex: 0 0 auto; width: 92px; height: 62px; border: 2px solid transparent; border-radius: 6px; background: center/cover no-repeat #222; cursor: pointer; padding: 0; opacity: .5; transition: opacity .15s ease, border-color .15s ease; }
.bn-lb__thumb:hover { opacity: .85; }
.bn-lb__thumb.is-active { opacity: 1; border-color: #fff; }
@media (max-width: 600px) {
	.bn-lb__top { height: 52px; }
	.bn-lb__slide { padding: 8px 10px; }
	.bn-lb__arrow { width: 40px; height: 40px; }
	.bn-lb__arrow svg { width: 22px; height: 22px; }
	.bn-lb__arrow--prev { left: 6px; }
	.bn-lb__arrow--next { right: 6px; }
	.bn-lb__rail { height: 66px; }
	.bn-lb__thumb { width: 62px; height: 44px; }
}

/* Katalogo kainos filtras */
.bn-filter-price__row { display: flex; align-items: center; gap: 8px; }
.bn-filter-price__row input { flex: 1; width: 100%; height: 39px; padding: 8px 12px; background: #f7faff; border: 1px solid #e9ecf3; border-radius: 4px; font-family: var(--font-base); font-size: 13px; color: var(--c-navy); }
.bn-filter-price__row input:focus { outline: none; border-color: var(--c-primary); }
.bn-filter-price__dash { color: #98a6c0; }