/* start form 7 */

.wpcf7-spinner {
	display: none !important;
}

.popup_order-item input.wpcf7-not-valid {
	border: 1px solid #dc3232;
	background: rgba(220, 50, 50, .2);
}

.popup_order-item input.wpcf7-not-valid:hover {
	border: 1px solid #dc3232 !important;
}

.wpcf7-not-valid-tip {
	display: none !important;
}

.wpcf7 form.invalid .wpcf7-response-output {
	display: none !important;
}


.wpcf7 form.sent .wpcf7-response-output {
	border-color: #4435f1;
}

/* eof form 7 */


/* Navigation - Hero Seamless Transition (v2.1.6 Fix) */
.legacy-shell {
    padding-top: 0 !important;
}

body:not(.home) .header {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

@media (max-width: 991.98px) {
    body:not(.home) .header {
        padding: 20px 0 0 !important;
    }
}



/* Start filter */

#search-filter-form-522>ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}

li.sf-field-taxonomy-type,
li.sf-field-post-meta-catalog_manufacturer,
li.sf-field-post-meta-catalog_brand,
li.sf-field-post-meta-catalog_kpp {
	flex: 0 0 calc(25% - 15px);
	padding: 0 !important;
}


li.sf-field-post-meta-catalog_year {
	flex: 0 0 calc(25% - 15px);
	padding: 0 !important;
}

li.sf-field-post-meta-catalog_carbody,
li.sf-field-post-meta-catalog_carbodytype {
	flex: 0 0 calc(25% - 15px);
	padding: 0 !important;
}

li.sf-field-post-meta-catalog_drive {
	flex: 0 0 calc(50% - 15px);
	padding: 0 !important;
}

li.sf-field-post-meta-catalog_drive ul li {
	flex: 0;
}

li.sf-field-post-meta-catalog_color {
	flex: 1 1 100%;
	padding: 0 0 0 20px !important;
}

li.sf-field-post-meta-catalog_color>ul,
li.sf-field-post-meta-catalog_drive>ul {
	display: flex;
	gap: 20px;
}

li.sf-field-post-meta-catalog_price,
li.sf-field-post-meta-catalog_run,
li.sf-field-post-meta-catalog_dvigatel {
	flex: 0 0 calc(33% - 13px);
	padding-top: 0 !important;
	padding-bottom: 5px !important;
}

li.sf-field-sort_order {
	display: none !important;
}

.sf-field-submit {
	padding: 0 !important;
	flex: 1;
}

.sf-field-reset {
	padding: 0 !important;
	flex: 0 0 60px;
}

#search-filter-form-522 ul h4 {
	font-size: 12px !important;
	line-height: 18px;
	margin-bottom: 2px !important;
	color: #919191;
	padding: 0 !important;
}


#search-filter-form-522 div.sf-input-select {
	border: 1px solid #E2E2E2;
	background: #FFFFFF;
	height: 36px;
	border-radius: 12px;
	position: relative;
	width: 100%;
	transition: border-color .3s;

	&:hover {
		border-color: #2144FE;
	}

	&.show {
		border-color: #2A2A2A;
	}
}

.sf-field-post-meta-catalog_kpp .sf-input-select {
	color: #919191;
}

#search-filter-form-522 label {
	display: block;
	width: 100%;
}

.sf-meta-range {
	display: flex;
	border: 1px solid #E2E2E2;
	background: #FFFFFF;
	height: 36px;
	width: 100%;
	border-radius: 12px;
	position: relative;
	transition: border-color .3s;

	&:hover {
		border-color: #2144FE;
	}
}

.sf-meta-range:has(input:focus) {
	border-color: #2A2A2A;
}

.sf-meta-range:before {
	position: absolute;
	content: "";
	background-color: #E2E2E2;
	width: 1px;
	height: 20px;
	right: 50%;
	transform: translate(50%, -50%);
	top: 50%;
}

.sf-input-range-number {
	width: 90%;
	border: none;
	height: 100%;
	display: block;
	background: none;
	font-size: 14px;
	padding-left: 16px;
	font-size: 14px;
	font-family: Inter;
	/*		color: #919191;*/
	color: #2A2A2A;
	max-width: 100% !important;

	@media (max-width: 767.98px) {
		& {
			width: 100%;
		}
	}
}

.sf-range-values-seperator {
	display: none;
}

input[type="number"] {
	-moz-appearance: textfield;
	-webkit-appearance: textfield;
	appearance: textfield;
}

input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
	display: none;
}

.sf-field-post-meta-catalog_drive .sf-label-checkbox {
	display: flex !important;
	cursor: pointer;
	align-items: center;
	padding: 0 !important;
	white-space: nowrap;
}

.sf-field-post-meta-catalog_drive .sf-label-checkbox:before {
	display: block;
	content: '';
	background: #FFFFFF;
	width: 20px;
	height: 20px;
	border: 1px solid #E2E2E2;
	border-radius: 4px;
	margin-right: 8px;
	font-size: 0 !important;
}

.sf-field-post-meta-catalog_drive .sf-input-checkbox {
	display: none;
}

.sf-field-post-meta-catalog_drive .sf-input-checkbox:checked+.sf-label-checkbox:before {
	border: 1px solid #2144FE;
	background-color: #2144FE;
	background-image: url(../img/check_white.svg);
	background-position: center;
	background-repeat: no-repeat;
}

.sf-input-checkbox {
	display: none;
}

.sf-field-post-meta-catalog_color ul li {
	padding: 0 !important;
	width: 49px;
	overflow: hidden;
	/*		margin-right: 24px;*/
}

.sf-field-post-meta-catalog_color label {
	position: relative;
	padding-top: 30px;
	text-align: center;
	font-size: 12px;
	line-height: 18px;
	/*  color: #919191;*/
	padding-left: 0 !important;
	cursor: pointer;


	color: transparent;
	-webkit-background-clip: text;
	background-clip: text;
	background-image: linear-gradient(to right, #919191 30%, #F5F5F5 100%);



}

/*.sf-field-post-meta-catalog_color label:after{
		display: block;
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 10px;
		background: #F5F5F5;

	}*/

.sf-field-post-meta-catalog_color label:before {
	width: 24px;
	height: 24px;
	/*		margin-bottom: 6px;*/
	border-radius: 50%;
	display: block;
	content: '';
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

input[value="black"]+label:before {
	background: #000;
}

input[value="blue"]+label:before {
	background: blue;
}

input[value="grey"]+label:before {
	background: grey;
}

input[value="silver"]+label:before {
	background: silver;
}

input[value="white"]+label:before {
	background: white;
	border: 1px solid #E2E2E2;
}

input[value="wine"]+label:before {
	background: #6A493E;
}

input[value="red"]+label:before {
	background: red;
}

input[value="green"]+label:before {
	background: green;
}

input[value="purple"]+label:before {
	background: purple;
}

input[value="brown"]+label:before {
	background: brown;
}

input[value="cream"]+label:before {
	background: yellow;
}

input[value="orange"]+label:before {
	background: orange;
}

input[value="beige"]+label:before {
	background: #FF82CD;
}

.sf-field-post-meta-catalog_color input:checked+label:after {
	position: absolute;
	content: "";
	background-image: url(../img/check_white.svg);
	background-size: cover;
	width: 11px;
	height: 10px;
	top: 6px;
	left: 50%;
	transform: translateX(-50%);
}

.sf-field-post-meta-catalog_color input[value="white"]:checked+label:after {
	background-image: url(../img/check_gray.svg);
}

#search-filter-form-522 .sf-field-post-meta-catalog_color input[value="lbl-any"]+label:after {
	position: absolute;
	content: "";
	background-image: url(../img/check_white.svg);
	background-size: cover;
	width: 11px;
	height: 10px;
	top: 6px;
	left: 50%;
	transform: translateX(-50%);
}

#search-filter-form-522 .sf-field-post-meta-catalog_color:has(.sf-option-active) input[value="lbl-any"]+label:after {
	display: none;
}


input[value="lbl-any"]+label:before {
	background-image: url(../img/catalog_color1.png);
}

.sf-field-submit input {
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid #2144FE;
	width: calc(100% - 68px);
	height: 60px;
	cursor: pointer;
	border-radius: 12px;
	color: #2144FE;
	transition: all 0.3s;
	width: calc(100% + 12px);
	font-size: 14px;
}

.sf-field-submit input:hover {
	border: 1px solid #000;
	color: #000;
}

a.search-filter-reset {
	cursor: pointer;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 60px;
	height: 60px;
	border-radius: 12px;
	border: 1px solid #2144FE;
	background: none;
	transition: all 0.3s;
	font-size: 0;
}

a.search-filter-reset:hover {
	border: 1px solid #000;
	color: #000;
}

a.search-filter-reset:before {
	content: url("data:image/svg+xml;charset=UTF-8,<svg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.59206 4.23333C8.31706 4.01667 9.11706 3.875 10.0004 3.875C13.9921 3.875 17.2254 7.10833 17.2254 11.1C17.2254 15.0917 13.9921 18.325 10.0004 18.325C6.00872 18.325 2.77539 15.0917 2.77539 11.1C2.77539 9.61667 3.22539 8.23333 3.99206 7.08333' stroke='%232144FE' stroke-linecap='round' stroke-linejoin='round'></path><path d='M6.55859 4.43317L8.96693 1.6665' stroke='%232144FE' stroke-linecap='round' stroke-linejoin='round'></path><path d='M6.55859 4.43311L9.36693 6.48311' stroke='%232144FE' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'></path></svg>");
	display: block;
	width: 20px;
	height: 20px;
}

a.search-filter-reset:hover:before {
	content: url("data:image/svg+xml;charset=UTF-8,<svg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M7.59206 4.23333C8.31706 4.01667 9.11706 3.875 10.0004 3.875C13.9921 3.875 17.2254 7.10833 17.2254 11.1C17.2254 15.0917 13.9921 18.325 10.0004 18.325C6.00872 18.325 2.77539 15.0917 2.77539 11.1C2.77539 9.61667 3.22539 8.23333 3.99206 7.08333' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round'></path><path d='M6.55859 4.43317L8.96693 1.6665' stroke='%23000000' stroke-linecap='round' stroke-linejoin='round'></path><path d='M6.55859 4.43311L9.36693 6.48311' stroke='%23000000' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'></path></svg>");
}

@media (max-width: 1349.98px) {

	li.sf-field-taxonomy-type,
	li.sf-field-post-meta-catalog_manufacturer,
	li.sf-field-post-meta-catalog_brand,
	li.sf-field-post-meta-catalog_kpp,
	li.sf-field-post-meta-catalog_year,
	li.sf-field-post-meta-catalog_carbody {
		flex: 0 0 calc(33% - 13px);
		padding: 0 !important;
	}

	li.sf-field-post-meta-catalog_drive ul li {
		padding: 0;
	}

	li.sf-field-post-meta-catalog_color>ul,
	li.sf-field-post-meta-catalog_drive>ul {
		gap: 18px;
	}

	li.sf-field-post-meta-catalog_color>ul {
		flex-wrap: wrap;
	}


}

@media (max-width: 991.98px) {
	#search-filter-form-522>ul {
		gap: 19px 2%;
	}

	li.sf-field-post-meta-catalog_color>ul,
	li.sf-field-post-meta-catalog_drive>ul {
		gap: 12px;
	}

	.sf-field-submit input {
		background: #2144FE;
		color: #fff;
		width: calc(100% + 6px);
	}
}

@media (max-width: 767.98px) {

	.sf-field-submit input {

		width: calc(100% + 3px);
	}

	li.sf-field-taxonomy-type,
	li.sf-field-post-meta-catalog_manufacturer,
	li.sf-field-post-meta-catalog_brand,
	li.sf-field-post-meta-catalog_kpp,
	li.sf-field-post-meta-catalog_year,
	li.sf-field-post-meta-catalog_carbodytype,
	li.sf-field-post-meta-catalog_carbody,
	li.sf-field-post-meta-catalog_drive,
	li.sf-field-post-meta-catalog_dvigatel {
		flex: 0 0 100%;
	}

	li.sf-field-post-meta-catalog_color>ul {
		justify-content: center;
	}



	li.sf-field-post-meta-catalog_price,
	li.sf-field-post-meta-catalog_run {
		/*	    flex: 0 0 calc(50% - 7px);*/
		flex: 0 0 100%;
		padding-top: 0 !important;
	}

	.sf-field-submit input {
		height: 36px;
	}

	a.search-filter-reset {
		height: 36px;
		width: 36px;
	}

	.sf-field-reset {
		flex: 0 0 36px;
	}

	.sf-field-post-meta-catalog_color ul li {
		padding: 0 0 10px 0 !important;
	}

	li.sf-field-post-meta-catalog_color {
		padding: 0 !important;
	}

}



/* EOF filter */

/* start reviews filter */

#search-filter-form-539 ul {
	display: flex;
	gap: 4px;
	flex-wrap: wrap;
}

#search-filter-form-539>ul {
	margin-bottom: 24px;
}

#search-filter-form-539 ul li {
	padding: 0;
}

#search-filter-form-539 input {
	display: none;
}

#search-filter-form-539 label {
	border: 1px solid #E2E2E2;
	padding: 6px 16px;
	line-height: 20px;
	color: #2A2A2A;
	font-size: 14px;
	border-radius: 12px;
	cursor: pointer;
	transition: all .3s;
}

#search-filter-form-539 input:checked+label,
#search-filter-form-539 label:hover {
	background: #2A2A2A;
	color: #fff;
}

#search-filter-form-539 {
	position: relative;
	z-index: 100;
}

.contacts_title {
	z-index: -1;
}

/* EOF reviews filter */

.reviews_popup {
	display: none;
	width: 95%;
	max-width: 95%;
	height: 95%;
	max-height: 95%;
	padding: 32px 24px;
}

@media (max-width: 767.98px) {
	.reviews_popup {
		padding: 35px 20px 30px;
	}

	.sf-field-post-meta-catalog_drive {
		margin-bottom: 9px;
	}

}

.crumbs {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	overflow: hidden;
	margin: 0 0 8px 0;
	padding: 0;
	list-style: none;
	font-size: 11.5px;
	font-weight: 500;
	line-height: 1.25;
	color: var(--text-soft);
	white-space: nowrap;
	opacity: 0.75;
}

.crumbs .crumb {
	display: inline-flex;
	align-items: center;
	color: var(--text-soft);
	text-decoration: none;
	transition: color 0.2s ease;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.crumbs .crumb + .crumb::before {
	content: "›";
	margin: 0 6px;
	color: var(--text-soft);
	opacity: 0.55;
	font-weight: 300;
	font-size: 13px;
	line-height: 1;
	flex: 0 0 auto;
}

.crumbs a.crumb:hover {
	color: var(--brand-accent);
	opacity: 1;
}

.crumbs .crumb:last-child {
	color: var(--text);
	font-weight: 600;
	opacity: 0.65;
}

/* ——————————————————————————————
   Breadcrumb
   —————————————————————————————— */
.breadcrumb {
	position: relative;
	z-index: 30;
	margin-bottom: 0;
	background: color-mix(in srgb, var(--bg) 92%, transparent);
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	border-bottom: 1px solid color-mix(in srgb, var(--line) 50%, transparent);
}

.breadcrumb .wrap {
	display: flex;
	align-items: center;
	padding-block: 5px;
}

.breadcrumb ol {
	display: flex;
	align-items: center;
	gap: 0;
	margin: 0;
	padding: 0;
	list-style: none;
	flex-wrap: nowrap;
	overflow: hidden;
	width: 100%;
}

.breadcrumb li {
	display: inline-flex;
	align-items: center;
	flex: 0 1 auto;
	min-width: 0;
	font-size: 11.5px;
	font-weight: 500;
	line-height: 1.25;
	color: var(--text-soft);
	white-space: nowrap;
	opacity: 0.75;
}

.breadcrumb li + li::before {
	content: "›";
	margin: 0 6px;
	color: var(--text-soft);
	opacity: 0.55;
	font-weight: 300;
	font-size: 13px;
	line-height: 1;
	flex: 0 0 auto;
}

.breadcrumb a {
	color: var(--text-soft);
	text-decoration: none;
	transition: color 0.2s ease;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.breadcrumb a:hover {
	color: var(--brand-accent);
	opacity: 1;
}

.breadcrumb [aria-current="page"] {
	color: var(--text);
	font-weight: 600;
	opacity: 0.65;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	flex: 0 1 auto;
}

.breadcrumb li:last-child {
	flex: 0 0 auto;
	min-width: fit-content;
}

html[data-theme="dark"] .breadcrumb {
	background: color-mix(in srgb, var(--bg) 94%, transparent);
}

.faq_items,
.steps_items {
	counter-reset: example 0;
}

.faq_item,
.steps_item {
	counter-increment: example 1;
}

.faq_item .faq_item-title span:before,
.steps_items .steps_item-number:before {
	content: counter(example);
}

/* start page-style  */

.site-main {
	/*	margin: 32px 0;*/
}

.site-page {
	padding-bottom: 32px;
}

.site-page h1,
.site-page h2,
.site-page h3,
.site-page h4,
.site-page h5,
.site-page h6 {
	font-weight: 700;
	margin-bottom: 32px;
}

.site-page h2 {
	font-size: 24px;
}

.site-page p {
	margin-bottom: 24px;
}

.catalog_top-select {
	font-size: 14px;
	font-family: Inter;
	padding-left: 15px;
	appearance: none;
	/* background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: calc(100% - 15px) center;
  background-image: url("data:image/svg+xml;charset=UTF-8,<svg viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M15 8L11.2955 12.075C10.858 12.5563 10.142 12.5563 9.70455 12.075L6 8' stroke='%232A2A2A' stroke-miterlimit='10' stroke-linecap='round' stroke-linejoin='round' /></svg>");
  */
	color: #2A2A2A;

}

.catalog_page-title {
	padding-left: 15px;
}

@media (max-width: 991.98px) {
	.site-page {
		padding-bottom: 24px;
	}

	.site-page h1,
	.site-page h2,
	.site-page h3,
	.site-page h4,
	.site-page h5,
	.site-page h6 {

		margin-bottom: 24px;
	}

	.site-page h2 {
		font-size: 24px;
	}

	.site-page p {
		margin-bottom: 16px;
	}

	.catalog_page .crumbs {
		margin-bottom: 24px;
	}

	.catalog_page .crumbs {
		margin-bottom: 4px;
	}

	.catalog_page-title {
		padding-left: 0;
	}
}

/* eof start page-style  */

.catalog_filter-link {
	cursor: pointer;
}

/*li.sf-field-taxonomy-type{ 
	display: none !important;
}*/
li[data-sf-field-name="_sft_type"] {
	@media (min-width: 992px) {
		display: none !important;
	}

}

.catalog_modal {
	display: none;
}

ul.pagin span.dots {
	background: transparent;
	color: #000;
}

.sf-field-post-meta-catalog_drive label {
	font-family: Inter;
	font-size: 14px;
}



select.sf-input-select {
	display: none;
}

.sf-input-select.show .jq-selectbox__trigger {
	transform: translateY(-50%) rotate(180deg);
}



:is(.sf-field-post-meta-catalog_manufacturer, .sf-field-post-meta-catalog_brand) {
	.sf-input-select {
		.jq-selectbox__search {
			display: block !important;
		}
	}
}


.sf-input-select .jq-selectbox__search {
	padding: 12px;
	position: relative;
}

.sf-input-select .jq-selectbox__search:before {
	position: absolute;
	content: "";
	background-image: url(../img/search_icon.svg);
	background-size: cover;
	width: 20px;
	height: 20px;
	right: 28px;
	top: 50%;
	transform: translateY(-50%);
}

.sf-input-select .jq-selectbox__search input {
	display: block;
	width: 100%;
	background: #FFFFFF;
	border: 1px solid #E2E2E2;
	border-radius: 12px;
	height: 36px;
	padding-left: 16px;
	font-size: 14px;
	transition: all .3s;

	&:hover {
		border-color: #2144FE;
	}
}

.privacy-policy {
	.contacts_title {
		display: none;
	}
}

.result_0 {
	display: none;
}

.page-id-497 .contacts_title {
	overflow: hidden;
}

.fancybox-slide--html .fancybox-close-small {
	width: 24px;
	height: 24px;
	padding: 0;
	right: 16px;
	top: 16px;

	&:before {
		transition: opacity .3s;

		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;

		content: url("data:image/svg+xml;charset=UTF-8,<svg viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.6992 17.3016L17.3026 10.6982' stroke='%232144fe' stroke-linecap='round' stroke-linejoin='round' /><path d='M17.3026 17.3016L10.6992 10.6982' stroke='%232144fe' stroke-linecap='round' stroke-linejoin='round' /><path d='M10.5007 25.6663H17.5007C23.334 25.6663 25.6673 23.333 25.6673 17.4997V10.4997C25.6673 4.66634 23.334 2.33301 17.5007 2.33301H10.5007C4.66732 2.33301 2.33398 4.66634 2.33398 10.4997V17.4997C2.33398 23.333 4.66732 25.6663 10.5007 25.6663Z' stroke='%232144fe' stroke-linecap='round' stroke-linejoin='round' /></svg>");

	}

	&:after {
		transition: opacity .3s;
		opacity: 0;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;

		content: url("data:image/svg+xml;charset=UTF-8,<svg viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.6992 17.3016L17.3026 10.6982' stroke='%23919191' stroke-linecap='round' stroke-linejoin='round' /><path d='M17.3026 17.3016L10.6992 10.6982' stroke='%23919191' stroke-linecap='round' stroke-linejoin='round' /><path d='M10.5007 25.6663H17.5007C23.334 25.6663 25.6673 23.333 25.6673 17.4997V10.4997C25.6673 4.66634 23.334 2.33301 17.5007 2.33301H10.5007C4.66732 2.33301 2.33398 4.66634 2.33398 10.4997V17.4997C2.33398 23.333 4.66732 25.6663 10.5007 25.6663Z' stroke='%23919191' stroke-linecap='round' stroke-linejoin='round' /></svg>");

	}

	&:hover:before {
		opacity: 0;
	}

	&:hover:after {
		opacity: 1;
	}
}



.fancybox-slide--html .fancybox-close-small svg {
	display: none;
}

.reviews_popup .reviews_slide-text {
	display: block;
}

.mobile-menu {
	opacity: 0;
	display: none;
	padding: 0 15px;
}

.mobile-menu a {
	font-weight: 600;
	color: #fff;
	transition: all 0.3s;
	margin-bottom: 24px;
	margin-left: 20px;
	line-height: 20px;
	font-size: 14px;
	display: block;
	position: relative;
}

@media (max-width: 991.98px) {

	.menu {
		opacity: 0;
		display: none;
	}

	.mobile-menu {
		opacity: 1;
		display: block;
	}

	.header_closebtn {
		width: 24px;
		height: 24px;
		padding: 0;
		/*		background: url(../img/close-square.svg) center no-repeat;*/
		right: 20px;
		top: 20px;
		position: absolute;
		cursor: pointer;

		&:before {
			transition: opacity .3s;

			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;

			content: url("data:image/svg+xml;charset=UTF-8,<svg viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.6992 17.3016L17.3026 10.6982' stroke='%23bfe328' stroke-linecap='round' stroke-linejoin='round' /><path d='M17.3026 17.3016L10.6992 10.6982' stroke='%23bfe328' stroke-linecap='round' stroke-linejoin='round' /><path d='M10.5007 25.6663H17.5007C23.334 25.6663 25.6673 23.333 25.6673 17.4997V10.4997C25.6673 4.66634 23.334 2.33301 17.5007 2.33301H10.5007C4.66732 2.33301 2.33398 4.66634 2.33398 10.4997V17.4997C2.33398 23.333 4.66732 25.6663 10.5007 25.6663Z' stroke='%23bfe328' stroke-linecap='round' stroke-linejoin='round' /></svg>");

		}

		&:after {
			transition: opacity .3s;
			opacity: 0;
			position: absolute;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;

			content: url("data:image/svg+xml;charset=UTF-8,<svg viewBox='0 0 28 28' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M10.6992 17.3016L17.3026 10.6982' stroke='%23bfe328' stroke-linecap='round' stroke-linejoin='round' /><path d='M17.3026 17.3016L10.6992 10.6982' stroke='%23bfe328' stroke-linecap='round' stroke-linejoin='round' /><path d='M10.5007 25.6663H17.5007C23.334 25.6663 25.6673 23.333 25.6673 17.4997V10.4997C25.6673 4.66634 23.334 2.33301 17.5007 2.33301H10.5007C4.66732 2.33301 2.33398 4.66634 2.33398 10.4997V17.4997C2.33398 23.333 4.66732 25.6663 10.5007 25.6663Z' stroke='%23bfe328' stroke-linecap='round' stroke-linejoin='round' /></svg>");

		}

		&:hover:before {
			opacity: 0;
		}

		&:hover:after {
			opacity: 1;
		}
	}



}

.wtsp-ico {
	&:hover {}
}

.sotial-ico {
	position: relative;
	width: 32px;
	height: 32px;

	&:before {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: 0;
		content: '';
		transition: all .3s;
	}

	&:after {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		content: '';
		transition: all .3s;
	}

	img {
		transition: all .3s;
		/*display: none;*/
	}

	&:hover {
		img {
			opacity: 0;
		}

		&:before {
			opacity: 1;
		}

		&:after {
			opacity: 0;
		}
	}
}

.wtsp-ico {
	&:before {
		background: url(../img/message1_h-1.svg);
	}

	&:after {
		background: url(../img/message1-1.svg);
	}
}

.dzen-ico {
	&:before {
		background: url(../img/message5_h.svg);
	}

	&:after {
		background: url(../img/message5.svg);
	}
}

.vk-ico {
	&:before {
		background: url(../img/message2_h.svg);
	}

	&:after {
		background: url(../img/message2.svg);
	}
}

.tg-ico {
	&:before {
		background: url(../img/message3_h.svg);
	}

	&:after {
		background: url(../img/message3.svg);
	}
}

.yt-ico {
	&:before {
		background: url(../img/message4_h.svg);
	}

	&:after {
		background: url(../img/message4.svg);
	}
}

/*.reviews_slide.swiper-slide-active {  
  z-index: 100;
}

.reviews_slide.swiper-slide-next {  
  z-index: 50;
}*/

.catalog_top-select ul li:first-child {
	display: none !important;
}

/*.sf-field-post-meta-catalog_manufacturer{
	z-index: 1001;
}
.sf-field-post-meta-catalog_brand{
	z-index: 1000;
}*/

/*.searchandfilter > ul > li{
    z-index: 0 !important;
    position: relative;
}
.searchandfilter > ul > li:has(.dropdown){
    z-index: 2 !important;
}*/

.sf-input-select {
	z-index: 0 !important;
}

.sf-input-select.show {
	z-index: 2 !important;
}


.reviews_slide-link {
	display: block;
}

.reviews_slide-title {
	color: #2A2A2A;
}

.reviews_slide-text {
	color: #2A2A2A;
}

@media (max-width: 1349.98px) {
	.about_page-subtitle br {
		display: none;
	}
}

/*.jq-selectbox:not(.show) .jq-selectbox__dropdown{
	display: none;
}*/

.reviews_page-items a.reviews_slide:last-of-type {
	flex: 1 1;
}

.catalog-alert {
	font-size: 14px;
	padding: 10px 0;
	color: #ff3c3c;
}


.header_consult {
	/* width: 200px; */
	font-size: 18px;
	border-radius: 50px;
	background: linear-gradient(-45deg, #3875d7, #2144fe, #23a6d5, #2146fe);
	background-size: 400% 400%;
	animation: gradient 5s ease infinite;
	text-transform: uppercase;
	padding: 0 10px;

	@media (max-width: 991.98px) {
		margin: auto;
	}
}

@keyframes gradient {
	0% {
		background-position: 0% 50%;
	}

	50% {
		background-position: 100% 50%;
	}

	100% {
		background-position: 0% 50%;
	}
}

.top-sotial-ico.big img {
	height: 60px;
	padding-left: 10px;
}

.main_text {
	display: flex;
	width: 600px;

	@media (max-width: 760px) {
		width: 300px;
		display: block;
	}
}

@media (max-width: 760px) {
	.main_text a {
		margin: 5px auto;
	}
}

.m-form .popup_order-item {
	width: 280px;
}

.m-form .popup_order-item-full {
	width: 100%;
}

.m-form .popup_order-item input {
	width: 100%;
}

.m-form .popup_order-item {
	text-align: center;
}

.m-form textarea {
	background: #FFFFFF;
	border: 1px solid #E2E2E2;
	border-radius: 12px;
	width: 100%;
	margin-top: 2px;
	padding-left: 16px;
	transition: all .3s;
	padding-top: 15px;
	height: 80px;
}

.m-form .popup_order-item-chek {
	display: flex;
	text-align: left;
	width: 280px;
	font-size: 13px;
	margin-bottom: 20px;
}

.m-form .popup_order-item-chek span {
	margin-right: 10px;
}

.call-form {
	margin: 20px 0;
	text-align: center;
}

.call-form .order-item input[type="tel"] {
	background: #FFFFFF;
	border: 1px solid #E2E2E2;
	border-radius: 12px;
	width: 150px;
	transition: all .3s;
	padding: 0px 10px;
	height: 38px;
}

.call-form [type="submit"],
.call-form button {
	height: 36px;
	background: #2144FE;
	border-radius: 50px;
	border: 1px solid #2144FE;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #fff;
	padding: 0px 10px;
	cursor: pointer;
	transition: all .3s;
}

.m-row {
	margin: 20px 0;
	display: flex;
	justify-content: center;
}

.m-col-4 {
	padding-top: 5px;
	padding-left: 10px;
}

.sgpb-popup-builder-content-5339 p {
	margin-bottom: 25px;
}

.mail-popup-btn {
	display: none;
	position: fixed;
	bottom: 50px;
	right: 50px;
	padding: 20px;
	border-radius: 50px;
	background-color: #2144fe;
	color: #fff;
	font-size: 14px;
	text-transform: uppercase;
	box-shadow: 0px 0px 10px #444;
	z-index: 99;
	cursor: pointer;
	border: 1px solid #2144FE;
}

.mail-popup-btn:hover {
	color: #2144FE;
	background: #2146fe00;
}

.act-title {
	color: #555;
	font-size: 20px;
	text-transform: uppercase;
	font-weight: 600;
	text-align: center;
	margin-bottom: 5px;
	font-family: arial;
}

.act-subtitle {
	color: #757575;
	font-family: arial;
	font-size: 18px;
	font-weight: 600;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 25px;
}

.order_block-btn {
	text-transform: uppercase;
	font-weight: 600;
	border-radius: 50px;
}

.reviews_title a {
	color: unset;
}

.reviews .reviews_video-item {
	height: 100%;
	width: auto;
}

.reviews .reviews_video-img img {
	height: auto;
	width: 100%;
}

.wpcf7-form-control-wrap.tel input[type="text"] {
	background: #FFFFFF;
	border: 1px solid #E2E2E2;
	border-radius: 12px;
	height: 36px;
	width: 160px;
	margin-top: 2px;
	padding-left: 16px;
	font-size: 14px;
	transition: all .3s;
}

.popup_order-item .wpcf7-form-control-wrap.tel input[type="text"] {
	width: 100%;
}

.quiz-form .order_block-btn {
	margin-top: 20px;
}

.order_block-btn .wpcf7-submit {
	color: #fff;
	border: none;
	background-color: unset;
	font-weight: 600;
	cursor: pointer;
}

.quiz_block .about_text {
	margin-bottom: 20px;
	font-weight: 600;
}

.quiz_block .about_text span {
	color: #2144FE;
}

.wpcf7-select,
.wpcf7-text,
.wpcf7-email,
.wpcf7-mask {
	background: #FFFFFF;
	border: 1px solid #E2E2E2;
	border-radius: 12px;
	height: 36px;
	width: 100%;
	margin-top: 2px;
	padding-left: 16px;
	transition: all .3s;
}

.quiz_block {
	margin-bottom: 60px;
}

.order_block-btn:hover {
	background: #3875d7;
}

.wpcf7 form.sent .wpcf7-response-output {
	padding: 20px;
	border-radius: 50px;
	text-align: center;
}

.quiz_tbl {
	width: 100%;

	@media (max-width: 460px) {
		font-size: 13px;
	}

	@media (max-width: 766px) {
		width: 90%;
	}
}

.quiz_tbl_col_1 {
	width: 40%;
	padding-right: 20px;
	text-align: right;

	@media (max-width: 1349px) {
		width: 42%;
	}
}

.quiz_block a {
	color: #2144fe;
	font-weight: 600;
}

.quiz_block td {
	padding-bottom: 10px;
}

@media (max-width: 460px) {
	.reviews_wrapper {
		width: 100%;
		margin-left: 0;
		padding: 20px 10px;
	}
}

.header_catalog {
	height: 62px;
	border-radius: 50px;
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 500;
	margin-right: 10px;
	width: auto;
	padding: 10px;
}

.footer_menu a {
	font-size: 14px;
}

.stok_slide {
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 300px;
	background-color: #121734;
	background-size: 70%;
	background-position-x: 150%;
}

.stok_slide-title {
	background: #d1fd24;
	padding: 10px 20px;
	border-radius: 12px;
	font-size: 13px;
	font-weight: 600;
	color: #121734;
	width: fit-content;
}

.stok_slide-text h2 {
	color: #d1fd24;
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: 600;
	line-height: 1.4;
}

.stok_slide-text h2 span {
	color: #d1fd24;
}

.stok_slide-text {
	color: #fff;
	font-weight: 200;
}

.stok_slide {
	position: relative;
	width: 60%;
	max-height: 280px;
}

.stok_slide-text a {
	background-color: #2143ff;
	display: block;
	position: absolute;
	bottom: 30px;
	padding: 10px 15px;
	color: #fff;
	border-radius: 12px;
}

.stok_slide.swiper-slide-active {
	width: 40%;
	background-size: 60%;
	background-position-x: 130%;
	background-position-y: top;
}

.stok_slide-text p {
	text-shadow: 0px 0px 4px #000;
}

@media (max-width: 400px) {
	.main_text {
		display: block;
	}

	.main_text a {
		margin-bottom: 10px;
	}

	.main_subtitle {
		margin-bottom: 20px;
	}

	.main_title {
		font-size: 30px;
		line-height: 30px;
	}

	.main_subtitle {
		line-height: 24px;
		font-size: 24px;
	}

	.main_img {
		bottom: 370px;
	}
}

@media (max-width: 700px) {
	.stok .swiper-wrapper {
		display: block;
	}

	.stok_slide,
	.stok_slide.swiper-slide-active {
		width: 80%;
	}

}

@media (max-width: 560px) {

	.stok_slide,
	.stok_slide.swiper-slide-active {
		width: 100%;
	}

}

.popup_order-btns div {
	margin: 2px;
}


.info-page,
.site-main {
	margin: 30px auto;
	min-height: 80vh;
}

.page-title {
	padding-bottom: 30px;
}

.info-page ol {
	padding-left: 15px;
}

.info-page ul {
	list-style: disc;
	padding-bottom: 10px;
	padding-left: 15px;
}

.info-page li {
	padding-bottom: 10px;
}

.info-page p {
	padding-bottom: 10px;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

#main-menu .sub-menu li {
	margin-bottom: 10px;
}

#main-menu .sub-menu {
	display: none;
	position: absolute;
	background: #000;
	padding-right: 20px;
	z-index: 999;
	border: 1px solid #ccc;
	padding-top: 10px;
}

#main-menu .sub-menu:hover {
	display: block;
}

#main-menu .menu-item-has-children:hover>.sub-menu {
	display: block;
}

.menu-item-has-children a::after {
	display: inline-block;
	position: absolute;
	bottom: 7px;
	margin-left: 0.255em;
	vertical-align: 0.255em;
	content: "";
	border-top: 0.3em solid;
	border-right: 0.3em solid transparent;
	border-bottom: 0;
	border-left: 0.3em solid transparent;
}

.menu-item-has-children .sub-menu a::after {
	display: none;
}

.entry-image {
	height: 200px;
	width: 100%;
	background-position: center;
	background-size: cover;
	border-radius: 5px;
}

.entry-image img {
	max-width: 200px;
	height: auto;
}

.post-item {
	margin-bottom: 20px;
}

.list-post-title {
	text-align: center;
}

.list-post-title a {
	color: #000;
	font-size: 13px;
}

.page-content img {
	border-radius: 5px;
}

.phone-top {
	text-align: right;
}

.phone-top a {
	color: #fff;
	font-size: 20px;
}

.soc-list {
	text-align: center;
}

.s-time {
	color: #fff;
	font-size: 14px;
	padding-right: 10px;
}

.contack-top-item.phone-top {
	width: unset;
	font-weight: 600;
	white-space: nowrap;
	color: #fff;
	font-size: 14px;
	border-radius: 0.65rem;
	background-color: #0c5fff;
	border-color: #0c5fff;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075);
	padding: 5px 10px;
	cursor: pointer;
}

.m-fixed {
	position: fixed;
	top: 0;
	z-index: 99;

	@media (max-width: 991px) {
		position: unset;
	}
}

.stages {
	margin: 40px 0;
	padding: 40px 0;
	background: linear-gradient(#e8ebf2, #f7f7f7);
}

.stages-title {
	font-size: 36px;
	font-weight: 600;
	line-height: 40px;
	color: #2A2A2A;
	margin-bottom: 16px;
	padding-left: 44%;

	@media (max-width: 700px) {
		padding-left: unset;
		text-align: center;
	}
}

.stages-title span {
	color: #2144FE;
}

.s-num {
	font-size: 120px;
	font-weight: 900;
	color: #7b8e9d;
	position: relative;
}

.s-icon {
	position: absolute;
	top: 40px;
	z-index: 20;
	padding: 24px;
	background: #fff;
	border-radius: 50%;
	visibility: visible !important;
	font-size: 30px;
	text-align: center;
	color: #0c5fff;
	width: 80px;
	color: #0c5fff;
	animation-name: tossing;
	-webkit-animation-name: tossing;
	animation-duration: 2.5s;
	-webkit-animation-duration: 2.5s;
	animation-iteration-count: infinite;
	-webkit-animation-iteration-count: infinite;
}

.s-title {
	font-weight: 600;
	margin-bottom: 20px;
	text-align: center;
}

.s-text {
	text-align: center;
	font-size: 13px;
}

@media (max-width: 540px) {
	.col-xs-6 {
		flex: 0 0 auto;
		width: 50%;
	}
}

.woocommerce ul.products li.product a.woocommerce-loop-product__link {
	text-align: center;
}

.woocommerce-LoopProduct-link {
	border-radius: 8px;
	background-color: #fff;
	margin: 1.2%;
	padding-bottom: 10px;
}

@media (min-width: 768px) {
	.products li.product {
		flex: 0 0 auto;
		width: 33.33333333% !important;
		margin: 0 !important;
	}
}

@media (max-width: 450px) {
	.products li.product {
		width: 100% !important;
	}
}

.contacts_title {
	font-size: 50px;
}

@media (max-width: 991.98px) {
	.contacts_title {
		font-size: 40px;
	}
}

@media (max-width: 560px) {
	.contacts_title {
		font-size: 30px;
	}
}

.woocommerce .products ul,
.woocommerce ul.products {
	background-color: #edf0f6;
	/*display: inline-block;
	width: 100%;*/

	--bs-gutter-x: 1.5rem;
	--bs-gutter-y: 0;
	display: flex;
	flex-wrap: wrap;
	margin-top: calc(-1* var(--bs-gutter-y));
	margin-right: calc(-0.5* var(--bs-gutter-x));
	margin-left: calc(-0.5* var(--bs-gutter-x));
}

.woocommerce ul.products li.product a img {
	border-radius: 8px;
	padding: 5px;
	width: 100%;
	height: 18em;
	object-fit: cover;
	/*height: auto;*/
}

.woocommerce ul.products li.product .woocommerce-loop-category__title,
.woocommerce ul.products li.product .woocommerce-loop-product__title,
.woocommerce ul.products li.product h3 {
	color: #333;
	font-size: 15px;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) ul.products li.product .price {
	color: #333;
	font-weight: 600;
	font-size: 18px;
}

.words_line {
	clear: both;
}

.woocommerce-breadcrumb {
	display: flex;
	align-items: center;
	flex-wrap: nowrap;
	overflow: hidden;
	margin: 12px 0;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
	color: var(--text-soft);
	white-space: nowrap;
}

.woocommerce-breadcrumb a {
	color: var(--text-soft);
	text-decoration: none;
	transition: color 0.2s ease;
}

.woocommerce-breadcrumb a:hover {
	color: var(--brand-accent);
}

.woocommerce .woocommerce-ordering select {
	color: #2A2A2A;
}

.meta-str {
	font-size: 12px;
	color: #333;
	padding-bottom: 10px;
}

.product-card {
	margin-top: 20px;
}

.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product p.price,
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) div.product span.price {
	color: #2a2a2a;
	font-size: 30px;
	font-weight: 600;
	text-align: center;
	margin-bottom: 20px;
}

.woocommerce .flex-active-slide {
	border-radius: 10px;
}

.woocommerce div.product div.images .flex-control-thumbs {
	margin-top: 20px;
}

.woocommerce div.product div.images .flex-control-thumbs li img {
	padding: 3px;
	border-radius: 8px;
}

.product_meta_list .product_meta {
	margin-bottom: 5px;
	clear: both;
}

.product_meta_list .product_meta a {
	color: #007aff;
	text-decoration: underline;
}

.product_meta_list .product_meta span {
	font-weight: 600;
}

.product_btn {
	margin-bottom: 20px;
}


.btn-email,
.btn-wa,
.btn-t {
	/*float: left;*/
	height: 32px;
	line-height: 32px;
	text-align: center;
	color: #ffffff;
	border-radius: 10px;
	cursor: pointer;
	font-size: 14px;
	margin: 2px;
}

.btn-email {
	background-color: #1a8f47;
}

.btn-wa {
	background-color: #3eab9a;
}

.btn-t {
	background-color: #00aeef;
}

.btn-wa {
	text-align: center;
}

.product_btn a {
	color: #fff;
}

.product_btn img {
	float: left;
	margin-right: 10px;
	width: 26px;
	margin-top: 3px;
}

.woof-front-builder-container .woof_container h4 {
	display: none;
}

.woof-front-builder-container .woof_auto_1_columns .woof_container {
	width: 24%;

	@media (max-width: 560px) {
		width: 48%;
	}
}

.woof_submit_search_form_container {
	display: none;
}

.woocommerce-tabs .tabs {
	display: none;
}

.woocommerce-Tabs-panel h2 {
	font-size: 16px;
	margin-top: 20px;
	font-weight: 600;
}

.attachment-woocommerce_thumbnail {
	width: 100%;
	height: auto;
	border-radius: 10px;
}

.product-card .price {
	color: #2a2a2a;
	font-size: 30px;
	font-weight: 600;
	text-align: center;
}

.woocommerce-Price-amount.amount {
	color: #333;
	font-weight: 600;
	font-size: 18px;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	color: #333;
}

.slider-foto img {
	height: auto;
	width: 152px;
	margin: 3px;
	border-radius: 3px;
}

.woocommerce nav.woocommerce-pagination ul {
	border: none;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
	border: 1px solid #2144fe;
	border-radius: 10px;
	margin: 4px;
}

.woocommerce nav.woocommerce-pagination ul li {
	border-right: none;
}

.select-css {
	display: block;
	font-size: 16px;
	font-family: sans-serif;
	font-weight: 700;
	color: #444;
	line-height: 1.3;
	padding: .6em 1.4em .5em .8em;
	width: 100%;
	max-width: 100%;
	box-sizing: border-box;
	margin: 0;
	margin-bottom: 10px;
	border: 1px solid #aaa;
	box-shadow: 0 1px 0 1px rgba(0, 0, 0, .04);
	border-radius: .5em;
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background-color: #fff;
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%23007CB2%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E'), linear-gradient(to bottom, #ffffff 0%, #e5e5e5 100%);
	background-repeat: no-repeat, repeat;
	background-position: right .7em top 50%, 0 0;
	background-size: .65em auto, 100%;
}

.select-css::-ms-expand {
	display: none;
}

.select-css:hover {
	border-color: #888;
}

.select-css:focus {
	border-color: #aaa;
	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
	box-shadow: 0 0 0 3px -moz-mac-focusring;
	color: #222;
	outline: none;
}

.select-css option {
	font-weight: normal;
}

*[dir="rtl"] .select-css,
:root:lang(ar) .select-css,
:root:lang(iw) .select-css {
	background-position: left .7em top 50%, 0 0;
	padding: .6em .8em .5em 1.4em;
}

.filter-panel {
	margin-bottom: 20px;
}

.single-post .sgpb-show-popup {
	background-color: #2143ff;
	padding: 10px 15px;
	display: inline-block;
	margin: 20px 0;
	color: #fff;
	border-radius: 12px;
}

.single-post h2 {
	color: #d1fd24;
	font-size: 18px;
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: 600;
	line-height: 1.4;
	display: inline-block;
	padding: 20px 40px;
	border-radius: 8px;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: 300px;
	background-color: #121734;
	background-size: 70%;
	background-position-x: 150%;
}

.single-post .alignleft {
	margin-right: 30px;
	margin-bottom: 30px;
}

.single-post h1 {
	/*margin-bottom: 40px;*/
}

.comment-txt {
	font-size: 10px;
	margin: 20px 0;
	text-align: center;
}
/* ========================================================= */
/* BENTO UX RECOVERY & FINAL PUNCH LIST (v2.0) */
/* ========================================================= */

/* 1. Global Utilities & Variables */
:root {
    --brand: #2143ff;
    --brand-accent: #3d5afe;
    --brand-hover: color-mix(in srgb, var(--brand) 80%, black);
    
    /* Text Tokens */
    --text: #111827;           /* Deep Neutral/Main Text */
    --text-soft: #4b5563;      /* Muted/Secondary Text */
    --text-inverse: #ffffff;
    
    /* Background Tokens */
    --bg-surface: #ffffff;
    --bg-elevated: #ffffff;
    --bg-soft: #f8fafc;
    
    /* Border & Decorative */
    --line: rgba(0, 0, 0, 0.08);
    --border-color: rgba(0, 0, 0, 0.08);
    --surface-shadow: 0 4px 20px -5px rgba(0, 0, 0, 0.05);
}

html[data-theme="dark"] {
    --text: #f9fafb;           /* Off-white Text */
    --text-soft: #9ca3af;      /* Muted Gray Text */
    --text-inverse: #111827;
    
    --bg-surface: #0a0a0c;
    --bg-elevated: #1e1e24;
    --bg-soft: #16161a;
    
    --line: rgba(255, 255, 255, 0.1);
    --border-color: rgba(255, 255, 255, 0.12);
    --surface-shadow: 0 10px 40px -10px rgba(0, 0, 0, 0.5);
}

/* 2. Top Bar Adjustments & Icon Cleanups */
.top-meta-links {
    display: flex;
    align-items: center;
    gap: 8px; /* Tightly grouped */
}
.meta-icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 5px;
    background: transparent;
    border: none;
    color: var(--text-main);
    cursor: pointer;
    transition: background 0.2s;
    padding: 0;
}
.meta-icon-btn:hover {
    background: var(--bg-elevated);
}
.meta-icon-btn svg {
    width: 14px;
    height: 14px;
}
/* Hide old text logic */
.meta-icon-btn span { display: none; }

/* 3. Navbar Logo Cleanups */
.brand-logo {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    width: auto !important;
    justify-content: flex-start !important;
    border: none !important;
    background: transparent !important;
    box-shadow: none !important;
    padding: 0 !important;
    white-space: nowrap !important; /* Disallow line break */
    text-decoration: none;
}
.brand-logo img {
    border: none !important;
    background: transparent !important;
}

/* 4. Reviews Section — Luxury Editorial */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,600;1,400&display=swap');

.premium-reviews-section {
    padding: 100px 0 120px;
    background:
        radial-gradient(ellipse at 50% 0%, rgba(200,160,40,0.04) 0%, transparent 70%),
        radial-gradient(ellipse at 85% 100%, rgba(33,67,255,0.03) 0%, transparent 60%),
        var(--bg-soft);
    position: relative;
}
.premium-reviews-section::before {
    content: '';
    position: absolute;
    inset: 0;
    background-image: radial-gradient(circle, var(--line) 1px, transparent 1px);
    background-size: 24px 24px;
    opacity: 0.5;
    pointer-events: none;
}

.bento-centered-header {
    text-align: center;
    margin-bottom: 56px;
    position: relative;
}
.bento-centered-header h2 {
    font-size: clamp(32px, 5vw, 42px);
    font-weight: 700;
    letter-spacing: -0.02em;
    margin-bottom: 16px;
    color: var(--text);
}
.bento-centered-header h2::after {
    content: '';
    display: block;
    width: 48px;
    height: 3px;
    background: linear-gradient(90deg, #c8960c, #e6b84c);
    margin: 20px auto 0;
    border-radius: 2px;
}
.bento-centered-header .section-copy {
    color: var(--text-soft);
    font-size: 1.05rem;
    max-width: 480px;
    margin: 0 auto;
    line-height: 1.7;
}

.bento-reviews-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: 24px;
    position: relative;
}

.bento-review-link {
    display: contents;
    text-decoration: none;
    color: inherit;
}

.bento-review-card {
    background: var(--bg-elevated);
    border: 1px solid var(--border-color);
    border-radius: 20px;
    padding: 36px 32px 32px;
    position: relative;
    overflow: hidden;
    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1),
                box-shadow 0.4s cubic-bezier(0.2, 0.8, 0.2, 1),
                border-color 0.4s;
    box-shadow: var(--surface-shadow);
}
.bento-review-card::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 4px;
    background: linear-gradient(180deg, #c8960c 0%, #e6b84c 50%, #c8960c 100%);
    border-radius: 4px 0 0 4px;
    opacity: 0;
    transition: opacity 0.4s;
}
.bento-review-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px -12px rgba(0,0,0,0.12);
    border-color: rgba(200,150,12,0.25);
}
.bento-review-card:hover::before {
    opacity: 1;
}

.bento-review-card.wide {
    grid-column: 1 / -1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 40px;
    align-items: stretch;
    padding: 0;
    overflow: hidden;
}
.bento-review-card.wide::before {
    width: 5px;
    opacity: 1;
}
@media(max-width: 768px) {
    .bento-review-card.wide {
        grid-template-columns: 1fr;
        padding: 0;
    }
}

/* Wide card: left panel */
.bento-review-card.wide .bento-review-body {
    padding: 40px 36px 36px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
/* Wide card: right decorative panel */
.bento-review-card.wide .bento-review-hero {
    background: linear-gradient(135deg, rgba(200,150,12,0.08) 0%, rgba(33,67,255,0.05) 100%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 40px;
    position: relative;
    overflow: hidden;
}
.bento-review-card.wide .bento-review-hero::after {
    content: '\201C';
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 200px;
    font-style: italic;
    color: rgba(200,150,12,0.06);
    position: absolute;
    right: -20px;
    bottom: -60px;
    line-height: 1;
    pointer-events: none;
}
.bento-review-card.wide .bento-review-hero .bento-stars {
    font-size: 28px;
    letter-spacing: 4px;
    margin-bottom: 12px;
    position: relative;
    z-index: 1;
}
.bento-review-card.wide .bento-review-hero .bento-hero-author {
    font-weight: 700;
    font-size: 1.15rem;
    color: var(--text);
    position: relative;
    z-index: 1;
}
.bento-review-card.wide .bento-review-hero .bento-hero-role {
    color: #c8960c;
    font-size: 0.85rem;
    font-weight: 600;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    margin-top: 6px;
    position: relative;
    z-index: 1;
}

.bento-watermark {
    position: absolute;
    top: -30px;
    right: 24px;
    font-family: 'Playfair Display', Georgia, serif;
    font-size: 140px;
    font-style: italic;
    color: rgba(200,150,12,0.07);
    line-height: 1;
    pointer-events: none;
    transition: color 0.4s, opacity 0.4s;
}
.bento-review-card:hover .bento-watermark {
    color: rgba(200,150,12,0.12);
}

.bento-stars {
    color: #c8960c;
    font-size: 16px;
    letter-spacing: 3px;
    margin-bottom: 20px;
}

.bento-review-card h2 {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 12px;
    line-height: 1.4;
    letter-spacing: -0.01em;
}
.bento-review-card p {
    color: var(--text-soft);
    line-height: 1.75;
    font-size: 0.95rem;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.bento-author {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 20px;
    border-top: 1px solid var(--line);
}
.bento-author-avatar {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: linear-gradient(135deg, #c8960c 0%, #e6b84c 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 700;
    font-size: 0.9rem;
    flex-shrink: 0;
    font-family: 'Playfair Display', Georgia, serif;
    font-style: italic;
}
.bento-author-text b {
    color: var(--text);
    font-size: 0.95rem;
    font-weight: 600;
    display: block;
}
.bento-author-text small {
    color: var(--text-soft);
    font-size: 0.8rem;
}

/* 5. Contact Row Hub */
.premium-contact-section {
    padding: 60px 0 100px;
}
.contact-row-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 16px;
}
.contact-row-card {
    display: flex;
    align-items: center;
    background: var(--bg-elevated);
    border: 1px solid var(--border-color);
    padding: 24px;
    border-radius: 16px;
    text-decoration: none;
    color: var(--text-main);
    transition: all 0.3s;
    position: relative;
}
.contact-row-card:hover {
    background: var(--brand);
    color: #fff;
    border-color: var(--brand);
    transform: translateY(-4px);
}
.contact-icon {
    width: 60px;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--brand) 10%, transparent);
    border-radius: 12px;
    margin-right: 20px;
    color: var(--brand);
    transition: 0.3s;
}
.contact-row-card:hover .contact-icon { background: rgba(255,255,255,0.2); color: #fff; }
.contact-icon svg.icon {
    width: 32px;
    height: 32px;
    transform: scale(1.35) !important; /* Scale to 85% visual footprint inside 60px box */
}
.contact-content {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.contact-content b { font-size: 18px; margin-bottom: 4px; }
.contact-content span { font-size: 13px; opacity: 0.7; }
.contact-arrow { opacity: 0; transform: translateX(-10px); transition: 0.3s; font-size: 20px; font-weight: bold; }
.contact-row-card:hover .contact-arrow { opacity: 1; transform: translateX(0); }

/* 6. Hero Dark Mode — softened overlay, natural image, refined text */
html[data-theme="dark"] .swiper-slide::after,
html[data-theme="dark"] .hero::after,
html[data-theme="dark"] .hero-slider::after {
    opacity: 0.06 !important;
}
html[data-theme="dark"] .hero-bg img,
html[data-theme="dark"] .hero {
    filter: brightness(1.08) contrast(1.03) !important;
}
html[data-theme="dark"] .hero h1 {
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.55);
}
html[data-theme="dark"] .hero .lead {
    text-shadow: 0 1px 10px rgba(0, 0, 0, 0.40);
}
html[data-theme="dark"] .hero {
    color: rgba(245, 249, 254, 0.94);
}
html[data-theme="dark"] .hero .hero-badge {
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.05);
    color: rgba(224, 234, 244, 0.84);
}

/* 7. Footer Logo Centering */
.footer-brand {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.footer-brand .footer-brand-mark {
    display: flex;
    justify-content: center;
    margin-bottom: 12px;
}
.footer-brand .footer-brand-mark img {
    border: none !important;
}

/* 8. Floating Chat Widget Redesign */
.chat-fab-widget {
    position: fixed;
    bottom: 24px;
    right: 24px;
    width: 60px;
    height: 60px;
    background: var(--brand);
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 25px -5px color-mix(in srgb, var(--brand) 50%, transparent);
    z-index: 1000;
    border: none;
    cursor: pointer;
    transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
}
.chat-fab-widget:hover {
    transform: scale(1.1) translateY(-4px);
    box-shadow: 0 15px 30px -5px color-mix(in srgb, var(--brand) 70%, transparent);
}
.chat-fab-widget svg {
    width: 28px;
    height: 28px;
}

/* 9. Final Tuning */
.meta-icon-btn.theme-toggle { width: 22px !important; min-width: 22px !important; padding: 0 !important; }
.bento-centered-header { margin-bottom: 64px !important; }

/* Modal Refinement */
#staticBackdrop .modal-content {
    border-radius: 20px;
    border: 1px solid var(--border-color);
    box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
    background: var(--bg-elevated);
}
#staticBackdrop .modal-header { border-bottom: none; padding: 24px 24px 12px; }
#staticBackdrop .modal-title { font-weight: 700; font-size: 20px; }
#staticBackdrop .modal-body { padding: 12px 24px; }
#staticBackdrop .form-control {
    border-radius: 12px;
    padding: 12px 16px;
    border: 1px solid var(--border-color);
    background: var(--bg-surface);
}
#staticBackdrop .form-control:focus {
    border-color: var(--brand);
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand) 15%, transparent);
}
#staticBackdrop .modal-footer { border-top: none; padding: 12px 24px 24px; }
#staticBackdrop .btn-primary {
    border-radius: 12px;
    padding: 12px;
    background: var(--brand);
    border: none;
    font-weight: 600;
}

/* Breathing Contact Widget */
@keyframes chat-pulse {
    0% { box-shadow: 0 0 0 0 color-mix(in srgb, var(--brand) 60%, transparent); }
    70% { box-shadow: 0 0 0 16px transparent; }
    100% { box-shadow: 0 0 0 0 transparent; }
}
.chat-fab-widget {
    animation: chat-pulse 2.5s infinite running;
}

/* Collections Sidebar Modernization */
.inventory-sidebar {
    background: transparent !important;
}
.inventory-filter-card, .inventory-overview, .inventory-promise {
    background: var(--bg-elevated);
    border: none !important;
    box-shadow: 0 12px 30px -10px rgba(0,0,0,0.06) !important;
    border-radius: 16px !important;
}
.inventory-filter-card select {
    appearance: none;
    background: var(--bg-surface) !important;
    border: 1px solid var(--border-color) !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    font-weight: 500;
    transition: all 0.3s;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
    background-repeat: no-repeat !important;
    background-position: right 12px center !important;
}
html[data-theme="dark"] .inventory-filter-card select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") !important;
}
.inventory-filter-card select:focus {
    border-color: var(--brand) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand) 15%, transparent) !important;
}
.inventory-actions .btn {
    border-radius: 10px !important;
    font-weight: 600;
}

/* --- New Inventory Layout (v2.0.5) --- */
.inventory-top-filters {
    padding: 40px 0 20px;
    background: var(--bg-soft);
}

.inventory-filter-card.horizontal {
    display: grid;
    grid-template-columns: 240px 1fr;
    align-items: center;
    gap: 32px;
    padding: 24px 32px;
    background: var(--bg-elevated);
    border: 1px solid var(--line);
    border-radius: 24px;
    box-shadow: var(--surface-shadow);
}

.filter-header {
    display: flex;
    align-items: center;
    gap: 16px;
    border-right: 1px solid var(--line);
    padding-right: 16px;
}

.filter-header .icon-chip {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff; /* Explicit White for Light Mode */
    color: var(--brand);
    border-radius: 14px;
    box-shadow: 0 4px 12px -2px rgba(0, 0, 0, 0.05); /* Added slight depth for white-on-white */
}

html[data-theme="dark"] .filter-header .icon-chip {
    background: var(--bg-elevated);
    box-shadow: none;
}

.filter-header .icon-chip .icon {
    width: 26px;
    height: 26px;
}

.filter-header b {
    display: block;
    font-size: 20px;
    color: var(--text);
    line-height: 1.2;
}

.filter-header p {
    margin: 4px 0 0;
    font-size: 13px;
    color: var(--text-soft);
}

.filter-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr) auto;
    align-items: end;
    gap: 20px;
}

.filter-grid label {
    display: block;
    position: relative;
}

/* Tech-Style Selects */
.filter-grid label::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 2px;
    height: 20px;
    background: var(--brand);
    opacity: 0.6;
    z-index: 2;
    border-radius: 0 2px 2px 0;
    transition: height 0.3s, background 0.3s;
}

.filter-grid label:hover::before,
.filter-grid label:focus-within::before {
    height: 32px;
    background: var(--brand-accent);
    opacity: 1;
}

.filter-grid label span {
    display: block;
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    color: var(--text-soft);
}

.select-wrapper {
    position: relative;
}

.select-wrapper select {
    width: 100%;
    height: 48px;
    padding: 0 40px 0 16px;
    border: 1px solid var(--line);
    border-radius: 8px;
    background: linear-gradient(180deg, var(--bg-soft), color-mix(in srgb, var(--bg-soft) 95%, white 5%));
    color: var(--text);
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    appearance: none;
    transition: all 0.2s cubic-bezier(0.1, 0.7, 0.1, 1);
}

.select-wrapper select:hover {
    border-color: var(--brand-accent);
    background: var(--bg-elevated);
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--brand-accent) 20%, transparent);
}

.select-wrapper select:focus {
    border-color: var(--brand);
    outline: none;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand) 10%, transparent);
}

/* Modern Tech Chevron */
.select-wrapper::after {
    content: "";
    position: absolute;
    right: 18px;
    top: 50%;
    width: 8px;
    height: 8px;
    transform: translateY(-70%) rotate(45deg);
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    opacity: 0.4;
    pointer-events: none;
    transition: transform 0.2s;
}

.select-wrapper:focus-within::after {
    transform: translateY(-30%) rotate(225deg);
    opacity: 1;
    color: var(--brand);
}

.filter-actions {
    display: flex;
    gap: 10px;
    padding-bottom: 2px;
}

.filter-actions .btn {
    height: 48px; /* Matching the new select height */
    padding-left: 24px;
    padding-right: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    white-space: nowrap;
}

/* --- Refined Pagination (v3.0) --- */
.pagin-nav {
    display: flex;
    justify-content: center;
    margin-top: 0;
}

.pagin-list {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.pagin-item {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 8px;
    border: none;
    border-radius: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
    text-decoration: none;
    color: var(--text-soft);
    background: transparent;
    transition: background 0.2s ease, color 0.2s ease;
    cursor: pointer;
    user-select: none;
}

a.pagin-item:hover {
    background: color-mix(in srgb, var(--brand) 8%, transparent);
    color: var(--brand);
    text-decoration: none;
}

.pagin-item.active {
    background: var(--brand);
    color: #ffffff;
    font-weight: 700;
    cursor: default;
    box-shadow: 0 4px 14px -4px color-mix(in srgb, var(--brand) 55%, transparent);
}

.pagin-item.disabled {
    opacity: 0.32;
    cursor: default;
    pointer-events: none;
}

.pagin-stepper {
    font-weight: 500;
    padding-left: 12px;
    padding-right: 12px;
}

/* Responsive */
@media (max-width: 640px) {
    .pagin-item {
        min-width: 36px;
        height: 36px;
        font-size: 13px;
        border-radius: 8px;
    }
    .pagin-stepper {
        padding-left: 8px;
        padding-right: 8px;
    }
}

/* --- Reset pagination inside .info-page (overrides .info-page ul/li defaults) --- */
.info-page .pagin-list {
    list-style: none;
    padding: 0;
}

.info-page .pagin-list li {
    padding-bottom: 0;
}

/* Modal & Dark Form Fixes */
.modal-content {
    background-color: var(--bg-elevated) !important;
    color: var(--text) !important;
    border: 1px solid var(--line) !important;
}

.modal-header {
    border-bottom: 1px solid var(--line) !important;
}

.modal-title {
    color: var(--text) !important;
}

.btn-close {
    filter: invert(var(--theme-invert, 0));
}
html[data-theme="dark"] .btn-close {
    filter: invert(1) brightness(2);
}

.form-control {
    background-color: var(--bg-soft) !important;
    border: 1px solid var(--line) !important;
    color: var(--text) !important;
}

.form-control::placeholder {
    color: var(--text-soft) !important;
    opacity: 0.6;
}

html[data-theme="dark"] .form-control::placeholder {
    color: rgba(255, 255, 255, 0.45) !important;
    opacity: 1;
}

.form-control:focus {
    background-color: var(--bg-elevated) !important;
    border-color: var(--brand) !important;
    box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand) 15%, transparent) !important;
}

.icon-btn {
    width: 44px;
    height: 44px;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Results Section */
.inventory-results {
    padding-bottom: 60px;
}

.inventory-main.full-width {
    width: 100%;
}

.grid-four {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.head-actions {
    display: flex;
    align-items: center;
    gap: 16px;
}

.meta-badge {
    padding: 2px 10px;
    background: var(--bg-soft);
    border: 1px solid var(--line);
    border-radius: 999px;
    font-size: 10px;
    color: var(--text-soft);
}

/* --- Cars card grid (shared with cars page) --- */
:root {
    --cars-accent: var(--brand-accent, #1fa7c6);
    --cars-surface: var(--bg-elevated, #ffffff);
    --cars-surface-2: color-mix(in srgb, var(--bg-soft, #f4f7f9) 70%, transparent);
    --cars-line: color-mix(in srgb, var(--line, #d6e1ea) 70%, transparent);
}

@keyframes cars-card-in {
    from { opacity: 0; transform: translateY(20px); }
    to   { opacity: 1; transform: translateY(0); }
}

.cars-card-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.cars-card {
    position: relative;
    background: var(--cars-surface);
    border-radius: 20px;
    border: 1px solid var(--cars-line);
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
    display: flex;
    flex-direction: column;
    box-shadow: 0 1px 3px rgba(0,0,0,0.04);
    text-decoration: none;
    color: inherit;
    animation: cars-card-in 0.45s ease both;
}

.cars-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 50px rgba(0,0,0,0.1);
    border-color: color-mix(in srgb, var(--cars-accent) 30%, var(--cars-line));
}

html[data-theme="dark"] .cars-card:hover {
    box-shadow: 0 20px 50px rgba(0,0,0,0.5);
}

.cars-card-media {
    position: relative;
    aspect-ratio: 16 / 10;
    overflow: hidden;
    background: color-mix(in srgb, var(--bg-soft, #f4f7f9) 50%, transparent);
}

.cars-card-media img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.6s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.cars-card:hover .cars-card-media img {
    transform: scale(1.06);
}

.cars-card-body {
    padding: 18px 20px 20px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 12px;
}

.cars-card-body h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.4;
    color: var(--text, #14263b);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height: 2.8em;
}

.cars-card-price {
    display: flex;
    align-items: baseline;
    gap: 3px;
    padding: 14px 0 16px;
    position: relative;
}

.cars-card-price::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(
        90deg,
        var(--cars-accent) 0%,
        var(--cars-accent) 40px,
        color-mix(in srgb, var(--cars-accent) 10%, transparent) 40px,
        color-mix(in srgb, var(--cars-accent) 10%, transparent) 100%
    );
    transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.cars-card:hover .cars-card-price::after {
    background: linear-gradient(
        90deg,
        color-mix(in srgb, var(--cars-accent) 70%, var(--text, #14263b)) 0%,
        color-mix(in srgb, var(--cars-accent) 70%, var(--text, #14263b)) 56px,
        color-mix(in srgb, var(--cars-accent) 18%, transparent) 56px,
        color-mix(in srgb, var(--cars-accent) 18%, transparent) 100%
    );
}

.cars-card-price-currency {
    font-size: 13px;
    font-weight: 600;
    color: var(--cars-accent);
    align-self: flex-start;
    margin-top: 6px;
    letter-spacing: 0.06em;
}

.cars-card-price-amount {
    font-size: 26px;
    font-weight: 800;
    color: var(--text, #14263b);
    letter-spacing: -0.045em;
    line-height: 1;
    font-variant-numeric: tabular-nums;
    transition: color 0.3s ease;
}

.cars-card:hover .cars-card-price-amount {
    color: color-mix(in srgb, var(--cars-accent) 80%, var(--text, #14263b));
}

.cars-card-specs {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.cars-spec {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 12px;
    font-weight: 600;
    color: var(--text-soft, #61748a);
}

.cars-spec svg {
    flex-shrink: 0;
    opacity: 0.45;
}

.cars-card-codes {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: auto;
    padding-top: 8px;
}

.cars-code {
    font-size: 10px;
    font-weight: 700;
    padding: 3px 8px;
    background: color-mix(in srgb, var(--cars-accent) 6%, transparent);
    border: 1px solid color-mix(in srgb, var(--cars-accent) 12%, transparent);
    border-radius: 6px;
    color: var(--text-soft, #61748a);
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

@media (max-width: 1280px) {
    .cars-card-grid { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 1024px) {
    .cars-card-grid { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 640px) {
    .cars-card-grid { grid-template-columns: 1fr; gap: 16px; }
}

/* Vehicle Card internal layout fixes */
.car-meta-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.car-meta-row span {
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
    background: color-mix(in srgb, var(--brand) 10%, transparent);
    color: var(--brand);
    padding: 2px 8px;
    border-radius: 4px;
}

.car-meta-row small {
    font-size: 12px;
    color: var(--text-soft);
}

/* Unified Price Alignment Fix (v2.1.6 Rigid) */
.inventory-results .wrap > .row,
.inventory-results .row {
    display: flex;
    flex-wrap: wrap;
}

.inventory-results .col-lg-3,
.inventory-results [class*="col-"] {
    display: flex;
}

.inventory-card {
    display: flex !important;
    flex-direction: column !important;
    width: 100%;
    background: var(--bg-elevated);
    border-radius: 16px;
    overflow: hidden;
    transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.inventory-card > div {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 24px;
}

.inventory-card h3 {
    margin-top: 0;
    margin-bottom: 12px;
    line-height: 1.4;
    font-size: 18px;
    color: var(--text);
    /* Force at least two lines of height to normalize text area */
    min-height: 2.8em; 
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.inventory-card-foot {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin-top: auto; /* Absolute pinning to bottom */
    padding-top: 16px;
    border-top: 1px solid var(--line);
}

.inventory-card-foot b {
    font-size: 20px; /* Slightly larger for presence */
    color: var(--brand);
    white-space: nowrap;
    letter-spacing: -0.02em;
}

/* Removed old detail link styles */

@media (max-width: 1400px) {
    .inventory-card-foot b {
        font-size: 16px;
    }
}

/* Responsive */
@media (max-width: 1200px) {
    .inventory-filter-card.horizontal {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .filter-header {
        border-right: none;
        border-bottom: 1px solid var(--line);
        padding-right: 0;
        padding-bottom: 16px;
    }
    .grid-four {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 900px) {
    .filter-grid {
        grid-template-columns: 1fr 1fr;
    }
    .grid-four {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 600px) {
    .filter-grid {
        grid-template-columns: 1fr;
    }
    .grid-four {
        grid-template-columns: 1fr;
    }
    .filter-actions {
        flex-direction: row;
    }
    .filter-actions .btn:first-child {
        flex: 1;
    }
}

.catalog-content {
    padding-bottom: 100px;
}

.inquiry-steps-bento {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 60px;
}

.bento-card {
    position: relative;
    padding: 40px;
    background: color-mix(in srgb, var(--bg-elevated) 60%, transparent);
    backdrop-filter: blur(12px);
    border: 1px solid color-mix(in srgb, var(--line) 50%, transparent);
    border-radius: 32px;
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s;
}

.bento-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 20px 40px rgba(0,0,0,0.2);
    border-color: var(--brand);
}

.bento-badge {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 14px;
    font-weight: 900;
    color: var(--brand);
    opacity: 0.4;
    letter-spacing: 0.1em;
}

.bento-icon {
    width: 64px;
    height: 64px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: color-mix(in srgb, var(--brand) 12%, transparent);
    color: var(--brand);
    border-radius: 20px;
    margin-bottom: 32px;
}

.bento-icon .icon {
    width: 32px;
    height: 32px;
}

.bento-content h3 {
    font-size: 24px;
    margin-bottom: 12px;
}

.bento-content p {
    font-size: 16px;
    color: var(--text-soft);
    line-height: 1.6;
}

/* Premium Form */
.inquiry-form-container {
    max-width: 900px;
    margin: 0 auto;
}

.inquiry-form-premium {
    padding: 50px;
    background: var(--bg-elevated);
    border: 1px solid var(--line);
    border-radius: 32px;
    box-shadow: var(--surface-shadow-strong);
}

.form-header {
    margin-bottom: 40px;
    text-align: center;
}

.form-header h2 {
    font-size: 32px;
    margin-top: 8px;
}

.form-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.form-grid .full-width {
    grid-column: span 2;
}

.form-grid label span {
    display: block;
    margin-bottom: 10px;
    font-size: 13px;
    font-weight: 600;
    color: var(--text-soft);
}

.form-grid input,
.form-grid textarea {
    width: 100%;
    padding: 16px 20px;
    background: var(--bg-soft);
    border: 1px solid var(--line);
    border-radius: 12px;
    color: var(--text);
    font-size: 15px;
    transition: all 0.2s;
}

.form-grid input:focus,
.form-grid textarea:focus {
    border-color: var(--brand);
    background: var(--bg-elevated);
    outline: none;
}

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

.form-footer .btn {
    min-width: 200px;
    height: 56px;
    font-size: 16px;
}

.trust-note-mini {
    display: flex;
    align-items: center;
    gap: 12px;
    font-size: 13px;
    color: var(--text-soft);
    max-width: 400px;
}

.trust-note-mini .icon {
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    color: var(--brand);
}

@media (max-width: 1024px) {
    .inquiry-steps-bento {
        grid-template-columns: 1fr;
    }
    .form-grid {
        grid-template-columns: 1fr;
    }
    .form-grid .full-width {
        grid-column: span 1;
    }
    .inquiry-form-premium {
        padding: 30px;
    }
    .form-footer {
        flex-direction: column;
        text-align: center;
    }
}

.content-section {
    padding: 64px 0;
    background: var(--bg-surface);
}
.content-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}
@media(max-width: 768px) {
    .content-grid {
        grid-template-columns: 1fr;
    }
}
.editorial-card {
    background: var(--bg-elevated);
    border: 1px solid var(--border-color);
    border-radius: 16px;
    padding: 32px;
    box-shadow: var(--surface-shadow);
}
.editorial-card h3 {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--text);
    margin-bottom: 16px;
    padding-bottom: 12px;
    border-bottom: 1px solid var(--line);
}
.editorial-card p {
    color: var(--text-soft);
    line-height: 1.75;
    font-size: 0.95rem;
}

/* About Facts List */
.about-facts {
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}
@media(max-width: 480px) {
    .about-facts {
        grid-template-columns: 1fr;
    }
}
.about-facts li {
    padding: 10px 14px;
    background: var(--bg-soft);
    border-radius: 8px;
    font-size: 0.9rem;
    color: var(--text-soft);
}
.about-facts li strong {
    color: var(--text);
    font-weight: 600;
}

/* Certifications Grid */
.cert-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    gap: 16px;
    margin-top: 8px;
}
.cert-item {
    background: var(--bg-soft);
    border: 1px solid var(--border-color);
    border-radius: 12px;
    padding: 20px 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    font-size: 0.85rem;
    font-weight: 500;
    color: var(--text);
    transition: transform 0.3s, box-shadow 0.3s;
}
.cert-item:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 20px -8px rgba(0,0,0,0.1);
}
.cert-item img {
    width: 64px;
    height: 64px;
    object-fit: contain;
    border-radius: 8px;
}

/* Gallery Section */
.gallery-section {
    padding: 64px 0;
    background: var(--bg-soft);
}
.section-title {
    font-size: clamp(24px, 4vw, 32px);
    font-weight: 700;
    color: var(--text);
    text-align: center;
    margin-bottom: 40px;
}
.gallery-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 20px;
}
.gallery-item {
    border-radius: 16px;
    overflow: hidden;
    background: var(--bg-elevated);
    border: 1px solid var(--border-color);
    transition: transform 0.3s, box-shadow 0.3s;
}
.gallery-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 28px -10px rgba(0,0,0,0.12);
}
.gallery-item img {
    width: 100%;
    aspect-ratio: 4/3;
    object-fit: cover;
    display: block;
}
.gallery-caption {
    padding: 14px 16px;
    font-size: 0.9rem;
    font-weight: 500;
    color: var(--text);
    text-align: center;
}