#sb-site
{
	min-height: auto !important;
}

#sb-site .boxed > .container
{
	min-height: 580px;
}

.no-auth select, 
.login-input select
{
	border-radius: 0 !important;
}

.no-auth .fa-phone, 
.login-input .fa-phone
{
	padding-left: 3px;
}

/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/ptsans/jizaRExUiTo99u79D0-ExdGM.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/ptsans/jizaRExUiTo99u79D0aExdGM.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/ptsans/jizaRExUiTo99u79D0yExdGM.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 400;
  src: url(../fonts/ptsans/jizaRExUiTo99u79D0KExQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/ptsans/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/ptsans/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/ptsans/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'PT Sans';
  font-style: normal;
  font-weight: 700;
  src: url(../fonts/ptsans/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}



/* Roboto */
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Thin'), local('Roboto-Thin'), url('../fonts/roboto/Robotothin.woff2') format('woff2'), url('../fonts/roboto/Robotothin.woff') format('woff'), url('../fonts/roboto/Robotothin.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Thin Italic'), local('Roboto-ThinItalic'), url('../fonts/roboto/Robotothinitalic.woff2') format('woff2'), url('../fonts/roboto/Robotothinitalic.woff') format('woff'), url('../fonts/roboto/Robotothinitalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Light'), local('Roboto-Light'), url('../fonts/roboto/Robotolight.woff2') format('woff2'), url('../fonts/roboto/Robotolight.woff') format('woff'), url('../fonts/roboto/Robotolight.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Light Italic'), local('Roboto-LightItalic'), url('../fonts/roboto/Robotolightitalic.woff2') format('woff2'), url('../fonts/roboto/Robotolightitalic.woff') format('woff'), url('../fonts/roboto/Robotolightitalic.ttf') format('truetype');
    font-weight: 300;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto'), local('Roboto-Regular'), url('../fonts/roboto/Roboto.woff2') format('woff2'), url('../fonts/roboto/Roboto.woff') format('woff'), url('../fonts/roboto/Roboto.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Italic'), local('Roboto-Italic'), url('../fonts/roboto/Robotoitalic.woff2') format('woff2'), url('../fonts/roboto/Robotoitalic.woff') format('woff'), url('../fonts/roboto/Robotoitalic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Medium'), local('Roboto-Medium'), url('../fonts/roboto/Robotomedium.woff2') format('woff2'), url('../fonts/roboto/Robotomedium.woff') format('woff'), url('../fonts/roboto/Robotomedium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Medium Italic'), local('Roboto-MediumItalic'), url('../fonts/roboto/Robotomediumitalic.woff2') format('woff2'), url('../fonts/roboto/Robotomediumitalic.woff') format('woff'), url('../fonts/roboto/Robotomediumitalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Bold'), local('Roboto-Bold'), url('../fonts/roboto/Robotobold.woff2') format('woff2'), url('../fonts/roboto/Robotobold.woff') format('woff'), url('../fonts/roboto/Robotobold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Bold Italic'), local('Roboto-BoldItalic'), url('../fonts/roboto/Robotobolditalic.woff2') format('woff2'), url('../fonts/roboto/Robotobolditalic.woff') format('woff'), url('../fonts/roboto/Robotobolditalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Black'), local('Roboto-Black'), url('../fonts/roboto/Robotoblack.woff2') format('woff2'), url('../fonts/roboto/Robotoblack.woff') format('woff'), url('../fonts/roboto/Robotoblack.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Black Italic'), local('Roboto-BlackItalic'), url('../fonts/roboto/Robotoblackitalic.woff2') format('woff2'), url('../fonts/roboto/Robotoblackitalic.woff') format('woff'), url('../fonts/roboto/Robotoblackitalic.ttf') format('truetype');
    font-weight: 900;
    font-style: italic;
}

/* ===== latin-ext (латышский и др.) ===== */
/* Lato 2.015 */
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 100; src: url(../fonts/lato/Lato-normal-100.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 300; src: url(../fonts/lato/Lato-normal-300.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 400; src: url(../fonts/lato/Lato-normal-400.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 700; src: url(../fonts/lato/Lato-normal-700.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Lato'; font-style: normal; font-weight: 900; src: url(../fonts/lato/Lato-normal-900.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 100; src: url(../fonts/lato/Lato-italic-100.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 300; src: url(../fonts/lato/Lato-italic-300.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 400; src: url(../fonts/lato/Lato-italic-400.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 700; src: url(../fonts/lato/Lato-italic-700.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Lato'; font-style: italic; font-weight: 900; src: url(../fonts/lato/Lato-italic-900.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* PT Sans */
@font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 400; src: url(../fonts/ptsans/PT_Sans-normal-400.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'PT Sans'; font-style: normal; font-weight: 700; src: url(../fonts/ptsans/PT_Sans-normal-700.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 400; src: url(../fonts/ptsans/PT_Sans-italic-400.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'PT Sans'; font-style: italic; font-weight: 700; src: url(../fonts/ptsans/PT_Sans-italic-700.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* Roboto (вариативный, веса 100-900) */
@font-face { font-family: 'Roboto'; font-style: normal; font-weight: 100 900; src: url(../fonts/roboto/Roboto-normal-variable.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: 'Roboto'; font-style: italic; font-weight: 100 900; src: url(../fonts/roboto/Roboto-italic-variable.woff2) format('woff2'); unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }




body {
	min-width: 240px;
    margin: 0px;
    background: #fff;
    color: #222;
    font-family: "Roboto","Helvetica","Arial",sans-serif;
    font-size: 14px;
    line-height: 1.7em;
}

#sb-site, .boxed {
    background: #fff;
}

a {
    font-family: "Roboto","Helvetica","Arial",sans-serif !important;
}

h1, h2, h3, h4, h5, h6 {
   font-family: "Roboto","Helvetica","Arial",sans-serif;
}

#header-full-top > .container > .row > div{
    float:none;
}


.breadcrumb
{
	position:relative!important;
	text-align:right;
	float:right;
}

@media (max-width: 500px){
	.main-header .breadcrumb {
		display: block!important;
	}
}

#back-top a {
    bottom: 55px;
}

/*Стили для блоков Ucats на главной странице*/
/*---------------------------------------------------------------------*/
/*Скроем левое меню каталога товаров на страницах ucats каталога*/
#left_col #group_fields + script + #cssmenu{
	display:none;
}
/*все блоки*/
.new-cat-block
{
	padding:11px;
}
/*все блоки*/
.ucats-h-1, .ucats-h-2
{
	display:block;
	border:1px solid #AAA;
	border-radius:1px;
	position:relative;
}
/*одинарная высота*/
.ucats-h-1
{
	height:170px;
}
/*двойная высота*/
.ucats-h-2
{
	height:417px;
}
/*картинка*/
.new-cat-block > a{
	position: relative;
	overflow: hidden;
}
.new-cat-block > a:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 38px;
	right:0;
	z-index: 1;
	background-size: contain;
	background-position:center bottom;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	transition: 0.5s;
}
.new-cat-block > a:hover:before{
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	transition: 0.2s;
}
/*текстовая строка в блоках*/
.new-cat-block-text
{
	position:absolute;
	z-index:2;
	font-size:18px;
	
	bottom:0px;
	left:0px;
	right:0;
	padding:7px;
	opacity: 1;
	
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
}
/*---------------------------------------------------------------------*/
/*Далее конкретные блоки*/
.new-cat-block-to:before 			{background: #fff url('/templates/nero/img/ucats/to.jpg') no-repeat;}
.new-cat-block-oil:before 			{background: #fff url('/templates/nero/img/ucats/oil.jpg') no-repeat;}
.new-cat-block-akb:before 			{background: #fff url('/templates/nero/img/ucats/akb.jpg') no-repeat;}
.new-cat-block-tires:before 		{background: #fff url('/templates/nero/img/ucats/tires.jpg') no-repeat;}
.new-cat-block-disks:before 		{background: #fff url('/templates/nero/img/ucats/disks.jpg') no-repeat;}
.new-cat-block-accessories:before 	{background: #fff url('/templates/nero/img/ucats/accessories.jpg') no-repeat;}
.new-cat-block-bolts:before 		{background: #fff url('/templates/nero/img/ucats/bolts.jpg') no-repeat;}
.new-cat-block-caps:before 			{background: #fff url('/templates/nero/img/ucats/caps.jpg') no-repeat;}
/*---------------------------------------------------------------------*/



.bs-glyphicons-list > li > a
{
	display:block;
	width:100%;
	height:100%;
	color:#777;
}
.bs-glyphicons-list > li > a:hover
{
	text-decoration:none;
	color:#FFF;
}

/*Обозначение цены*/
/*Для знака рубля*/
.RUB
{
    /*font-family: 'PT Sans', serif;*/
	font-family: 'Roboto', sans-serif;
}

.main-header
{
	margin-bottom:20px !important;
}

.fa-cart-with-products
{
	background-color:#0F0;
}

/*БЛОК ДЛЯ ФИЛЬТРОВ КАТАЛОГА - СТИЛИ ДЛЯ ФОНА*/
.side_properties_widgets_div
{
    border: 1px solid #DDD;
    background-color:#f9f9f9;
	width:100%;
	margin-bottom:10px;
}

.ya-share2__container_size_m .ya-share2__item_service_vkontakte .ya-share2__icon,
.ya-share2__container_size_m .ya-share2__item_service_facebook .ya-share2__icon,
.ya-share2__container_size_m .ya-share2__item_service_odnoklassniki .ya-share2__icon,
.ya-share2__container_size_m .ya-share2__item_service_gplus .ya-share2__icon,
.ya-share2__container_size_m .ya-share2__item_service_twitter .ya-share2__icon,
.ya-share2__container_size_m .ya-share2__item_service_blogger .ya-share2__icon,
.ya-share2__container_size_m .ya-share2__item_service_delicious .ya-share2__icon,
.ya-share2__container_size_m .ya-share2__item_service_digg .ya-share2__icon,
.ya-share2__container_size_m .ya-share2__item_service_reddit .ya-share2__icon,
.ya-share2__container_size_m .ya-share2__item_service_evernote .ya-share2__icon,
.ya-share2__container_size_m .ya-share2__item_service_linkedin .ya-share2__icon,
.ya-share2__container_size_m .ya-share2__item_service_lj .ya-share2__icon,
.ya-share2__container_size_m .ya-share2__item_service_pocket .ya-share2__icon,
.ya-share2__container_size_m .ya-share2__item_service_qzone .ya-share2__icon,
.ya-share2__container_size_m .ya-share2__item_service_renren .ya-share2__icon,
.ya-share2__container_size_m .ya-share2__item_service_sinaWeibo .ya-share2__icon,
.ya-share2__container_size_m .ya-share2__item_service_surfingbird .ya-share2__icon,
.ya-share2__container_size_m .ya-share2__item_service_tencentWeibo .ya-share2__icon,
.ya-share2__container_size_m .ya-share2__item_service_tumblr .ya-share2__icon,
.ya-share2__container_size_m .ya-share2__item_service_viber .ya-share2__icon,
.ya-share2__container_size_m .ya-share2__item_service_whatsapp .ya-share2__icon
{
	background-size: 100%;
	width:48px;
	height:48px;
}
.ya-share2__badge
{
	margin-top:5px;
}

/*КАТАЛОГИ UCATS*/
/*----------------------------------------------------------------------------------------------*/
@media screen and (max-width: 500px) {
	/*Блоки каталогов*/
	.ucats_product_block
	{
		position:relative;
		display:inline-block;
		width:300px;
		height:210px;
		margin-left:5px;
	}
	.ucats_product_block:hover
	{
		box-shadow: 0 0 10px rgba(0,0,0,0.4);
	}
	.ucats_product_block > .product_img
	{
		position:absolute;
		left:7px;
		top:7px;
		max-height:190px;
		max-width:100px;
	}
	.ucats_product_block > .manufacturer
	{
		position:absolute;
		left:110px;
		top:7px;
		font-size:20px;
		color:#337ab7;
	}
	.ucats_product_block > .article
	{
		position:absolute;
		left:110px;
		top:30px;
		font-size:14px;
		color:#337ab7;
		border:1px solid #337ab7;
		border-radius:5px;
		padding:5px 35px 5px 5px;
		background-image:url('/content/files/images/icons/search_337ab7.png');
		background-size:contain;
		background-position: right;
		background-repeat: no-repeat;
		
		cursor:pointer;
	}
	.ucats_product_block > .article:hover
	{
		border:1px solid #075293;
		box-shadow: 0 0 7px rgba(0,0,0,0.1);
	}
	.ucats_product_block > .characteristics
	{
		position:absolute;
		left:110px;
		top:57px;
		font-size:14px;
		color:#555;
		font-weight:bold;
		padding:7px;
	}
	.ucats_product_block > .composition
	{
		position:absolute;
		left:110px;
		top:80px;
		font-size:14px;
		color:#000;
		padding:4px;
	}
	.ucats_product_block > .name_product
	{
		position:absolute;
		left:110px;
		top:110px;
		font-size:14px;
		line-height:16px;
		color:#000;
		padding:4px;
		text-align:left;
	}
	.ucats_product_block > .name_product_top
	{
		position:absolute;
		left:110px;
		top:60px;
		font-size:14px;
		color:#000;
		padding:4px;
		text-align:left;
	}
	.ucats_product_block > .product_page_button
	{
		position:absolute;
		right:7px;
		bottom:7px;
		font-size:14px;
		color:#000;
		padding:4px;
		text-align:left;
	}
}
@media screen and (min-width: 500px) and (max-width: 1200px) {
	/*Блоки каталогов*/
	.ucats_product_block
	{
		position:relative;
		display:inline-block;
		width:350px;
		height:210px;
		margin-left:5px;
	}
	.ucats_product_block:hover
	{
		box-shadow: 0 0 10px rgba(0,0,0,0.4);
	}
	.ucats_product_block > .product_img
	{
		position:absolute;
		left:7px;
		top:7px;
		max-height:190px;
		max-width:150px;
	}
	.ucats_product_block > .manufacturer
	{
		position:absolute;
		left:160px;
		top:7px;
		font-size:20px;
		color:#337ab7;
	}
	.ucats_product_block > .article
	{
		position:absolute;
		left:160px;
		top:30px;
		font-size:14px;
		color:#337ab7;
		border:1px solid #337ab7;
		border-radius:5px;
		padding:5px 35px 5px 5px;
		background-image:url('/content/files/images/icons/search_337ab7.png');
		background-size:contain;
		background-position: right;
		background-repeat: no-repeat;
		
		cursor:pointer;
	}
	.ucats_product_block > .article:hover
	{
		border:1px solid #075293;
		box-shadow: 0 0 7px rgba(0,0,0,0.1);
	}
	.ucats_product_block > .characteristics
	{
		position:absolute;
		left:160px;
		top:57px;
		font-size:14px;
		color:#555;
		font-weight:bold;
		padding:7px;
	}
	.ucats_product_block > .composition
	{
		position:absolute;
		left:160px;
		top:80px;
		font-size:14px;
		color:#000;
		padding:4px;
	}
	.ucats_product_block > .name_product
	{
		position:absolute;
		left:160px;
		top:110px;
		font-size:14px;
		line-height:16px;
		color:#000;
		padding:4px;
		text-align:left;
	}
	.ucats_product_block > .name_product_top
	{
		position:absolute;
		left:160px;
		top:60px;
		font-size:14px;
		color:#000;
		padding:4px;
		text-align:left;
	}
	.ucats_product_block > .product_page_button
	{
		position:absolute;
		right:7px;
		bottom:7px;
		font-size:14px;
		color:#000;
		padding:4px;
		text-align:left;
	}
}
@media screen and (min-width: 1200px) {
	/*Блоки каталогов*/
	.ucats_product_block
	{
		position:relative;
		display:inline-block;
		width:400px;
		height:210px;
		margin-left:5px;
	}
	.ucats_product_block:hover
	{
		box-shadow: 0 0 10px rgba(0,0,0,0.4);
	}
	.ucats_product_block > .product_img
	{
		position:absolute;
		left:7px;
		top:7px;
		max-height:190px;
		max-width:150px;
	}
	.ucats_product_block > .manufacturer
	{
		position:absolute;
		left:160px;
		top:7px;
		font-size:20px;
		color:#337ab7;
	}
	.ucats_product_block > .article
	{
		position:absolute;
		left:160px;
		top:30px;
		font-size:14px;
		color:#337ab7;
		border:1px solid #337ab7;
		border-radius:5px;
		padding:5px 35px 5px 5px;
		background-image:url('/content/files/images/icons/search_337ab7.png');
		background-size:contain;
		background-position: right;
		background-repeat: no-repeat;
		
		cursor:pointer;
	}
	.ucats_product_block > .article:hover
	{
		border:1px solid #075293;
		box-shadow: 0 0 7px rgba(0,0,0,0.1);
	}
	.ucats_product_block > .characteristics
	{
		position:absolute;
		left:160px;
		top:57px;
		font-size:14px;
		color:#555;
		font-weight:bold;
		padding:7px;
	}
	.ucats_product_block > .composition
	{
		position:absolute;
		left:160px;
		top:80px;
		font-size:14px;
		color:#000;
		padding:4px;
	}
	.ucats_product_block > .name_product
	{
		position:absolute;
		left:160px;
		top:110px;
		font-size:14px;
		line-height:16px;
		color:#000;
		padding:4px;
		text-align:left;
	}
	.ucats_product_block > .name_product_top
	{
		position:absolute;
		left:160px;
		top:60px;
		font-size:14px;
		color:#000;
		padding:4px;
		text-align:left;
	}
	.ucats_product_block > .product_page_button
	{
		position:absolute;
		right:7px;
		bottom:7px;
		font-size:14px;
		color:#000;
		padding:4px;
		text-align:left;
	}
}




/*Переключатели страниц*/
.pages_selector
{
	display:inline-block;
	height:25px;
	line-height:25px;
	padding-left:15px;
	padding-right:15px;
	
	cursor:pointer;
	/*
	background: #f2f5f6;
	background: -moz-linear-gradient(top,  #f2f5f6 0%, #e3eaed 37%, #c8d7dc 100%);
	background: -webkit-linear-gradient(top,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
	background: linear-gradient(to bottom,  #f2f5f6 0%,#e3eaed 37%,#c8d7dc 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f5f6', endColorstr='#c8d7dc',GradientType=0 );
	*/
}
.current_page
{
	color:#FFF;
	background-color:#337ab7 !important;
}



/*Страница одного товара*/
.ucats_product
{
	position:relative;
}
.ucats_product > .product_image,
.ucats_product > .product_info
{
	position:absolute;
}
.ucats_product > .product_image
{
	top:20px;
	right:40px;
}
.ucats_product > .product_info
{
	top:20px;
	left:0;
}
.ucats_product > .product_info > p
{
	font-size:14px;
	color:#555;
}
.ucats_product > .product_info > h3
{
}
.ucats_product > .product_info > .article
{
	font-size:14px;
	color:#337ab7;
	border:1px solid #337ab7;
	border-radius:5px;
	padding:5px 27px 5px 5px;
	background-image:url('/content/files/images/icons/search_337ab7.png');
	background-size:contain;
	background-position: right;
	background-repeat: no-repeat;
	
	cursor:pointer;
}
.ucats_product > .product_info > .article:hover
{
	border:1px solid #075293;
	box-shadow: 0 0 7px rgba(0,0,0,0.1);
}










/*СТИЛИ ДЛЯ РАСШИРЕНИЯ BOOTSTRAP - 5 КОЛОНОК*/
.col-xs-1-5,
.col-sm-1-5,
.col-md-1-5,
.col-lg-1-5 {
  position: relative;
  min-height: 1px;
  padding-right: 10px;
  padding-left: 10px;
}
 
.col-xs-1-5 {
  width: 20%;
  float: left;
}
 
@media (min-width: 768px) {
  .col-sm-1-5 {
    width: 20%;
    float: left;
  }
}
 
@media (min-width: 992px) {
  .col-md-1-5 {
    width: 20%;
    float: left;
  }
}
 
@media (min-width: 1200px) {
  .col-lg-1-5 {
    width: 20%;
    float: left;
  }
}



/*Таблица сравнений товаров*/
.table-nonfluid {
   width: auto !important;
}
.table-nonfluid td
{
	width:220px;
}
.table-nonfluid th
{
	padding:0 !important;
}
.table-nonfluid tbody
{
}



/*ПАНЕЛЬ С КОРЗИНОЙ, ЗАКЛАДКАМИ И СРАВНЕНИЕМ*/
.bottom-border
{
	height:35px;
}
.bottom-ul > li
{
	height:35px;
	
	position:relative;
}
.bottom-ul > li > a:hover
{
	background-color:#222;
	color:#AAA;
}
.bottom-ul > li > a
{
	padding-left:20px;
	padding-right:20px;
	padding-top:8px;
	padding-bottom:8px;
}
.navbar-fixed-bottom
{
	background-color:#333;
	border-top:1px solid #444;
	min-height:35px;
	max-height:35px;
}
.container-fluid
{
	margin:0 30px;
}
.bottom-ul:last-child
{
	border-right:1px solid #444;
}
.bottom-ul > li
{
	border-left:1px solid #444;
}
.bottom-button
{
	margin-top:6px;
	margin-right:8px;
	padding-top:0;
	height:25px;
	line-height:25px;
}
.bottom-icon,
.bottom-label
{
	color:#AAA;
}
#cart_items_sum
{
	color:#AAA;
}
/*Указатель добавления в корзину, добавлени в закладки и сравнения*/
#mark_popup_added,
#mark_bookmarks_popup_added
{
	position:absolute;
	bottom:40px;
	left:60px;
	color:#FFF;
	width:100px;
	height:30px;
	line-height:30px;
	z-index:9999999999999;
	text-align:center;
}
#mark_compare_popup_added
{
	position:absolute;
	bottom:40px;
	left:75px;/*Отличается от Корзины и Закладок*/
	color:#FFF;
	width:100px;
	height:30px;
	line-height:30px;
	z-index:9999999999999;
	text-align:center;
}
#mark_popup_added:before,
#mark_bookmarks_popup_added:before,
#mark_compare_popup_added:before
{
	content:'';
	position:absolute;
	left:35px;
	bottom:-10px;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;

	border-top-style: solid;
	border-top-width: 15px;
	border-top-color: inherit;
	
	z-index:99999999999999;
}
@media (max-width: 768px) {
	.container-fluid
	{
		margin:0 15px;
	}
	.bottom-ul
	{
		margin-top: 0;
		margin-right: -15px;
		margin-bottom: 0;
		margin-left: -15px;
	}
	.bottom-ul > li
	{
		width:30%;
		display:inline-block;
	}
	.bottom-ul > li > a
	{
		padding-left:10px;
		padding-right:10px;
		padding-top:8px;
		padding-bottom:8px;
		white-space: nowrap;
	}
	
	
	/*Указатель добавления в корзину, добавлени в закладки и сравнения*/
	#mark_popup_added,
	#mark_bookmarks_popup_added,
	#mark_compare_popup_added
	{
		bottom:40px;
		left:10px;
	}
	#mark_popup_added:before,
	#mark_bookmarks_popup_added:before,
	#mark_compare_popup_added:before
	{
		content:'';
		position:absolute;
		left:12px;
		bottom:-10px;
		border-left: 15px solid transparent;
		border-right: 15px solid transparent;

		border-top-style: solid;
		border-top-width: 15px;
		border-top-color: inherit;
		
		z-index:99999999999999;
	}
}






/*Форма с публикацией отзыва*/
.evaluations_mark i
{
	font-size:25px;
}
.evaluations_mark i:hover
{
	color:#AAA;
	cursor:pointer;
}



/*Для страницы одного товара - варианты исполнения*/
.product-option-message
{
	margin-bottom:0 !important;
}
.product-option-variant
{
	display:block;
	margin-bottom:5px;
}



/*Стили для блока поисковых табов на главной странице*/
/*Пояснение - вверху каждого таба*/
.search_tab_clar
{
	
}
/*ul столбика с автомобилями*/
.search_tab_car_ul
{
	display:inline-block!important;
	list-style-type: none!important;
	vertical-align: top;
}
/*div для буквы автомобиля*/
.search_tab_car_letter
{
	display:inline-block!important;
	width:25px!important;
	font-weight:bold!important;
	font-size:16px!important;
}
/*div для названия автомобиля*/
.search_tab_car_caption
{
	display:inline-block!important;
}
.search_tab_car_caption > A
{
	color:unset!important;
	text-decoration:none!important;
}
.search_tab_car_caption > A:hover
{
	text-decoration:underline!important;
}
/*Стиль для одного каталога выбранной марки*/
.search_tab_car_catalogue
{
	margin:20px;
}
.search_tab_car_catalogue > A
{
	color:unset!important;
	text-decoration:none;
}
.search_tab_car_catalogue > A:hover
{
	text-decoration:underline;
}
/*Ссылка для возвращения к отображению марок автомобилей*/
.search_tab_car_catalogue_back
{
}
.search_tab_car_catalogue_back:hover
{
	text-decoration:underline;
}










/*START МОДАЛЬНОЕ ОКНО*/
.popup_window 
{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.7);
    text-align: center;
    z-index:99999999999;
}
.popup_window:after 
{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    height: 100%;
    width: 0;
    vertical-align: middle;
    content: '';
}
.popup_content 
{
    display: inline-block;
    *display: inline;
    *zoom: 1;
    position: relative;
    max-width: 80%;
    padding: 20px;
    border: 5px solid #fff;
    border-radius: 15px;
    box-shadow: inset 0 2px 2px 2px rgba(0,0,0,.4);
    background: #fff;
    vertical-align: middle;
    z-index:999999;
}
.popup_window_close
{
    display: block;
    position: absolute;
    top: -20px;
    right: 10px;
    width: 12px;
    height: 12px;
    padding: 8px;
    border: 5px solid #fff;
    border-radius: 50%;
    -webkit-box-shadow: inset 0 2px 2px 2px rgba(0,0,0,.4),
                              0 3px 3px     rgba(0,0,0,.4);
    box-shadow:         inset 0 2px 2px 2px rgba(0,0,0,.4),
                              0 3px 3px     rgba(0,0,0,.4);
    cursor: pointer;
    background: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 12px;
    color: #444;
    text-decoration: none;
    font-weight: bold;
    z-index:999999;
}
.popup_window_close:hover 
{
    background: #ddd;
}
/*END МОДАЛЬНОЕ ОКНО*/

/* Модуль гео позиции */
.geo_point_wrap
{
    cursor:pointer;
	white-space: nowrap;
	margin: 0;
    padding: 0;
    display: inline-block;
    padding: 7px 10px;
    color: #000;
    text-decoration: none;
    background-color: #f1f1f1;
    -webkit-box-shadow: inset 0 0 1px #ffffff;
    -moz-box-shadow: inset 0 0 1px #ffffff;
    box-shadow: inset 0 0 1px #ffffff;
    border: solid 1px #e3e6e8;
    border-top: 0;
}
.customer_city
{
    text-align: left;
    cursor: pointer;
}
.customer_city > i{
	font-size: 13px !important;
}
.geo_list
{
    text-align:left;
	max-height: 400px;
    overflow: auto;
}
.geo_top_level
{
    color:#313131;
    border-bottom:1px dotted #313131;
    font-weight:bold;
    font-size:22px;
    padding:4px;
}
.geo_second_level
{
    color:#313131;
    border-bottom:1px dotted #313131;
    font-size:20px;
    padding:4px;
    margin-left:18px;
}
.geo_default_level
{
    display:inline-block;
    font-size:16px;
    margin-left:20px;
}
/*END Модуль гео позиции */



/*Стили для блока поделиться с друзьями*/
.ya-share2__container_size_m .ya-share2__popup_direction_bottom {
	top: auto!important;
	left: auto!important;
	right: -146px!important;
	bottom: 50px!important;
}
.ya-share2__container_size_m .ya-share2__popup_direction_bottom:before {
	content: 'Поделиться с друзьями:';
	white-space: nowrap;
	display: block;
	font-weight: bold;
}
.ya-share2__container_size_m .ya-share2__icon_more:before {
	font-size: 18px;
	line-height: 24px;
	content: "\f0c1";
	font-family: FontAwesome;
	color: #ff482b;
	left: 0;
	right: 0;
	top: 5px;
	bottom: 0;
	position: absolute;
	text-align: center;
}
.ya-share2__icon_more, .ya-share2__icon_total-counter {
	border: 1px solid #ccc;
}
.ya-share2__icon{
	width:35px !important;
	height:35px !important;
}



.col-lg-12{
    min-height: 0px;
}


/* Категории товаров в виде плитки */

.new-cat-block-catalog
{
	position: relative;
	overflow: hidden;
}
.new-cat-block-catalog .new-cat-block-catalog-img{
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	bottom: 45px;
	right: 15px;
	z-index: 1;
	background-position:center;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	transition: 0.5s;
	
	/* Черно-белое изображение */
	/*-webkit-filter: grayscale(1);
	filter: gray;
	filter: grayscale(1);*/
}
.new-cat-block-catalog:hover .new-cat-block-catalog-img {
	content: "";
	position: absolute;
	top: 15px;
	left: 15px;
	bottom: 45px;
	right: 15px;
	z-index: 1;
	background-position:center;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	transition: 0.2s;
	
	/* Черно-белое изображение */
	/*-webkit-filter: grayscale(0);
	filter: none;
	filter: grayscale(0);*/
}

/* END */





/* ======================================================================================== */




body {
  color: #555;
  padding: 0;
}

a:hover {
  text-decoration: none;
}

header {
  display: block;
  background: #fff;
  position: relative;
  z-index: 10;
}

header a {
  text-decoration: none;
}

header table td {
  padding: initial;
  vertical-align: middle;
  font-size: inherit;
  border: none;
}

header .top-menu-line table {
  width: 100%;
}

header .top-menu-line .navbar-header-full {
  background: none;
}

header .top-menu-line table td {
  vertical-align: top;
}

header .top-menu-line table td:last-child {
  text-align: right;

  white-space: nowrap;
}

header .navbar {
  position: relative;
  min-height: auto;
  margin-bottom: auto;
  border: none;
  z-index: 7;
}

header .navbar:before {
  display: none;
}

header .navbar .nav:before {
  display: none;
}

header .navbar-default .navbar-nav > li > a:hover,
header .navbar-default .navbar-nav > li > a:active,
header .navbar-default .navbar-nav > li > a:focus,
header .navbar-default .navbar-nav > .active > a:hover {
  color: #000;
}

header .navbar-default .navbar-nav > li > a {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 27px;
  padding: 5px 0px;
  position: relative;
  z-index: 1;
  text-transform: none;
  letter-spacing: normal;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  display: inline-block;
  text-align: left;
  color: rgba(41, 42, 49, 0.75);
}

header .navbar-default .navbar-nav > .active > a {
  color: rgba(41, 42, 49, 0.75);
}

header .navbar-default .navbar-nav > li > a:after {
  display: none;
  content: "";
}

header .navbar-nav > .dropdown > a:before {
  content: "\f078";
  position: absolute;
  font-weight: 100;
  display: inline-block;
  font-family: FontAwesome;
  right: 0px;
  font-size: 9px;
  color: rgba(50, 50, 50, 0.75);
}

header .dropdown-menu {
  border-top: none;
  border-color: #e4e4e4;
}

header .dropdown-menu > li > a {
  display: block;
  padding: 5px 30px 5px 13px;
  border-color: #e4e4e4;
}

header .navbar-default .navbar-nav > li.dropdown > a {
  padding-right: 13px;
}

header .new-header-user-box .balance_indicator {
  font-style: normal;
  font-weight: bold;
  position: relative;
  top: 1px;
  font-size: 16px;
  line-height: 0px;
}

header .new-header-user-box .balance_text {
  font-style: normal;
  font-size: 13px;
}

header .new-header-user-box {
  display: inline-block;
  margin-left: 20px;
}

header .new-header-user-box a {
  color: rgba(41, 42, 49, 0.75);
  text-decoration: none;
  cursor: pointer;
  padding: 5px 0px;
  line-height: 20px;
  display: inline-block;
}

header .new-header-user-box a:hover,
header .new-header-user-box a:active,
header .new-header-user-box a:focus {
  color: #000;
  text-decoration: none;
}

@media (max-width: 1200px) {
  header .navbar-default .navbar-nav > li > a {
    margin-right: 10px;
  }

  header .new-header-user-box {
    margin-left: 10px;
  }
}

/* Кнопка личного кабинета */

header .new-header-user-box .dropdown-menu-right {
  right: -1px;
  border: 1px solid #e4e4e4;
  margin: 0;
  min-width: 250px;
}

header .new-header-user-box .panel-heading {
  text-align: center;
}

header .new-header-user-box .form-group {
  margin-bottom: 0;
}

header .new-header-user-box .form-group .btn {
  margin: 0;

  padding: 10px 20px;
}

header .new-header-user-box .form-group .clearfix {
  display: none;
}

header .new-header-user-box .panel-heading {
  font-weight: bold;
  color: #333;
  border-bottom: 1px solid #e4e4e4;
}

header .new-header-user-box .panel-body {
  padding: 0;
}

header .new-header-user-box .no-auth .form-group > div {
  margin-left: 15px;
  margin-right: 15px;
}

header .new-header-user-box .no-auth {
  margin-top: 15px;
}

header .new-header-user-box .form-group a {
  display: block;
  background: none;
  color: #000 !important;
  border: none;
  text-align: left;
  border-radius: 0;
  border-bottom: 1px solid #e4e4e4;
}

header .new-header-user-box .form-group .btn_exit {
  border-bottom: none !important;
}

header .new-header-user-box .form-group hr {
  display: none;
}

header .new-header-user-box .form-group .btn:before {
  font-size: 14px;
  font-weight: normal;
  display: inline-block;
  font-family: FontAwesome;
  width: 30px;
  color: #333;
}

header .new-header-user-box .form-group .btn_auth:before {
  content: "\f090";
}

header .new-header-user-box .form-group .btn_reg:before {
  content: "\f234";
}

header .new-header-user-box .form-group .btn_forget:before {
  content: "\f128";
}

header .new-header-user-box .form-group .btn_profile:before {
  content: "\f007";
}

header .new-header-user-box .form-group .btn_settings:before {
  content: "\f044";
}

header .new-header-user-box .form-group .btn_orders:before {
  content: "\f03a";
}

header .new-header-user-box .form-group .btn_return:before {
  content: "\f060";
}

header .new-header-user-box .form-group .btn_cart:before {
  content: "\f07a";
}

header .new-header-user-box .form-group .btn_garazh:before {
  content: "\f1b9";
}

header .new-header-user-box .form-group .btn_requests:before {
  content: "\f135";
}

header .new-header-user-box .form-group .btn_bloknot:before {
  content: "\f02d";
}

header .new-header-user-box .form-group .btn_balans:before {
  content: "\f158";
}

header .new-header-user-box .form-group .btn_exit:before {
  content: "\f08b";
}

header .new-header-user-box .form-group .btn_auth {
  padding-top: 0;
}

header .new-header-user-box .form-group .btn_forget,
header .new-header-user-box .form-group .btn_exit {
  border-bottom: none;
}

/*	END	 */

header .top-menu-line {
  border-bottom: 1px solid #f5f5f5;
}

header .logo-line {
  padding: 20px 0px;

  color: #555;
}

header .logo-line .table-group {
  min-height: 70px;
}

header .logo-line .geo-point-box i,
header .logo-line .timetable-box i {
  margin-right: 15px;
  font-size: 25px;
}

header .logo-line .geo-point-box {
  display: inline-block;
  line-height: 1.3em;
}

header .logo-line .geo-point-box .customer_city i {
  display: none;
}

header .logo-line .timetable-box {
  max-width: 230px;
  display: inline-block;
  line-height: 1.3em;
}

@media (max-width: 991px) {
  header .logo-line .timetable-box {
    display: none;
  }

  header .schearch-line .header-search-box .input-group input {
    font-size: 12px;
  }
}

header .logo-line .header-phone-box {
  line-height: 1em;
}

header .logo-line .header-phone-box a {
  font-size: 25px;
  text-decoration: none;
}

header .logo-line .header-call-box a {
  text-decoration: none;
  padding-right: 2px;
}

header .schearch-line {
  padding: 10px 0px;
}

header .schearch-line table {
  width: 100%;
}

header .schearch-line .search-table-td {
  width: 100%;
}

header .schearch-line .header-search-box {
  width: 100%;
}

header .schearch-line .header-search-box .input-group {
  width: 100%;
}

header .schearch-line .header-search-box .input-group-btn {
  width: auto;
  font-size: 0;
  white-space: nowrap;
  position: absolute;
  z-index: 3;
  top: 5px;
  right: 5px;
}

header .schearch-line .header-search-box .input-group-btn button {
  border-radius: 6px;
  margin-left: 0;
}

header .schearch-line .header-search-box .input-group input {
  height: 50px;
  border: none;
  padding-left: 40px;
  background: none;
  background: #fff;
  border-radius: 6px !important;
  box-shadow: 0px 1px 0px #e6eaef;
}

header .schearch-line .header-search-box .dropdown span:after {
  top: 15px;
}

header .schearch-line .header-search-box .dropdown span {
  height: 50px;
  line-height: 50px;
}

header .schearch-line .menu-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

header .schearch-line .menu-box-item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.menu-box-icon {
  height: 25px;
  max-width: 25px;
	width: 100%;
}

header .schearch-line .menu-box > div {
  padding: 0px;
  text-align: center;
}

header .schearch-line .menu-box a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  font-size: 19px;
  text-decoration: none;
  color: #555;
  background: #fff;
  border-bottom: 1px solid #e6eaef;
  border-right: 1px solid #e6eaef;
  white-space: nowrap;
  height: 50px;
}

header .schearch-line .menu-box > div:first-child a {
  border-radius: 6px 0px 0px 6px;
}

header .schearch-line .menu-box > div:last-child a {
  border-radius: 0px 6px 6px 0px;
}

header .schearch-line .menu-box .badge {
  border-radius: 2px;
  display: inline-block;
  min-width: 10px;
  padding: 2px 5px;
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  position: relative;
  left: 2px;
}

/*Меню каталога */

header .schearch-line .header-cat-btn {
  display: inline-block;
  white-space: nowrap;
  background: #555;
  color: #fff;
  padding: 0px 20px;
  height: 50px;
  line-height: 50px;
  border-radius: 6px;
  margin-right: 30px;
  text-decoration: none;
  cursor: pointer;
}

@media (max-width: 1200px) {
	header .schearch-line .menu-box .badge {
		padding: 2px 2px;
		font-size: 11px;
		left: 1px;
	}
}

header .schearch-line .header-cat-btn i {
  margin-right: 5px;
}

.fon-catalog {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #000000a8;
  z-index: 8;
}

#dp_menu {
  display: none;
  position: absolute;
  z-index: 9;
  white-space: normal;
  margin-top: 10px;
  border-top: 1px solid #e4e4e4;
  left: 0;
  right: 0;
  background: linear-gradient(to right, #efefef 50%, #fff 50%);
}

#dp_menu .vertical-tabs-left .tab-content,
#dp_menu .vertical-tabs-right .tab-content {
  display: table-cell;
  padding: 20px;
  width: 100%;
  background: #fff;
}

#dp_menu .vertical-tabs-right {
  border: none;
  background: #efefef;
}

#dp_menu .vertical-tabs-right .vertical-tab-list {
  border: 0;
}

#dp_menu .vertical-tabs-right .vertical-tab-list ul.nav > li.active > a,
#dp_menu .vertical-tabs-right .vertical-tab-list ul.nav > li.active > a:hover,
#dp_menu .vertical-tabs-right .vertical-tab-list ul.nav > li.active > a:focus {
  border-right: none;
  background-color: #fff;
}

#dp_menu .vertical-tab-list {
  display: table-cell;
  min-width: 200px;
  line-height: 1em;
  vertical-align: top;
}

#dp_menu .vertical-tabs-right .vertical-tab-list ul.nav > li > a {
  border-right: none;
  margin-right: 0px;
  color: #444;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 14px;
  padding-left: 2px;
}

#dp_menu .nav > li {
  position: relative;
  display: block;
  border-bottom: 1px solid #d7d7d7;
}

#dp_menu .column_box_line {
  display: block;
  margin-right: 100px;
  float: left;
  position: relative;
  z-index: 2;
  max-width: 30%;
  margin-right: 3%;
}

#dp_menu .box_line {
  display: block;
  margin-bottom: 20px;
}

#dp_menu .box_line a {
  display: block;
  line-height: 1.2em;
  margin-bottom: 10px;
}

#dp_menu .one_line {
  color: #555;
  font-size: 16px;
  font-weight: bold;
}

#dp_menu .two_line {
  color: #555;
  font-size: 14px;
  margin-left: 15px;
}

#dp_menu .count_ch:before {
  content: "\f054";
  position: absolute;
  top: 0;
  bottom: 0;
  height: 12px;
  margin: auto;
  display: inline-block;
  font-family: FontAwesome;
  right: 10px;
  font-size: 12px;
}

@media (max-width: 991px) {
  #dp_menu .one_line {
    font-size: 14px;
  }

  #dp_menu .two_line {
    font-size: 12px;
  }

  #dp_menu .column_box_line {
    display: block;
    margin-right: 100px;
    float: left;
    position: relative;
    z-index: 2;
    max-width: 45%;
    margin-right: 3%;
  }
}

/*END Меню каталога */

@media (max-width: 350px) {
  .mobile-box-phone {
    display: none;
  }
}

@media (max-width: 767px) {
  .new-header-user-box .panel-heading {
    display: none;
  }

  .new-header-user-box .no-auth {
    margin-top: 15px;
  }

  .navbar-default .navbar-nav > li > a {
    padding-left: 15px;
  }

  .navbar-default .navbar-nav > li > a {
    padding-left: 20px;
  }

  .navbar-nav .open .dropdown-menu .dropdown-header,
  .navbar-nav .open .dropdown-menu > li > a,
  #top-menu-catalogue-accordion a {
    padding: 5px 20px 5px 20px;
  }

  .dropdown-submenu > a:after {
    right: 20px;
  }

  .dropdown > a:after {
    right: 20px;
  }

  .header-search-box .input-group input {
    border: 1px solid #dce3ee;
    box-shadow: none;
    padding-left: 40px;
    height: 40px;
    position: relative;
    z-index: 3;
    border-radius: 4px !important;
  }

  .mobile-box-phone {
    color: #000;
    position: absolute;
    top: 15px;
    right: 155px;
    font-weight: 600;
  }
  .lang_module
  {
	color: #000;
    position: absolute;
    top: 15px;
    right: 115px;
  }
  
  

  .dropdown-search-box .form-group,
  .dropdown-login-box {
    margin-top: 1px;
    font-size: 12px;
  }

  .tab-content .input-group-btn,
  .header-search-box .input-group-btn {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 3;
    font-size: 0;
    white-space: nowrap;
    width: auto;
    display: inline-block;
  }

  .navbar-header-full {
    box-shadow: 0 1px 2px -1px rgb(0 0 0 / 60%) !important;
    z-index: 6;
  }

  .nav-tabs .input-group > input[type="text"] {
    height: 40px;
    position: relative;
    z-index: 3;
    border-radius: 4px !important;
    width: 100%;
    display: block;
    float: none;
  }

  .tab-content .input-group-btn,
  .header-search-box .input-group-btn {
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 3;
    font-size: 0;
    white-space: nowrap;
    width: auto;
    display: inline-block;
  }

  .tab-content .input-group-btn:last-child > .btn,
  .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: initial;
  }

  .tab-content .input-group,
  .header-search-box .input-group {
    position: relative;
    display: block;
    border-collapse: separate;
  }

  .tab-content .input-group,
  .header-search-box .input-group button {
    background: none;
    border: none;
    border-left: 1px solid #ffbd3e;
    border-radius: 0 !important;
    padding-left: 15px;
    padding-right: 0px;
  }

  .navbar-header .navbar-toggle {
    left: auto;
    right: 15px;
  }

  .navbar-header .header_fa_user_btn {
    right: 65px;
    left: auto;
  }

  .navbar-header {
    text-align: left;
    background: #fff;
  }

  .logo_min img {
    margin: 5px 15px;
  }

  .navbar-header .navbar-toggle {
    background: #edf7fa;
    color: #000;
    border-radius: 7px;
    margin: 5px 0px;
    width: 40px;
    height: 40px;
    min-width: auto;
    border: 1px solid #dce3ee;
  }

  .navbar-header .navbar-toggle i {
    position: relative;
    top: 1px;
  }

  .navbar-header .navbar-toggle i {
    margin: 0;
    padding: 0;
    line-height: 100%;
    font-size: 18px;
  }

  .header-cart-box {
    position: relative;
  }

  .header-search-box .dropdown span {
    color: #000;
  }

  .header-search-box .dropdown span:after {
    background: #dce3ee;
  }

  .header-cart-box .badge {
    display: inline-block;
    min-width: 1px;
    padding: 2px 3px;
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 10;
  }

  .dropdown-cat-btn:before {
    right: 20px;
  }

  .yamm .dropdown-submenu > .dropdown-menu {
    margin-left: 20px;
  }
}

header .schearch-line .header-home-btn {
  display: none;
}

/*	Fixed Header	 */

header .fixed {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  box-shadow: 0 1px 24px 0 rgb(0 0 0 / 14%);
  white-space: nowrap;
  padding: 7px 0px;
}

header .fixed .header-home-btn {
  height: 34px;
  display: inline-block;
  line-height: 34px;
  white-space: nowrap;
  background: #555;
  color: #fff;
  padding: 0px 10px;
  border-radius: 6px;
  margin-right: 2px;
  text-decoration: none;
  cursor: pointer;
}

header .schearch-line .header-home-margin {
  margin-right: 5px;
}

header .fixed .header-cat-btn {
  height: 34px;
  line-height: 34px;
}

header .fixed .header-cat-btn span {
  display: none;
}

header .fixed .header-search-box .dropdown {
  height: 34px;
}

header .fixed .header-search-box .dropdown-menu {
  margin: 1px 0 0;
}

header .fixed .header-search-box .dropdown-menu > li > a {
  display: block;
  padding: 2px 5px 2px 5px;
}

header .fixed .header-search-box .input-group input {
  height: 36px;
}

header .fixed .header-search-box .input-group-btn {
  top: 5px;
}

header .fixed .input-group button {
  height: 26px;
  padding: 0px 20px;
}

header .fixed .header-search-box .dropdown span {
  height: 36px;
  line-height: 36px;
}

header .fixed .header-search-box .dropdown span:after {
  top: 11px;
  height: 14px;
}

header .fixed .menu-box a {
  padding: 3px 0px;
}

header .fixed #dp_menu {
  margin-top: 7px;
}

header .fixed .menu-box a {
  height: 36px;
}

header .fixed .menu-box-icon {
  height: 26px;
  max-width: 26px;
}

@media (max-width: 991px) {
  header .fixed .header-cat-btn {
    padding: 0px 9px;
  }
}

/*	END Fixed Header */

/* ***************************************************************************************************** */

/* Блок слайдера и плитки каталога подбора */

.tile_box{
	padding: 19px;
}
.tile_box > div{
	padding: 11px;
}

.new-cat-block {
    
}

.slider-line {
	background: #fff;
	padding-top: 0px;
    padding-bottom: 0px;
}

.tile-line-box {
	margin-top: 30px;
	padding-top: 0px;
    padding-bottom: 0px;
}

@media (min-width: 1200px) {
  .slider-line .slider_box {
    min-height: 310px;
  }
}


.slider-line .slider_box .nbs-flexisel-inner {
  box-shadow: none;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  max-height: 310px;
}

.slider-line .cat-tile {
  display: block;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  color: #555;
  margin-top: 30px;
  height: 140px;
  position: relative;
  line-height: 140px;
}

.slider-line .cat-tile .cat-tile-text {
  display: inline-block;
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 600;
  vertical-align: middle;
  padding-left: 20px;
}

.slider-line .cat-tile-img-1 {
  background: #fff url("../img/1.jpg") no-repeat;
  background-position: right center;
}

.slider-line .cat-tile-img-2 {
  background: #fff url("../img/2.jpg") no-repeat;
  background-position: left center;
  text-align: right;
}

.slider-line .cat-tile-img-2 .cat-tile-text {
  padding-right: 20px;
  text-align: right;
}

.slider-line .tile-line .tile {
  display: block;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  color: #555;
  margin-top: 0px;
  height: 150px;
  position: relative;
  line-height: 150px;
  text-align: center;
  background-position: center 0px;
  background-size: auto 110px;
}

.slider-line .tile-line .tile .tile-text {
  display: inline-block;
  font-size: 18px;
  line-height: 1.2em;
  font-weight: 500;
  vertical-align: bottom;
  padding-bottom: 13px;
}

.slider-line .tile-line .tile-img-3 {
  background: #fff url("../img/ucats/tires.svg") no-repeat;
}

.slider-line .tile-line .tile-img-4 {
  background: #fff url("../img/ucats/disks.svg") no-repeat;
}

.slider-line .tile-line .tile-img-5 {
  background: #fff url("../img/ucats/accessories.svg") no-repeat;
}

.slider-line .tile-line .tile-img-6 {
  background: #fff url("../img/ucats/oil.svg") no-repeat;
}

.slider-line .tile-line .tile-img-7 {
  background: #fff url("../img/ucats/akb.svg") no-repeat;
}

.slider-line .tile-line .tile-img-8 {
  background: #fff url("../img/ucats/caps.svg") no-repeat;
}

.slider-line .tile-line .tile-img-9 {
  background: #fff url("../img/ucats/bolts.svg") no-repeat;
}

.slider-line .tile-line .tile-img-10 {
  background: #fff url("../img/ucats/to.svg") no-repeat;
}

.slider-line .tile-line .tile-img-11 {
  background: #fff url("../img/11.jpg") no-repeat;
}

.slider-line .tile-line .tile {
  background-position: center 0px;
  background-size: auto 110px;
  -webkit-transition: 0.25s;
  -o-transition: 0.25s;
  transition: 0.25s;
}

.slider-line .tile-line .tile:hover {
  background-size: auto 118px;
}

@media screen and (min-width: 991px) and (max-width: 1200px) {
  .slider-line .cat-tile {
    height: 112px;
    line-height: 112px;
  }

  .slider-line .cat-tile-img-1 {
    background-position: right -50px center;
  }

  .slider-line .cat-tile-img-2 {
    background-position: left -50px center;
  }
}

@media screen and (max-width: 767px) {
  .slider-line .cat-tile {
    height: 112px;
    line-height: 112px;
  }
}

@media screen and (max-width: 350px) {
  .slider-line .cat-tile {
    height: 112px;
    line-height: 112px;
  }

  .slider-line .cat-tile-img-1 {
    background-position: right -50px center;
  }

  .slider-line .cat-tile-img-2 {
    background-position: left -50px center;
  }
}

@media (max-width: 767px) {
  .slider-line .tile-line .tile .tile-text {
    font-size: 14px;
  }
}

/* END - Блок слайдера и плитки каталога подбора */

/* ***************************************************************************************************** */

/* ***************************************************************************************************** */

/* Блок плиток каталога товаров */

.section-title {
  border-bottom: solid 1px #e4e4e4;
  padding-bottom: 5px;
  margin-top: 34px;
  color: #555;
  font-weight: 500;
  font-size: 1.8em;
}

.section-title:before {
  display: none;
}

.section-title:first-letter {
  color: #555;
}

.new-cat-block-catalog {
  display: block;
  border: 1px solid #e4e4e4;
  border-radius: 6px;
  color: #555;
  margin-top: 0px;
  height: 150px;
  position: relative;
  line-height: 150px;
  text-align: center;
  background-position: center 15px;
}

.new-cat-block-catalog .new-cat-block-catalog-img {
  top: 15px;
  bottom: 45px;
}

.new-cat-block-catalog .new-cat-block-text {
    display: inline-block;
    font-size: 18px;
    line-height: 1em;
    font-weight: 500;
    vertical-align: bottom;
    padding-bottom: 13px;
    position: relative;
    color: #555;
    background: #fff;
    bottom: 2px;
    padding-top: 2px;
}

.sidebar-nav li a {
  display: block;
  padding: 0;
  color: #555;
  text-decoration: none;
  border-left: solid 3px #555;
  background-color: #f9f9f9;
  position: relative;
}

.sidebar-nav li a span {
  border-bottom: 1px solid #efe9e9;
  display: block;
  padding: 5px 15px;
  font-weight: 500;
}

.sidebar-nav .has-sub > a:after {
  margin-top: 3px;
  font-weight: 600;
  padding: 2px 10px;
  position: absolute;
  right: 0;
  top: 0;
}

.sidebar-nav .has-sub > a:after {
  font-family: "FontAwesome";
  content: "\f107";
  font-size: 1.2em;
  float: right;
}

@media (max-width: 767px) {
  .new-cat-block-text {
    font-size: 14px;
  }
}

/* END - Блок плиток каталога товаров */

/* ***************************************************************************************************** */

/* ***************************************************************************************************** */

/* ***************************************************************************************************** */










/* Tabs */

.nav-tabs {
	padding: 0;
	margin: 0;
	border: 0;
	white-space: nowrap;
	line-height: 0;
    overflow-y: hidden;
    overflow-x: auto;
	position: relative;
    z-index: 2;
    top: 1px;
}
.nav-tabs > li {
	font-weight: 500;
	padding: 0;
	margin: 0;
	border: 0;
	list-style: none;
	list-style-type: none;
	display: inline-block;
	overflow:hidden;
	white-space: nowrap;
	border-radius: 4px 4px 0px 0px;
	border: 1px solid transparent;
}
.nav-tabs > li a{
	font-weight:400;
	border-radius: 0px;
	border:none !important;
	color:inherit !important;
	cursor: pointer;
}


.nav-tabs li:hover{
	background: #f2f2f2;
	border-color:#e4e4e4;
}
.nav-tabs > li.active,
.nav-tabs > li.active:focus,
.nav-tabs > li.active:hover {
	background: #fff;
	border: 1px solid #e4e4e4;
	border-bottom: 1px solid #fff;
	z-index: 2;
}
.nav-tabs > li.active:hover{
	background: #fff;
	border-bottom: 1px solid #fff;
}

.nav-tabs + .tab-content {
	padding: 0;
	padding-top: 13px;
    border-bottom: 0;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
	border-top: solid 1px #e4e4e4;
	position: relative;
	z-index:1;
}



@media (max-width: 767px){
	.nav-tabs:before {
		position: fixed;
		right: 15px;
		z-index: 3;
	}
}



.main_page .nav-tabs{
	margin-top:30px;
}
.main_page .nav-tabs + .tab-content .search_tab_car_letter {
    color: #555;
}



.news_box{
	padding: 19px;
	margin-top: -9px;
    padding-top: 0px;
}
.news_box .col-sm-6{
	padding:11px;
}
.news_box .news_item_box .news_item_img {
    height: 150px;
	margin-bottom: 13px;
	text-align:center;
}
.news_box .news_item_box {
  border: 1px solid #e4e4e4;
  border-radius: 6px;
}

@media (max-width: 991px) {
  .news_box .news_item_box {
    border: 1px solid #e4e4e4;
    border-radius: 6px;
    color: #555;
    margin-bottom: 0px;
  }

  .news_box .col-sm-6:last-child .news_item_box {
    margin-bottom: 0px;
  }
}

.main-header .page-title {
  color: #555;
  font-weight: 400;
}

.main-header .breadcrumb {
  margin: 0;
  display: block;
  text-align: left;
  float: none;
  background: none;
  position: relative;
  top: 0px;
  right: 0px;
  padding: 0;
  padding-top: 1px;
  line-height: 12px;
  font-size: 12px;
}

.main-header .breadcrumb > li + li:before {
  position: relative;
  top: -1px;
}

label {
  font-weight: 500;
}






@media (min-width: 1200px) {
	.tab-content .search_tab_car_caption {
		padding: 4px 0px;
	}
	.tab-content .search_tab_car_ul:first-child {
		padding-left:0;
	}
	.tab-content .search_tab_car_ul {
		padding-left: 60px;
		margin-bottom: 0px;
	}
}


/*

.navbar-fixed-bottom{display:none;}

@media (max-width: 768px){

	.navbar-fixed-bottom{

		display:block;

	}

}

*/

#footer-widgets,
#footer {
  border-color: #e4e4e4;
}

#footer-widgets {
    padding: 10px 0 30px 0;
}

#footer-widgets .footer_pay_box {
    background: #fff;
}

/* ***************************************************************************************************** */

/* header box for mobile */

.header-box-mobile .geo-point-user-box {
  border-bottom: 1px solid #e6e6e6;
  padding: 10px 0px;
}

.header-box-mobile .geo-point-user-box table {
  width: 100%;
}

.header-box-mobile .geo-point-user-box table .geo-td-icon {
  width: 50px;
  padding-left: 20px;
}

.header-box-mobile .geo-point-user-box table .geo-td-text {
  line-height: 1.1em;
}

.header-box-mobile .mobile-search-div {
  padding-top: 6px;
  margin-bottom: 0px;
  padding-bottom: 5px;
  box-shadow: 0 1px 2px -1px rgb(0 0 0 / 60%) !important;
  background: #fff;
  z-index: 5;
}

.header-box-mobile .mobile-search-div table {
  width: 100%;
}

.header-box-mobile .mobile-search-div table td {
  width: 100%;
}

.header-box-mobile .mobile-search-div input {
  background: #f5f7fa;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.header-box-mobile .mobile-search-div button {
  background: none;
  border: none;
  border-left: 1px solid #dce3ee;
  border-radius: 0 !important;
  text-align: center;
  width: 40px;
  padding: 0px;
}

.header-box-mobile .mobile-search-div button i {
  font-size: 18px;
  margin: 0;
  padding: 0;
}

.header-box-mobile .mobile-search-div .header-cart-box {
  background: #f5f7fa;
  white-space: nowrap;
  border: 1px solid #dce3ee;
  border-radius: 4px;
  margin-left: 10px;
  color: #000;
  min-width: 40px;
  height: 40px;
  display: inline-block;
  text-align: center;
}

.header-box-mobile .mobile-search-div .header-cart-box i {
  font-size: 19px;
  line-height: 37px;
  position: relative;
  z-index: 9;
}

@media (max-width: 767px) {
  .slider-line {
    padding-top: 0px;
  }
}

/* END - header box for mobile */

/* ***************************************************************************************************** */

.search-simple-bar {
  position: absolute;
  z-index: 5;
  background: #fff;
  top: 100%;
  width: 100%;
  border-radius: 6px;
  border: 1px solid #e4e4e4;
}

.search-simple-bar .search-simple-bar-content {
  overflow: hidden;
}

.search-simple-bar .table-div {
  overflow: auto;
  max-height: 350px;
  margin-right: -20px;
  margin-bottom: -20px;
  white-space: normal;
}

.search-simple-bar .table td:last-child {
  min-width: 200px;
  padding-right: 25px;
  word-break: break-all;
}

.search-simple-bar .table * {
  border-color: #e4e4e4;
  line-height: 1.1em;
  vertical-align: middle;
}

.search-simple-bar .table tr:hover {
  background: #e4e4e4;
}

@media (max-width: 767px) {
  .search-simple-bar {
    font-size: 12px;
    top: 41px;
  }

  .search-simple-bar .table-div {
    max-height: 200px;
  }
  
	.header-user-box .new-header-user-box .form-group .btn_return:before {
	  content: "\f060";
	}
	
	.header-user-box .new-header-user-box .form-group .btn_requests:before {
	  content: "\f135";
	}
}


@media (max-width: 991px) {
  .mainContainer img{
	  max-width:100%;
	  height:auto;
  }
}

/* ***************************************************************************************************** */

#cookie-message {
	z-index: 9999;
	display: none;
	position: fixed;
	bottom: 10%;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 85%;
	max-width: 900px;
	padding: 20px;
	background-color: #fff;
	border-radius: 5px;
	-webkit-box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
	        box-shadow: 2px 3px 10px rgba(0, 0, 0, 0.4);
}
#cookie-message p {
	margin: 0 0 10px 0;
	font-size: 12px;
	line-height: 18px;
	text-align: left;
	color: #222;
}
.cookie-inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cookie-btn,
.cookie-btn:focus {
	background-color: #39434e;
	border: none;
	color: #ededed;
	text-decoration: none;
	padding: 15px 40px;
	white-space: nowrap;
	cursor: pointer;
	border-radius: 4px;
	max-width: 100%;
	-webkit-transition: all .1s linear;
	-o-transition: all .1s linear;
	transition: all .1s linear;
	text-align: center;
	margin-left: 10px;
}
.cookie-btn:hover {
	text-decoration: none;
	color: #fff;
	background-color: #4d5762;
}

.lang_select {
  border:0;
  width:40px;
  background:transparent;
  color:#000;
  font-weight:bold;
}

#footer, #footer-widgets .module_caption, #footer-widgets a, .footer-widget-title {
  color: #fff;
}

.footer_delivery_wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 8px;
}

.footer_delivery_box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 32px;
  padding: 0px 5px;
  margin: 0;
  background: #fff;
  border: 2px solid #eb0a1e;
  border-radius: 3px;
  box-sizing: border-box;
  overflow: hidden;
}

.footer_delivery_logo {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.footer_delivery_logo--smartposti {
  transform: scale(1.2);
}

.footer_delivery_box_omnivia {
  padding: 0;
}


/* ==========================================================================
   1. GLOBAL TYPOGRAPHY (PLUS JAKARTA SANS - FULL LATVIAN UTF-8 SUPPORT)
   ========================================================================== */

body {
    font-family: 'Plus Jakarta Sans', "Roboto", "Helvetica", "Arial", sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
    color: #222 !important;
    -webkit-font-smoothing: antialiased !important;
}

p, span, li, input, button, select, textarea,
.navbar-default .navbar-nav > li > a,
.section-title, h1, h2, h3, h4, h5, h6,
.cat-tile-text, .btn {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* Apply Plus Jakarta Sans to header info boxes (Address, Timetable, Phone) */
.geo-point-box, .geo-point-box *,
.timetable-box, .timetable-box *,
.header-phone-box, .header-phone-box * {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
}

/* Protect System Icons from font overrides */
.fa, [class^="fa-"], [class*=" fa-"] {
    font-family: 'FontAwesome' !important;
}


/* ==========================================================================
   2. HEADER, LOGO & NAVIGATION ADJUSTMENTS
   ========================================================================== */

header .logo-line {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

.table-group {
    padding-top: 0px !important;    
    padding-bottom: 0px !important; 
}

header .schearch-line {
    padding: 25px !important; 
    background-color: #58595b !important;
}

/* Logo Alignment & Scaling */
div.logo-line,
.logo-line .container-fluid,
.logo-line .table-group {
    padding: 0 !important;
    margin: 0 !important;
}

.logo-line .table-group .table-control,
.logo-line td,
.logo-line th {
    padding: 0 !important;
    margin: 0 !important;
    vertical-align: middle !important;
}

.logo-line .header-logo {
    display: inline-block !important;
    padding-left: 25px !important; 
    padding-top: 0 !important;
    margin: 0 !important;
}

.logo-line .header-logo img {
    display: block !important;
    height: 50px !important;         /* Increase or decrease this value to fill the vertical height */
    max-height: none !important;     /* Removes any restrictions blocking it from scaling up */
    width: auto !important;          /* Keeps proper aspect ratio */
    padding: 0 !important;
    padding-left: 50px !important;
    margin: 0 !important;
}

.logo-line .geo-point-box,
.logo-line .timetable-box,
.logo-line .header-phone-box,
.logo-line .header-call-box {
    padding: 0 !important;
    margin: 0 !important;
    line-height: 1.2 !important;
}

/* ==========================================================================
   3. TOP MENU: LIGHT GRAY BACKGROUND & UNIFIED HOVER SYSTEM
   ========================================================================== */

div.top-menu-line {
    background: #f8f9fa !important;
    background-color: #f8f9fa !important;
    border-bottom: 0px solid #d0d0d0 !important;
}

.top-menu-line,
.top-menu-line a,
.top-menu-line .navbar-default .navbar-nav > li > a,
.top-menu-line .new-header-user-box a,
.top-menu-line span,
.top-menu-line i {
    color: #222222 !important;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.top-menu-line .navbar-default .navbar-nav > li {
    background: transparent !important;
    border: none !important;
    margin-left: 4px !important;
    margin-right: 4px !important;
}

.top-menu-line .navbar-default .navbar-nav > li > a {
    border: none !important;
    background: transparent !important;
    padding-left: 14px !important;
    padding-right: 14px !important;
    text-decoration: none !important;
    font-weight: 400 !important; /* <--- Locked to bold so width never changes */
}

.top-menu-line .navbar-default .navbar-nav > li > a::before,
.top-menu-line .navbar-default .navbar-nav > li > a::after {
    display: none !important;
    content: none !important;
}

/* Home Icon Red & Text Spacing */
.top-menu-line .fa-home {
    color: #e30613 !important;
    margin-right: 4px !important;
}

/* ==========================================================================
   SINGLE CONSOLIDATED HOVER & TRANSITION RULE (Zero Layout Shift)
   ========================================================================== */
.top-menu-line .navbar-default .navbar-nav > li > a,
.address-hover-link {
    display: inline-block;
    transform: translateZ(0) scale(1);
    transform-origin: center center; /* <--- Scales symmetrically from the middle */
    will-change: transform;
    transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), color 0.3s ease !important;
}

.top-menu-line .navbar-default .navbar-nav > li > a:hover,
.top-menu-line .navbar-default .navbar-nav > li > a:focus,
.top-menu-line .navbar-default .navbar-nav > li.active > a,
.top-menu-line .navbar-default .navbar-nav > li.current-menu-item > a,
.top-menu-line a:hover,
.address-hover-link:hover {
    color: #EB0A1E !important;          /* <--- Bright red hover color */
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    font-weight: 700 !important;        /* <--- Stays bold (prevents text reflow) */
    transform: translateZ(0) scale(1.05) !important; /* <--- Gentle, stable scale */
}

/* Language Selector Isolation */
.top-menu-line .lang_select,
div.top-menu-line .lang_select {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    background-color: #ffffff !important;
    border: 1px solid #b5b5b5 !important;
    border-radius: 4px !important;
    padding: 3px 10px !important;
    color: #222222 !important;
    min-width: 135px !important;
    height: 32px !important;
    line-height: normal !important;
    transform: none !important;
}

.top-menu-line .lang_select option {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 13px !important;
    color: #222222 !important;
    background-color: #ffffff !important;
    padding: 6px !important;
}

/* ==========================================================================
   4. SLIDER SECTION & CONTROLS (Height Lock & Cover Mode)
   ========================================================================== */

div.slider_box div.nbs-flexisel-container,
div.slider_box div.nbs-flexisel-inner,
ul#flexiselDemo3.nbs-flexisel-ul {
    height: 520px !important;
    min-height: 520px !important;
    max-height: 520px !important;
    overflow: hidden !important;
}

ul#flexiselDemo3.nbs-flexisel-ul > li.nbs-flexisel-item {
    height: 520px !important;
    min-height: 520px !important;
    max-height: 520px !important;
    line-height: normal !important;
    float: left !important;
    display: block !important;
}

ul#flexiselDemo3.nbs-flexisel-ul > li.nbs-flexisel-item > img.navbar-inverse,
ul#flexiselDemo3.nbs-flexisel-ul > li.nbs-flexisel-item img {
    height: 520px !important;         /* Matches container height */
    min-height: 520px !important;
    max-height: 520px !important;
    width: 100% !important;
    max-width: 100% !important;
    display: block !important;
    object-fit: cover !important;     /* Fills container perfectly without squishing */
    margin: 0 auto !important;
}

/* ==========================================================================
   5. RIGHT-SIDE PROMO TILES & TEXT
   ========================================================================== */

.cat-tile-img-1,
.cat-tile-img-2 {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: #f2f2f2 !important;
}

.cat-tile .cat-tile-text,
.cat-tile-text {
    font-weight: 800 !important;
    font-size: 24px !important;
    color: #ffffff !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.9), 0 4px 16px rgba(10, 15, 25, 0.7) !important;
}

@media (min-width: 992px) {
    .slider_box .col-md-4.col-lg-4,
    .slider-line .col-md-4.col-lg-4 {
        height: 520px !important;
        display: flex !important;
        flex-direction: column !important;
    }

    .slider_box .col-md-4.col-lg-4 > .row,
    .slider-line .col-md-4.col-lg-4 > .row {
        display: flex !important;
        flex-direction: column !important;
        flex: 1 !important;
        margin: 0 !important;
        height: 100% !important;
    }

    .slider_box .col-md-4.col-lg-4 > .row > div,
    .slider-line .col-md-4.col-lg-4 > .row > div {
        flex: 1 !important;
        display: flex !important;
        margin-bottom: 0 !important;
    }

    .slider_box .col-md-4.col-lg-4 > .row > div:first-child,
    .slider-line .col-md-4.col-lg-4 > .row > div:first-child {
        margin-bottom: 15px !important;
    }

    .slider_box .col-md-4.col-lg-4 .cat-tile,
    .slider-line .col-md-4.col-lg-4 .cat-tile {
        height: 100% !important;
        width: 100% !important;
        display: flex !important;
        flex-direction: column;
        justify-content: center;
    }
}

/* ==========================================================================
   6. 16:9 WIDESCREEN CONSTRAINT (APPLIED ONLY ON >= 1600px SCREENS)
   ========================================================================== */
@media screen and (min-width: 1600px) {
    .schearch-line .container-fluid,
    .slider-line .container-fluid,
    .e-con {
        max-width: 1400px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

/* ==========================================================================
   7. TOP MENU ICON BAR — BOOTSTRAP GUTTER WIDTH ALIGNMENT & ROUNDED CORNERS
   ========================================================================== */

.schearch-line .menu-box {
    width: calc(100% - 30px) !important;
    max-width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    display: flex !important;
    justify-content: space-between !important;
    align-items: stretch !important;
    border-radius: 6px !important; /* <--- Rounds outer left & right corners */
    overflow: hidden !important;    /* <--- Clips inner child elements to rounded corners */
}

.schearch-line .menu-box-item {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
}

/* ==========================================================================
   8. HOMEPAGE SLIDER — MOBILE RESPONSIVE FIX
   ========================================================================== */
@media (max-width: 767px) {
    /* Scale container height down on mobile devices */
    .slider_box,
    .nbs-flexisel-container,
    .nbs-flexisel-inner,
    .nbs-flexisel-ul,
    .nbs-flexisel-item {
        height: 220px !important; /* Adjust height dynamically for phones */
    }

    /* Make images cover the responsive mobile box cleanly */
    .slider_box img,
    .nbs-flexisel-item img {
        width: 100% !important;
        height: 220px !important;
        object-fit: cover !important;
    }
}

/* ==========================================================================
   9. HOMEPAGE SLIDER — MOBILE RESPONSIVE FIX
   ========================================================================== */
@media (max-width: 767px) {
    /* Scale container height down on mobile devices */
    .slider_box,
    .nbs-flexisel-container,
    .nbs-flexisel-inner,
    .nbs-flexisel-ul,
    .nbs-flexisel-item {
        height: 220px !important; /* Adjust height dynamically for phones */
    }

    /* Make images cover the responsive mobile box cleanly */
    .slider_box img,
    .nbs-flexisel-item img {
        width: 100% !important;
        height: 220px !important;
        object-fit: cover !important;
    }
}

/* ==========================================================================
   10. MOBILE HEADER FIX — PREVENT LOGO & PHONE NUMBER OVERLAP
   ========================================================================== */
@media (max-width: 767px) {
    /* Constrain mobile logo width so it leaves room for the phone number */
    .header-box-mobile .navbar-header .logo_min img {
        max-width: 110px !important;
        height: auto !important;
    }

    /* Adjust spacing and font size for the mobile phone link */
    .header-box-mobile .mobile-box-phone {
        font-size: 13px !important;
        padding: 0 4px !important;
        letter-spacing: -0.5px;
    }
    
    /* Ensure navbar buttons (user & menu toggles) stay aligned */
    .header-box-mobile .navbar-toggle {
        margin-left: 2px !important;
        margin-right: 2px !important;
    }
}

/* ==========================================================================
   11. MOBILE VIEWPORT OVERHAUL — HEADER & SLIDER FIXES
   ========================================================================== */
@media (max-width: 767px) {
    /* Fix header alignment: stack the logo and phone number nicely */
    .header-box-mobile .navbar-header {
        height: auto !important;
        padding: 8px 10px !important;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }
    
    .header-box-mobile .navbar-header .logo_min {
        flex: 0 0 100% !important;  
        width: 100% !important;     
        /* NO max-width here! Let it stretch */
        margin: 0 0 1.5rem 0 !important;
        padding: 0 1rem !important;
        display: flex !important;
        justify-content: center !important;
    }

    .header-box-mobile .navbar-header .logo_min img {
        width: 100% !important;
        height: auto !important;
        max-height: 4rem !important; /* Keeps the logo from becoming absurdly tall */
        object-fit: contain !important; /* Keeps the proportions perfect */
    }

    /* Move the phone number to its own neat line or scale it cleanly */
    .header-box-mobile .mobile-box-phone {
        display: inline-block;
        font-size: 12px !important;
        font-weight: 600;
        color: #222 !important;
        background: #f5f5f5;
        padding: 4px 8px;
        border-radius: 4px;
        margin: 0 5px;
    }

    /* Fix slider clipping & black bars on mobile */
    .slider-line .slider_box,
    .slider-line .nbs-flexisel-container,
    .slider-line .nbs-flexisel-inner {
        height: 180px !important;
    }

    .slider-line .nbs-flexisel-item {
        height: 180px !important;
    }

    .slider-line .nbs-flexisel-item img {
        width: 100% !important;
        height: 180px !important;
        object-fit: contain !important; /* Prevents cropping out text/details on small screens */
    }
}


/* ==========================================================================
   FINAL MOBILE OVERHAUL (FULL-WIDTH LOGO, LARGE PHONE, FRAMED LANG)
   ========================================================================== */
@media (max-width: 767px) {
    
    /* --- 1. HEADER LAYOUT --- */
    .header-box-mobile .navbar-header {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
        justify-content: space-between !important;
        padding: 15px !important; /* Uniform padding around the whole header */
        height: auto !important;
        margin: 0 !important;
    }

    /* Row 1: Logo (Takes full width of the screen) */
    .header-box-mobile .navbar-header .logo_min {
        flex: 0 0 100% !important; /* Forces it to take the full row */
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 0 25px 0 !important; /* Adds vertical space below the logo */
        padding: 0 !important;
        float: none !important;
        order: 1 !important; 
        display: flex !important;
        align-items: center !important; 
        justify-content: center !important; /* Centers the logo image */
    }
    
    .header-box-mobile .navbar-header .logo_min img {
        height: 60px !important; 
        width: auto !important; 
        max-width: 90% !important; /* Prevents it from hitting the very edges */
        object-fit: contain !important; 
        display: block !important;
    }

    /* Row 2: Buttons (Wrap to the next line, spaced out) */
    .header-box-mobile .navbar-toggle {
        position: static !important;
        float: none !important;
        margin: 0 !important; 
        padding: 10px 15px !important; 
        border-radius: 8px !important;
        flex: 0 0 auto !important; 
        order: 2 !important; 
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
    }

    /* Row 3: Phone Number (H2 Size, Full Width) */
    .header-box-mobile .mobile-box-phone {
        position: static !important;
        flex: 0 0 100% !important; 
        width: 100% !important;
        text-align: center !important;
        font-size: 28px !important; /* H2 size */
        font-weight: 800 !important; /* Extra bold */
        color: #111 !important;
        margin: 25px 0 0 0 !important; /* Vertical space above */
        padding: 15px 10px !important;
        background: #f8f9fa !important;
        border-radius: 8px !important;
        white-space: nowrap !important;
        top: auto !important;
        right: auto !important;
        float: none !important;
        order: 3 !important; 
        box-sizing: border-box !important;
        letter-spacing: -0.5px !important;
        line-height: 1.2 !important;
    }

    /* Row 4: Language Selector (Framed & Aligned Right) */
    .header-box-mobile .lang_module {
        position: static !important;
        flex: 0 0 100% !important; 
        width: 100% !important;
        margin-top: 15px !important;
        text-align: right !important; /* Moves it to the right side */
        top: auto !important;
        right: auto !important;
        order: 4 !important; 
        box-sizing: border-box !important;
    }
    
    .header-box-mobile .lang_select {
        width: auto !important;
        min-width: 130px !important;
        height: auto !important;
        font-size: 14px !important;
        padding: 8px 12px !important;
        border: 2px solid #ccc !important; /* The frame */
        border-radius: 6px !important;
        display: inline-block !important;
        background-color: #fff !important;
        color: #222 !important;
        text-align: center !important;
    }

    .header-box-mobile .mobile-search-div {
        padding: 15px !important;
        margin: 0 !important;
        background: #fff !important;
        border-top: 1px solid #eee !important;
    }

    /* --- 2. SLIDER FIX (Fully responsive height) --- */
    .slider-line .slider_box,
    .slider-line .nbs-flexisel-container,
    .slider-line .nbs-flexisel-inner,
    .slider-line .nbs-flexisel-ul {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: hidden !important;
        display: block !important;
        background: transparent !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    .slider-line .nbs-flexisel-ul {
        left: 0 !important; 
        display: flex !important;
        flex-wrap: nowrap !important;
        position: relative !important;
    }

    .slider-line .nbs-flexisel-item {
        width: 100% !important;
        min-width: 100% !important;
        max-width: 100% !important;
        height: auto !important;
        flex: 0 0 100% !important;
        float: none !important;
        margin: 0 !important;
        padding: 0 !important;
        position: relative !important;
        background: transparent !important;
    }

    .slider-line .nbs-flexisel-item img {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important; 
        max-height: none !important;
        object-fit: fill !important; 
        display: block !important;
        margin: 0 auto !important;
    }
    
    .nbs-flexisel-nav-left,
    .nbs-flexisel-nav-right {
        display: none !important;
    }

    /* --- 3. REMOVE HUGE EMPTY SPACE BELOW SLIDER --- */
    .slider-line.tile-line-box {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .container-fluid > br {
        display: none !important;
    }

    .section-vin {
        margin: 15px 0 !important;
        padding: 20px 0 !important;
    }
    
    #UCatalog_container {
        min-height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* --- 4. PROMO TILES --- */
    .slider-line .cat-tile {
        height: 90px !important;
        line-height: 90px !important;
        margin-top: 10px !important;
        margin-bottom: 0 !important;
    }
    .slider-line .cat-tile .cat-tile-text {
        font-size: 14px !important;
    }
    .slider-line .col-md-4.col-lg-4 {
        margin-bottom: 0 !important;
    }
}

/* ==========================================================================
    REMOVE SLIDER COMPLETELY ON MOBILE
   ========================================================================== */
@media (max-width: 767px) {
    
    /* 1. Hide the slider image container entirely */
    .slider-line .slider_box {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
        overflow: hidden !important;
    }
    
    /* 2. Hide the column wrapper that holds the slider (col-md-8) */
    .slider-line .col-md-8.col-lg-8 {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* 3. Remove the empty row that was causing a gap */
    .slider-line .container-fluid > .row > .row {
        display: none !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    /* 4. Force the promo tiles (VIN & Catalog) to take up the full width */
    .slider-line .col-md-4.col-lg-4 {
        width: 100% !important;
        max-width: 100% !important;
        flex: 0 0 100% !important;
        padding: 0 15px !important; /* Adds back standard side padding */
        margin-top: 0 !important;
        margin-bottom: 15px !important;
    }
    
    /* 5. Remove the top padding from the slider-line to close the gap */
    .slider-line {
        margin-top: 0 !important;
        padding-top: 0 !important;
    }
}

/* ==========================================================================
   COMPACT "NEED HELP?" SECTION ON MOBILE
   ========================================================================== */
@media (max-width: 767px) {
    
    /* 1. Reduce outer spacing and background height */
    .section-vin {
        padding: 20px 15px !important; /* Reduces top/bottom padding */
        margin: 15px 0 !important;     /* Reduces the huge gaps above and below */
    }

    /* 2. Collapse the flexbox spacing */
    .section-vin__main {
        flex-direction: column !important;
        justify-content: center !important; /* Centers items together instead of pushing them apart */
        gap: 15px !important;               /* Reduces the gap between text and button */
    }

    /* 3. Stop the info block from expanding to fill empty space */
    .section-vin__info {
        flex: 0 0 auto !important; /* Forces it to only take up as much space as the text needs */
    }

    /* 4. Make the text more compact */
    .section-vin__info h2 {
        font-size: 20px !important;     /* Smaller heading */
        line-height: 1.3 !important;
        margin-top: 0 !important;
        margin-bottom: 8px !important;
    }

    .section-vin__info p {
        font-size: 13px !important;     /* Smaller paragraph text */
        line-height: 1.4 !important;
        margin-bottom: 0 !important;
    }

    /* 5. Adjust the button spacing */
    .section-vin__btn {
        margin-top: 5px !important;
    }
    
    .section-vin__btn a.btn-whatsapp {
        padding: 10px 20px !important; /* Slightly smaller button */
        font-size: 14px !important;
    }
}

/* ==========================================================================
   CUSTOM TWEAK: SHIFT PHONE BOX LEFT TO ALIGN WITH LANGUAGE DROPDOWN
   ========================================================================== */
header .logo-line .header-phone-box,
header .logo-line .header-call-box {
    position: relative !important;
    right: 45px !important; /* Positive value moves the box to the left */
    text-align: right !important;
}

header .logo-line .header-phone-box a.phone {
    white-space: nowrap !important;
}

/* ==========================================================================
   CUSTOM TWEAK: REDUCE SEARCH BAR GRAY BACKGROUND HEIGHT BY HALF
   ========================================================================== */
header .schearch-line {
    padding: 12px 25px !important; /* Cuts top and bottom padding from 25px down to 12px */
}

/* ==========================================================================
   LOGIN DROPDOWN BUTTONS & ROUNDED CORNERS (JapanAuto Theme Alignment)
   ========================================================================== */
.dropdown-login-box .btn-ar,
.dropdown-login-box .btn-primary,
.dropdown-login-box .btn-success,
.dropdown-login-box .btn-warning,
.dropdown-login-box .btn-default {
    border-radius: 6px !important;
    font-weight: 600;
    transition: all 0.2s ease-in-out;
}

/* Primary Action Buttons (Pieteikties / Nosūtīt kodu) */
.dropdown-login-box .btn-primary {
    background-color: #EB0A1E !important;
    border-color: #EB0A1E !important;
    color: #ffffff !important;
}
.dropdown-login-box .btn-primary:hover,
.dropdown-login-box .btn-primary:focus {
    background-color: #c80819 !important;
    border-color: #c80819 !important;
}

/* Resend Code Button ("Nosūtīt atkārtoti") - Palette Matched */
.dropdown-login-box .btn-warning,
.dropdown-login-box #timer-send-code-header_top_tab_1 .btn {
    background-color: #f8f9fa !important;
    border: 1px solid #EB0A1E !important;
    color: #EB0A1E !important;
    width: 100%;
    border-radius: 6px !important;
}
.dropdown-login-box .btn-warning:hover,
.dropdown-login-box #timer-send-code-header_top_tab_1 .btn:hover {
    background-color: #EB0A1E !important;
    border-color: #EB0A1E !important;
    color: #ffffff !important;
}

/* Input Fields & Addons Border Radius */
.dropdown-login-box .input-group-addon {
    border-radius: 6px 0 0 6px !important;
    background-color: #f8f9fa;
}
.dropdown-login-box .form-control {
    border-radius: 0 6px 6px 0 !important;
}
.dropdown-login-box .phone-simple-register-check {
    border-radius: 6px !important;
}

/* Complete Red Border Frame for Login Input Groups */
.dropdown-login-box .input-group.login-input,
#panel_auth_code_general .input-group.login-input,
.no-auth .input-group.login-input {
    border: 1px solid #EB0A1E !important;
    border-radius: 6px !important;
    overflow: hidden !important;
    background-color: #fff !important;
}

/* Remove conflicting inner borders and background colors */
.dropdown-login-box .input-group.login-input .input-group-addon,
.dropdown-login-box .input-group.login-input .form-control,
#panel_auth_code_general .input-group.login-input .input-group-addon,
#panel_auth_code_general .input-group.login-input .form-control {
    border: none !important;
    box-shadow: none !important;
    background-color: transparent !important;
}

/* Align Pieteikties button text to the left, white text color, red background */
.new-header-user-box .btn_auth,
.dropdown-login-box .btn_auth,
.dropdown-menu-right .btn_auth {
    font-family: 'Plus Jakarta Sans', sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    background-color: #EB0A1E !important;
    border: none !important;
    border-radius: 6px !important;
    
    /* Flexbox setup for vertical centering and left alignment */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: flex-start !important; /* Aligns contents to the left */
    
    padding: 10px 16px !important;
    height: 42px !important;
    line-height: 1 !important;
    width: 100% !important;
    text-align: left !important;
}

/* Icon and text spacing on the left side */
.new-header-user-box .btn_auth:before,
.dropdown-login-box .btn_auth:before,
.dropdown-menu-right .btn_auth:before {
    display: inline-flex !important;
    align-items: center !important;
    line-height: 1 !important;
    margin-right: 12px !important; /* Spacing between icon and "Pieteikties" */
    width: auto !important;
    color: #ffffff !important;
    font-size: 15px !important;
}

/* ==========================================================================
   MOBILE HEADER: LOGO TOP / CONTROLS ROW (USER, MENU, LANG) / PHONE BOTTOM
   ========================================================================== */
@media (max-width: 767px) {

    /* 1. Reset container to a clean vertical stack */
    .header-box-mobile .navbar-header {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 8px 12px !important;
        height: auto !important;
        background: #ffffff !important;
        gap: 6px !important;
    }

    /* 2. Row 1: Centered Logo */
    .header-box-mobile .logo_min {
        position: static !important;
        float: none !important;
        display: block !important;
        margin: 0 auto !important;
        text-align: center !important;
        order: 1 !important;
    }

    .header-box-mobile .logo_min img {
        height: 36px !important;
        width: auto !important;
        max-width: 80vw !important;
        object-fit: contain !important;
        margin: 0 auto !important;
    }

    /* 3. Strip all absolute template positioning from controls */
    .header-box-mobile .navbar-toggle,
    .header-box-mobile .header_fa_user_btn,
    .header-box-mobile .lang_module {
        position: static !important;
        float: none !important;
        top: auto !important;
        right: auto !important;
        left: auto !important;
        bottom: auto !important;
        margin: 0 !important;
    }

    /* 4. Create a dedicated wrapper / row container for Row 2 elements */
    /* We group them by assigning flex order and placing them side-by-side */
    .header-box-mobile .header_fa_user_btn {
        order: 2 !important;
    }
    
    .header-box-mobile .navbar-toggle:not(.header_fa_user_btn) {
        order: 3 !important;
    }
    
    .header-box-mobile .lang_module {
        order: 4 !important;
    }

    /* Build the Middle Row container layout */
    /* If your template wraps them, or we can use a flex alignment strategy for direct children */
    .header-box-mobile .navbar-header {
        position: relative;
    }

    /* Force Profile, Menu, and Language into a tight horizontal cluster */
    .header-box-mobile .header_fa_user_btn,
    .header-box-mobile .navbar-toggle:not(.header_fa_user_btn),
    .header-box-mobile .lang_module {
        display: inline-flex !important;
        vertical-align: middle !important;
    }

    /* Style the Profile & Menu buttons */
    .header-box-mobile .navbar-toggle,
    .header-box-mobile .header_fa_user_btn {
        width: 38px !important;
        height: 38px !important;
        padding: 0 !important;
        margin: 0 4px !important;
        border-radius: 8px !important;
        background: #f5f7fa !important;
        border: 1px solid #dce3ee !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
    }

    .header-box-mobile .navbar-toggle i,
    .header-box-mobile .header_fa_user_btn i {
        font-size: 16px !important;
        color: #222222 !important;
        margin: 0 !important;
        line-height: 1 !important;
    }

    /* Style the Language Selector dropdown to match the buttons in height */
    .header-box-mobile .lang_module {
        margin: 0 4px !important;
    }

    .header-box-mobile .lang_module select,
    .header-box-mobile .lang_select {
        height: 38px !important;
        width: auto !important;
        min-width: 95px !important;
        padding: 0 6px !important;
        font-size: 12px !important;
        font-weight: 600 !important;
        text-align: center !important;
        background: #ffffff !important;
        border: 1px solid #dce3ee !important;
        border-radius: 8px !important;
        color: #222222 !important;
        outline: none !important;
        box-sizing: border-box !important;
    }

    /* 5. Row 3: Full-width Phone Number below the middle row */
    .header-box-mobile .mobile-box-phone {
        position: static !important;
        display: block !important;
        width: 100% !important;
        text-align: center !important;
        font-size: 19px !important;
        font-weight: 800 !important;
        color: #111111 !important;
        background: #f5f7fa !important;
        padding: 8px 0 !important;
        border-radius: 8px !important;
        border: 1px solid #dce3ee !important;
        letter-spacing: 0.3px !important;
        text-decoration: none !important;
        order: 5 !important;
        margin-top: 4px !important;
        box-sizing: border-box !important;
    }
}

/* ==========================================================================
   STICKY & ULTRA-COMPACT MOBILE HEADER (SCROLL-FRIENDLY)
   ========================================================================== */
@media (max-width: 767px) {

    /* Make the entire mobile header container sticky at the top */
    .header-box-mobile {
        position: sticky !important;
        top: 0 !important;
        z-index: 1050 !important;
        background: #ffffff !important;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08) !important;
        width: 100% !important;
    }

    /* Ultra-compact padding for the header wrapper */
    .header-box-mobile .navbar-header {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        padding: 2px 8px 4px 8px !important;
        height: auto !important;
        background: #ffffff !important;
        gap: 0px !important;
    }

    /* --- ROW 1: LOGO (Folded Smaller) --- */
    .mob-header-logo-row {
        width: 100% !important;
        display: flex !important;
        justify-content: center !important;
        align-items: center !important;
        margin-bottom: 1px !important;
    }

    .mob-header-logo-row .logo_min {
        position: static !important;
        float: none !important;
        margin: 0 auto !important;
        display: block !important;
    }

    .mob-header-logo-row .logo_min img {
        height: 24px !important; /* Folded smaller to preserve vertical screen space */
        width: auto !important;
        max-width: 70vw !important;
        object-fit: contain !important;
    }

    /* --- ROW 2: ACTION BAR --- */
    .mob-header-action-bar {
        width: 100% !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 4px !important;
        margin-bottom: 2px !important;
    }

    /* --- CSS FLEXBOX ORDER CONTROL --- */
    .mob-header-action-bar .mob-call-btn {
        order: 1 !important; /* 1st: Phone Button */
    }

    .mob-header-action-bar .header_fa_user_btn {
        order: 2 !important; /* 2nd: Profile Button */
    }

    .mob-header-action-bar .navbar-toggle {
        order: 3 !important; /* 3rd: Menu Button */
    }

    .mob-header-action-bar .mob-lang-wrapper {
        order: 4 !important; /* 4th: LV (Far Right) */
    }

    /* Compact 36px Height for Square Buttons (Profile, Menu, LV) */
    .mob-action-btn {
        position: static !important;
        float: none !important;
        margin: 0 !important;
        height: 36px !important;
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;
        background: #f8f9fa !important;
        border: 1px solid #dce3ee !important;
        border-radius: 6px !important;
        box-sizing: border-box !important;
        text-decoration: none !important;
        flex: 0 0 36px !important;
        width: 36px !important;
    }

    .mob-action-btn i {
        font-size: 15px !important;
        color: #222222 !important;
        line-height: 1 !important;
        margin: 0 !important;
    }

    /* --- SOLID RED CALL BUTTON (Compact 36px Height with Icon & Text) --- */
    .mob-action-btn.mob-call-btn {
        flex: 1 1 auto !important;
        width: auto !important;
        height: 36px !important;
        display: inline-flex !important;
        flex-direction: row !important;
        align-items: center !important;
        justify-content: center !important;
        padding: 0 8px !important;
        background: #EB0A1E !important;
        border: none !important;
        border-radius: 6px !important;
        box-shadow: none !important;
        text-decoration: none !important;
        gap: 6px !important;
    }

    .mob-action-btn.mob-call-btn:hover,
    .mob-action-btn.mob-call-btn:active {
        background: #d00919 !important;
        text-decoration: none !important;
    }

    /* White Phone Icon inside red box */
    .mob-action-btn.mob-call-btn i {
        font-size: 13px !important;
        color: #ffffff !important;
        margin: 0 !important;
    }

    /* White Phone Numbers Text */
    .mob-phone-subtext {
        font-size: 14px !important;
        font-weight: 800 !important;
        color: #ffffff !important;
        line-height: 1 !important;
        letter-spacing: -0.2px !important;
        white-space: nowrap !important;
        text-align: left !important;
        display: inline-block !important;
        margin: 0 !important;
    }

    /* Language Switcher (Far Right) - Compact 36px */
    .mob-action-btn.mob-lang-wrapper {
        flex: 0 0 36px !important;
        width: 36px !important;
        padding: 0 !important;
        overflow: hidden !important;
    }

    .mob-action-btn.mob-lang-wrapper select,
    .mob-action-btn.mob-lang-wrapper .lang_select {
        width: 100% !important;
        height: 100% !important;
        background: transparent !important;
        border: none !important;
        font-size: 12px !important;
        font-weight: 800 !important;
        color: #222222 !important;
        text-align: center !important;
        text-align-last: center !important;
        padding: 0 !important;
        cursor: pointer !important;
        outline: none !important;
        appearance: none !important;
        -webkit-appearance: none !important;
    }
}

@media (max-width: 767px) {
    /* Enforce explicit Flexbox ordering from left to right */
    .mob-header-action-bar .mob-call-btn {
        order: 1 !important; /* 1st: Phone Button */
    }

    .mob-header-action-bar .header_fa_user_btn {
        order: 2 !important; /* 2nd: Profile Button */
    }

    .mob-header-action-bar .navbar-toggle {
        order: 3 !important; /* 3rd: Hamburger Menu */
    }

    .mob-header-action-bar .mob-lang-wrapper {
        order: 4 !important; /* 4th: Language Selector (Far Right) */
    }
}

/* ==========================================================================
   MOBILE CATALOGUE: 2 COLUMNS (2x2 GRID LAYOUT)
   ========================================================================== */
@media screen and (max-width: 767px) {

    /* Force product tiles into a 50% width 2-column layout */
    .product_div_tile {
        width: 50% !important;
        float: left !important;
        height: 380px !important; /* Compact height for mobile cards */
        padding: 6px !important;
        box-sizing: border-box !important;
    }

    /* Scale down product images inside the 2-column grid */
    .product_div_tile > .product_div_image_wrap {
        height: 120px !important;
        margin-bottom: 20px !important;
    }

    .product_div_tile > .product_div_image_wrap > a {
        height: 110px !important;
    }

    .product_div_tile > .product_div_image_wrap > a > img {
        max-width: 110px !important;
        max-height: 110px !important;
    }

    /* Adjust product title text length and font scaling */
    .product_div_tile > .product_div_name {
        height: 44px !important;
        font-size: 11px !important;
        line-height: 1.15em !important;
    }

    .product_div_tile > .product_div_name .product_div_caption {
        font-size: 11px !important;
    }

    /* Hide non-essential review stars & bookmarks in tight 2-column view */
    .product_div_tile > .product_div_marks,
    .product_div_tile > .product_div_bookmark,
    .product_div_tile > .product_div_compare {
        display: none !important;
    }

    /* Compact Stock Badge */
    .product_div_tile > .product_div_exist_info {
        font-size: 11px !important;
        padding: 4px 2px !important;
        line-height: 11px !important;
    }

    /* Compact Price Styling */
    .product_div_tile > .product_div_price {
        margin-top: 4px !important;
    }

    .product_div_tile > .product_div_price > .price {
        font-size: 15px !important;
        line-height: 20px !important;
    }

    .product_div_tile > .product_div_price_crossed_out {
        top: -6px !important;
        font-size: 9px !important;
    }

    /* Compact Purchase Button & Quantity Controls */
    .product_div_tile > .main_action_div {
        bottom: 6px !important;
        left: 6px !important;
        right: 6px !important;
    }

    .product_div_tile > .main_action_div .btn-primary table {
        height: 28px !important;
    }

    .product_div_tile > .main_action_div .btn-primary table td:last-child a {
        font-size: 11px !important;
        line-height: 28px !important;
    }

    /* Hide quantity +/- box on mobile grid to save horizontal space, leaving direct cart button */
    .product_div_tile .product_div_count_need {
        display: none !important;
    }
}

/* ==========================================================================
   CATALOGUE: 50% REDUCED SPACING & ROUNDED EDGES
   ========================================================================== */

/* 1. Add rounded corners and compact padding to the main product tile */
.product_div_tile {
    border-radius: 8px !important;
    border: 1px solid #e0e0e0 !important;
    padding: 8px !important;
    margin-bottom: 10px !important;
    background-color: #fff !important;
    box-sizing: border-box !important;
}

/* 2. Round image container and image corners */
.product_div_tile .product_div_image_wrap {
    border-radius: 6px !important;
    overflow: hidden !important;
    margin-bottom: 8px !important;
}

.product_div_tile .product_div_image_wrap img {
    border-radius: 6px !important;
}

/* 3. Tighten vertical distances between inner text and elements */
.product_div_tile .product_div_name {
    margin: 4px 0 6px 0 !important;
    padding: 0 !important;
}

.product_div_tile .product_div_marks {
    margin-bottom: 4px !important;
}

.product_div_tile .product_div_bookmark,
.product_div_tile .product_div_compare {
    margin-bottom: 4px !important;
}

/* 4. Round stock availability box and reduce padding */
.product_div_tile .product_div_exist_info {
    border-radius: 4px !important;
    padding: 3px 6px !important;
    margin-bottom: 4px !important;
}

/* 5. Compact price margins */
.product_div_tile .product_div_price {
    margin-bottom: 0px !important;
}

.product_div_tile .product_div_price_crossed_out {
    margin-bottom: 4px !important;
}

/* 6. Round buttons, input fields, and purchase action areas */
.product_div_tile .main_action_div,
.product_div_tile .btn-ar,
.product_div_tile .btn-primary {
    border-radius: 4px !important;
    overflow: hidden !important;
}

.product_div_tile .count_need_input {
    border-radius: 3px !important;
}

/* ==========================================================================
   ELIMINATE EMPTY SPACE: FLEXIBLE TILE HEIGHT & RELATIVE BUTTON FLOW
   ========================================================================== */
@media screen and (max-width: 767px) {
    
    /* Allow the tile height to adapt dynamically to its content instead of 442px */
    .product_div_tile {
        height: auto !important;
        min-height: unset !important;
        padding-bottom: 55px !important; /* Leave breathing room for the absolute button */
    }

    /* Switch the action button container back to normal flow or keep pinned neatly */
    .product_div_tile > .main_action_div {
        position: absolute !important;
        bottom: 8px !important;
        left: 8px !important;
        right: 8px !important;
    }
}

/* ========================================================================== */
/* MODERN SEARCH RESULTS & PARTS TABLE STYLING (UX IMPROVEMENTS)               */
/* ========================================================================== */

/* 1. Remove background green color and make table rows modern & clean */
#all_table_products tr, 
#all_table_products tr[style*="background"] {
    background: #ffffff !important;
    transition: background-color 0.2s ease, box-shadow 0.2s ease;
}

/* Hover effect on table rows */
#all_table_products tbody tr:hover {
    background-color: #f8fafc !important;
}

/* 2. Modern Table Header Styling */
#all_table_products thead th {
    background-color: #f1f5f9 !important;
    color: #475569 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 12px 10px !important;
    border-bottom: 2px solid #e2e8f0 !important;
}

/* 3. Section Divider Titles (e.g. "Requested part number") */
.products_table_block_caption {
    background: #f8fafc !important;
    color: #1e293b !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    padding: 12px 15px !important;
    border-left: 4px solid #eb0a1e !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* 4. Rounded Edges for Filters & Panels */
#filter_div .panel {
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03) !important;
    overflow: hidden !important;
}

/* Modern Header for Filter Panel */
#filter_div .panel-heading {
    background-color: #1e293b !important; /* Soft dark slate instead of bright red header */
    border: none !important;
    padding: 12px 15px !important;
}

#filter_div .panel-heading a {
    color: #ffffff !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}

/* 5. Modernize Form Controls, Inputs & Selects */
#products_table_mode_select, 
.slider_ranges input[type="text"] {
    border: 1px solid #cbd5e1 !important;
    border-radius: 8px !important;
    padding: 6px 10px !important;
    box-shadow: none !important;
    transition: border-color 0.2s ease !important;
}

#products_table_mode_select:focus, 
.slider_ranges input[type="text"]:focus {
    border-color: #eb0a1e !important;
    outline: none !important;
}

/* 6. Soften Buttons (Rounded Pills) */
.btn-ar, 
.count_need_minus, 
.count_need_plus {
    border-radius: 6px !important;
}

/* Hide legacy warehouse color column strip */
#all_table_products .td_color, 
#all_table_products .th_color {
    display: none !important;
}

/* Hide home and car icons safely without affecting JavaScript */
.td_info .fa-home,
.td_info .fa-car {
    display: none !important;
}

/* 1. Reset the parent container so it doesn't enforce extra width */
.td_info .info_box {
    display: inline-block !important;
    width: auto !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    border: none !important;
}

/* 2. Style the camera link as the clean, centered square box */
.td_info a:has(.fa-camera),
.td_info .info_box a:first-child {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid #dcdcdc !important;
    border-radius: 6px !important;
    background-color: #ffffff !important;
    box-sizing: border-box !important;
    text-decoration: none !important;
}

/* 3. Reset the inner span and icon alignment */
.td_info a:has(.fa-camera) span,
.td_info .info_box a:first-child span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

.td_info .fa-camera {
    font-size: 15px !important;
    line-height: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: #eb0a1e !important; /* Set to your site accent red, or change as preferred */
}

/* 4. Strictly hide any other links or break tags inside .td_info */
.td_info a:not(:has(.fa-camera)),
.td_info br {
    display: none !important;
}

/* ========================================================================== */
/* MODERN ADD-TO-CART CONTROL (UNIFIED PILL & ACCENT BUTTON)                  */
/* ========================================================================== */

/* Cell Alignment */
.td_add_to_cart {
    vertical-align: middle !important;
    text-align: center !important;
    padding: 10px 8px !important;
}

.td_add_to_cart > div {
    display: inline-flex !important;
    flex-direction: column !important;
    align-items: center !important;
    gap: 8px !important;
}

.td_add_to_cart table {
    margin: 0 auto !important;
    border-collapse: separate !important;
}

/* 1. Modern Red Add-to-Cart Button */
.td_add_to_cart a[onclick*="addToCart"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 38px !important;
    height: 38px !important;
    background-color: #eb0a1e !important; /* Site accent red */
    border-radius: 8px !important;
    box-shadow: 0 2px 4px rgba(235, 10, 30, 0.25) !important;
    transition: all 0.2s ease !important;
    text-decoration: none !important;
}

.td_add_to_cart a[onclick*="addToCart"]:hover {
    background-color: #d0091a !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(235, 10, 30, 0.35) !important;
}

.td_add_to_cart .fa-shopping-cart {
    color: #ffffff !important;
    font-size: 16px !important;
    margin: 0 !important;
}

/* 2. Modern Pill Quantity Stepper Container */
.td_add_to_cart div[style*="background"],
.td_add_to_cart div[style*="border"] {
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 20px !important; /* Smooth pill shape */
    padding: 3px 6px !important;
    margin: 0 !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.03) !important;
}

/* Plus / Minus Action Buttons */
.count_need_minus, 
.count_need_plus {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 22px !important;
    height: 22px !important;
    color: #475569 !important;
    font-size: 11px !important;
    text-decoration: none !important;
    border-radius: 50% !important;
    transition: background-color 0.15s ease, color 0.15s ease !important;
}

.count_need_minus:hover, 
.count_need_plus:hover {
    background-color: #e2e8f0 !important;
    color: #0f172a !important;
}

.count_need_minus .fa, 
.count_need_plus .fa {
    font-size: 10px !important;
}

/* ========================================================================== */
/* SEARCH RESULTS TABLE CART CONTROLS (SCOPED ONLY TO TABLES)                 */
/* ========================================================================== */

#all_table_products .td_add_to_cart {
    vertical-align: middle !important;
    text-align: center !important;
    padding: 8px !important;
    white-space: nowrap !important;
}

#all_table_products .td_add_to_cart > div > table > tbody > tr {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

#all_table_products .td_add_to_cart > div > table > tbody > tr > td {
    display: block !important;
    padding: 0 !important;
}

/* Red Button inside Search Results Table */
#all_table_products .td_add_to_cart a[onclick*="addToCart"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 0 14px !important;
    height: 32px !important;
    background-color: #eb0a1e !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-decoration: none !important;
    box-shadow: 0 2px 4px rgba(235, 10, 30, 0.2) !important;
    transition: all 0.2s ease !important;
}

#all_table_products .td_add_to_cart a[onclick*="addToCart"]:hover {
    background-color: #d0091a !important;
    transform: translateY(-1px) !important;
}

#all_table_products .td_add_to_cart .fa-shopping-cart {
    color: #ffffff !important;
    font-size: 13px !important;
    margin: 0 !important;
}

/* Localized Button Labels for Search Table */
:lang(lv) #all_table_products .td_add_to_cart a[onclick*="addToCart"]::after { content: "Pievienot grozam"; }
:lang(en) #all_table_products .td_add_to_cart a[onclick*="addToCart"]::after { content: "Add to cart"; }
:lang(ru) #all_table_products .td_add_to_cart a[onclick*="addToCart"]::after { content: "В корзину"; }
html:not([lang]) #all_table_products .td_add_to_cart a[onclick*="addToCart"]::after { content: "Pievienot grozam"; }

/* Stepper Pill inside Search Results Table */
#all_table_products .td_add_to_cart div[style*="background"],
#all_table_products .td_add_to_cart div[style*="border"] {
    display: inline-flex !important;
    align-items: center !important;
    background: #f8fafc !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    padding: 2px 4px !important;
    margin: 0 !important;
    height: 32px !important;
    box-sizing: border-box !important;
}

#all_table_products .count_need_minus, 
#all_table_products .count_need_plus {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    color: #475569 !important;
    font-size: 10px !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    transition: background-color 0.15s ease !important;
}

#all_table_products .count_need_minus:hover, 
#all_table_products .count_need_plus:hover {
    background-color: #e2e8f0 !important;
    color: #0f172a !important;
}

#all_table_products .td_add_to_cart input[type="text"] {
    width: 26px !important;
    height: 20px !important;
    line-height: 20px !important;
    text-align: center !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ========================================================================== */
/* CATALOG PRODUCT CARD CART CONTROLS (HOMEPAGE & CATALOG GRIDS)              */
/* ========================================================================== */

/* Separate the stepper pill from the red button text */
body:not(#all_table_products) .product_card .btn_add_to_cart,
.catalog_block .btn-primary,
.catalog_item_cart {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    padding: 6px 12px !important;
    border-radius: 8px !important;
    background-color: #eb0a1e !important;
}

/* Stepper Container inside Red Banner */
.catalog_block .count_need_block,
div:not(#all_table_products) > div > table > tbody > tr > td > div[style*="background"] {
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    padding: 2px !important;
    margin: 0 !important;
    display: inline-flex !important;
    align-items: center !important;
}

/* Stepper Input Field inside Red Banner */
div:not(#all_table_products) input[type="text"].count_need_input,
div:not(#all_table_products) input[id*="count_need"] {
    width: 32px !important;
    height: 24px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 4px !important;
    text-align: center !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    background: #ffffff !important;
}

/* Plus/Minus inside Red Banner */
div:not(#all_table_products) .count_need_minus,
div:not(#all_table_products) .count_need_plus {
    width: 22px !important;
    height: 22px !important;
    background: #f1f5f9 !important;
    color: #334155 !important;
    border-radius: 50% !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}

/* ========================================================================== */
/* SEARCH RESULTS TABLE (MODERN ICON CART BUTTON & SIDE-BY-SIDE STEPPER)      */
/* ========================================================================== */

/* 1. Cell baseline & alignment */
#all_table_products .td_add_to_cart {
    vertical-align: middle !important;
    text-align: center !important;
    padding: 10px 8px !important;
    white-space: nowrap !important;
}

/* Force inner Docpart table rows into a clean horizontal flex layout */
#all_table_products .td_add_to_cart table,
#all_table_products .td_add_to_cart tbody,
#all_table_products .td_add_to_cart tr {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    border: none !important;
    background: transparent !important;
}

#all_table_products .td_add_to_cart td {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
}

/* 2. Modern Square Red Cart Icon Button */
#all_table_products .td_add_to_cart a[onclick*="addToCart"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 36px !important;
    height: 34px !important;
    background-color: #eb0a1e !important;
    color: #ffffff !important;
    border-radius: 6px !important;
    text-decoration: none !important;
    box-shadow: 0 2px 4px rgba(235, 10, 30, 0.25) !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}

#all_table_products .td_add_to_cart a[onclick*="addToCart"]:hover {
    background-color: #d0091a !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 8px rgba(235, 10, 30, 0.35) !important;
}

/* Clear text content or extra pseudo-elements */
#all_table_products .td_add_to_cart a[onclick*="addToCart"]::after {
    content: none !important;
}

#all_table_products .td_add_to_cart .fa-shopping-cart {
    color: #ffffff !important;
    font-size: 15px !important;
    margin: 0 !important;
}

/* 3. Modern Stepper Pill */
#all_table_products .td_add_to_cart div[style*="background"],
#all_table_products .td_add_to_cart div[style*="border"] {
    display: inline-flex !important;
    align-items: center !important;
    background: #ffffff !important;
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    padding: 2px 4px !important;
    margin: 0 !important;
    height: 34px !important;
    box-sizing: border-box !important;
}

#all_table_products .count_need_minus, 
#all_table_products .count_need_plus {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20px !important;
    height: 20px !important;
    color: #475569 !important;
    font-size: 11px !important;
    text-decoration: none !important;
    border-radius: 4px !important;
    transition: background-color 0.15s ease !important;
}

#all_table_products .count_need_minus:hover, 
#all_table_products .count_need_plus:hover {
    background-color: #f1f5f9 !important;
    color: #0f172a !important;
}

#all_table_products .td_add_to_cart input[type="text"] {
    width: 26px !important;
    height: 22px !important;
    line-height: 22px !important;
    text-align: center !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    background: transparent !important;
    border: none !important;
    outline: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* ========================================================================== */
/* CATALOG CARDS (STRIP DOCPART TEMPLATE CIRCLES & STYLE BOLD WHITE + / -)    */
/* ========================================================================== */

/* 1. Reset Docpart's native catalog stepper container */
.product_div_tile .product_div_count_need,
.product_div_list_photo .product_div_count_need,
.catalog_block .count_need_block,
.catalog_item .count_need_block {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    margin: 0 !important;
    height: 32px !important;
}

/* 2. Kill the white/gray circular buttons from catalogue.css */
.product_div_tile .count_need_minus,
.product_div_tile .count_need_plus,
.product_div_list_photo .count_need_minus,
.product_div_list_photo .count_need_plus,
.catalog_block .count_need_minus,
.catalog_block .count_need_plus,
.catalog_item .count_need_minus,
.catalog_item .count_need_plus {
    background: transparent !important;
    background-color: transparent !important;
    border: none !important;
    border-radius: 0 !important;             /* Strips border-radius: 50% / 5px */
    box-shadow: none !important;            /* Kills hover box-shadows */
    width: 24px !important;
    height: 28px !important;                 /* Exactly matches white input height */
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #ffffff !important;               /* Thick white symbol */
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-decoration: none !important;
    margin: 0 4px !important;
    padding: 0 !important;
    vertical-align: middle !important;
}

/* Force inner icons/spans to be pure white without circle overlays */
.product_div_tile .count_need_minus *,
.product_div_tile .count_need_plus *,
.product_div_list_photo .count_need_minus *,
.product_div_list_photo .count_need_plus *,
.catalog_block .count_need_minus *,
.catalog_block .count_need_plus *,
.catalog_item .count_need_minus *,
.catalog_item .count_need_plus * {
    background: transparent !important;
    background-color: transparent !important;
    color: #ffffff !important;
    font-size: 18px !important;
    font-weight: 900 !important;
}

.product_div_tile .count_need_minus:hover,
.product_div_tile .count_need_plus:hover,
.product_div_list_photo .count_need_minus:hover,
.product_div_list_photo .count_need_plus:hover,
.catalog_block .count_need_minus:hover,
.catalog_block .count_need_plus:hover,
.catalog_item .count_need_minus:hover,
.catalog_item .count_need_plus:hover {
    background: transparent !important;
    background-color: transparent !important;
    box-shadow: none !important;
    opacity: 0.8 !important;
}

/* 3. Clean white box frame for the quantity input field */
.product_div_tile input[type="text"][id*="count_need"],
.product_div_list_photo input[type="text"][id*="count_need"],
.catalog_block input[type="text"][id*="count_need"],
.catalog_item input[type="text"][id*="count_need"] {
    width: 32px !important;
    height: 28px !important;
    line-height: 28px !important;
    text-align: center !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    background: #ffffff !important;         /* Isolated white number box */
    border: 1px solid #cbd5e1 !important;
    border-radius: 6px !important;
    outline: none !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) !important;
    margin: 0 2px !important;
    padding: 0 !important;
    vertical-align: middle !important;
}