/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
.ets-blog-wrapper-comment {
    display: none;
}
.h1, .h2, .h3, .h4, body {
    color: #222222;
	font-family: "Poppins";
}
:focus-visible {
    outline: none;
}
a:focus {
    outline:none;
}
.btn-primary.focus, .btn-primary:focus {
    background-color: #fee766 !important;
    color: #222;
    outline: none;
}
#header a {
	color: #222222;
}
a {
	color: #222222;
}
#product-modal .modal-content .modal-body {
	display:flex;
	margin-left: auto;
}
#product .product-images > li:nth-child(n+5), .product-page .product-images > li:nth-child(n+5), .js-qv-product-images .product-images > li:nth-child(n+5) {
    display: none;
}
.header-whatsapp-icon {
	width: 28px;
	height: 28px;
	margin-right: 6px;
}
#header a:hover {
	color: #666666 !important;
}
.cms-custom-page-content__inner ul {
    padding-left: 40px;
    list-style: unset;
}
.cms-custom-page-content__inner ul, ol, ul {
    font-size: 14px;
    color: #666666;
}
#header .top-menu a[data-depth="0"]:hover, a:hover {
	color:#666666;
}
.btn-unstyle:focus .expand-more {
	color: #666666;
}
.alert-info {
    background-color: #ffffff;
    border-color: #e6e6e6;
    color: #222222;
}
.dropdown:hover .expand-more {
	color: #666666;
}
body h2 {
	font-size: 24px;
	font-weight: 500;
}
body h4 {
	font-size: 24px;
	font-weight: 500;
}
body h5 {
	font-weight: 500;
}

#main .page-footer {
	margin-bottom: 0px;
}
span.hidden-sm-down {
    display: none;
}
.col-lg-3 {
    padding: 0 15px 0px 30px !important;    
	font-size: 14px;
}
.title_blog, .title_blog a {
	text-transform: unset;
	color: black;
	font-size: 24px;
	font-weight: 500;
}
.container {
    width: 1470px;
    max-width: 100%;
}
#wrapper {
	background-color: white;
	padding-top:0px;
}
#header {
    background: #FED700;
    color: #222222;
}
#header .header-nav {
    max-height: 50px;
    border-bottom: rgba(34, 34, 34, 0.09) 1px solid;
}
.header-top #search_widget input {
    background-color: white !important;
}
/* ===== TOPBAR (header-nav) ===== */
.header-nav.topbar {
  padding: 6px 0;
}

.topbar__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
}

.topbar__left,
.topbar__right {
  display: flex;
  align-items: center;
  gap: 12px;
  white-space: nowrap;
}

.topbar__center {
  flex: 1;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.topbar__promo {
  opacity: 0.9;
}

.topbar__cta {
  margin-left: 10px;
  font-weight: 500;
  text-decoration: underline;
}

/* На мобиле пока скрываем промо-центр, чтобы не ломать */
@media (max-width: 768px) {
  .topbar__center {
    display: none;
  }
}
/* ===== Promo bar ===== */
.top-announcement {
  padding: 6px 0;
}
.top-announcement__left {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}
.top-announcement__inner {
  font-size: 14px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  text-align: center;
  padding: 0px 15px;
}

.top-announcement__cta {
  font-weight: 500;
  text-decoration: underline;
  font-size: 13px;
}

/* ===== Main header row ===== */
.header-main__row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 15px 15px;
}

.header-main__left {
  flex: 0 0 auto;
}

.header-main__center {
  flex: 1 1 auto;
  display: flex;
  justify-content: center;
}

.header-main__center .search-widget,
.header-main__center form {
  width: 100%;
  max-width: 640px; /* под макет */
}

.header-main__right {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 16px;
  white-space: nowrap;
}

.header-main__icons {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Mobile: промо можно скрыть */
@media (max-width: 768px) {
  .top-announcement { display: none; }
}
/* ===== Header bottom menu ===== */
.header-bottom {
  background: #fff;
  border-top: 1px solid rgba(0,0,0,0.08);
}


.header-bottom .top-menu a {
  display: inline-flex;
  align-items: center;
  padding: 15px 0px;
  text-decoration: none;
  font-weight: 500;
}
.block-categories {
	padding: 25px 15px;
	border: solid 1px #e5e5e5;
	border-radius: 5px;
}
#search_filters, #search_filters_brands, #search_filters_suppliers {
	padding: 25px 0px;
}

.header-bottom .top-menu > li {
  margin: 0;
}

#header .logo {
    max-width: 220px;
}
.product-add-to-cart .btn.add-to-cart {
	width: 100%;
	border-radius: 5px;
	padding: 12px 12px;
	font-weight: 400;
	background-color: #FED700;
	color: black;
	transition: 0.5s;
	front-size: 14px;
}
.product-miniature .product-title a {
	font-size: 14px;
	color: #222222;
	font-weight: 500;
	line-height: 22px;
	text-transform: capitalize;
	letter-spacing: 0.5px;
	min-height: 44px;
	display: block;
	height:44px;
	text-align: left;
}
.product-brand {
    color: #888888;
    font-size: 13px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0.5px;
    text-transform: unset;
	margin-bottom: 8px;
}
.product-miniature .product-title {
	text-align: left;
}
.product-price-and-shipping.has-discount .price {
  color: #e10600 !important;
  font-weight: 500;
  font-size: 21px;
}
span.price {
  font-size: 21px;
  font-weight: 500;
  color: #222;
}
.has-discount span.price {
    color: #e10600;
}
.card-block.checkout .btn-primary {
    width: 100%;
    white-space: normal;
    align-content: center;
}
/* Checkout page CSS */
.block-onepagecheckout .title-heading, .dw_pr_gift_products .card-block {
    border-top: 3px solid #fed700 !important;
}
#onepagecheckoutdw a {
    color: #fed700 !important;
}
.block-onepagecheckout .custom-radio input[type="radio"]:checked + span {
    background-color: #fed700 !important;
}
.block-onepagecheckout .title-heading, #onepagecheckoutdw .block-onepagecheckout .product-line-info.product_info_name a.label, #invoice-addresses .title, #delivery-addresses .title, .block-onepagecheckout .product-line-info.product_info_name .label {
    color: #222 !important;
}
#form_onepagecheckoutdw .product-price, .product-line-info .current-price .price {
    color: #222 !important;
	font-weight: 500;
}
#form_onepagecheckoutdw input:checked + .dw_checkbox:before {
    border-color: #fed700 !important;
}

.product-line-info .current-price .price {
	font-size: 14px;
}
#form_onepagecheckoutdw .product-price {
	font-size:20px;
}
#onepagecheckoutdw a svg {
    fill: #FF0000 !important;
}
a.ets_title_block {
    font-weight: 500;
}
.page-heading .title_cat {
    margin-bottom: 20px;
    margin-top: 20px;
    font-weight: 500;
    font-size: 26px;
}
.blog_description h2 {
    font-size: 20px;
    margin: 20px 0px;
}
.blog_description h3 {
    font-size: 18px;
    margin: 15px 0px;
	font-weight: 500;
}
.blog_description p a {
    color: #666 !important;
	background-color: #fbe329 !important;
}
.block-onepagecheckout .card-block.cart-summary-totals .cart-summary-line.cart-total .label, .block-onepagecheckout .card-block.cart-summary-totals .cart-summary-line.cart-total .value {
    color: #222 !important;
	font-weight: 500;
}
#onepagecheckoutdw a#cta-terms-and-conditions-0:hover {
    color: #FEE766 !important;
}
#onepagecheckoutdw .myaccount p.identity a:hover {
    color: #FEE766 !important;
}
body#checkout  #form_onepagecheckoutdw a:hover {
    color: #FEE766 !important;
}
#form_onepagecheckoutdw .btn-primary:not(.loading):hover {
    background-color: #FEE766 !important;
}
#form_onepagecheckoutdw .btn-primary.loading:hover {
	background-color: #FEE766 !important;
}
#form_onepagecheckoutdw .btn-primary:hover {
    background-color: #FEE766 !important;
}
#form_onepagecheckoutdw .checkout.card-block .text-center button.btn.btn-primary:hover {
    color: #222 !important;
}
#form_onepagecheckoutdw .btn-primary {
    color: #222 !important;
    background-color: #fed700 !important;
}
form#form_onepagecheckoutdw {
    font-family: 'Poppins';
}
form#form_onepagecheckoutdw .title-heading {
    font-family: 'Poppins' !important;
    font-weight: 500 !important;
}
.product-line-info.has-discount .current-price span.price {
    color: #e10600 !important;
}
span.h6.carrier-name {
    color: #222 !important;
}
span.carrier-price {
    color: #222 !important;
}
.type-checkout-options li label, #form_onepagecheckoutdw .row.delivery-option span.carrier-delay {
    color: #666666 !important;
}
.form-control {
	color: #666666;
}
body#checkout section.checkout-step .payment-options label {
    display: block;
    margin-bottom: 0;
    color: #222;
}
#form_onepagecheckoutdw .dw_checkinput {
    font-weight: normal;
    text-align: left;
    color: #222;
}
body#checkout #delivery>label {
    color: #222;
}
.cart-summary-line .label {
    padding-left: 0;
    font-weight: 400;
    color: #222;
    white-space: inherit;
}
.cart-summary-line .value {
    float: right;
    font-weight: 500;
    color: #222;
}
.hidden_mobile.product-line-info.product-price.h5.has-discount {
    display: flex;
}
/* Checkout page CSS end */
.product-miniature .product-price-and-shipping {
	text-align: left;
	color: #222222;
	margin-bottom: 15px;
}
a.thumbnail.product-thumbnail {
	width: 214px;
	height: 214px !important;
}
.product-add-to-cart .btn.add-to-cart:hover {
	background-color: #FEE766;
}

.wishlist-button-add,
.wishlist-button-add * {
  display: none !important;
}

.product-miniature .wishlist-button-add,
.product-miniature .wishlist {
  display: none !important;
}
.page_home {
	margin-bottom: 80px;
	padding: 0 15px;
}
.page_home .title_blog {
	margin-top: 0;
}
.product-miniature .thumbnail-container .product-thumbnail {
	height: auto;
}
.product-miniature .highlighted-informations {
	display: none;
}
/* ETS Blog - latest posts block full width inside container */
.ets_block_latest {
  width: 100%;
}

.ets_block_latest .block_content {
  margin-left: 0;
  margin-right: 0;
}

.page_home .ets_block_latest ul {
  float: none !important;
  width: 100% !important;
}
.owl-carousel .owl-stage {
	display: flex;
	justify-content: space-around;
	transform: none;
	transition: none;
}
.post-wrapper .ets_item_img img {
	width: 500px;
	height: 320px;
	object-fit: cover;
}
.ets_item_img {
	float: unset;
}
.col-xs-12 .owl-carousel .owl-item img {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
}
/* ==== Footer custom ==== */
.footer-custom {
  padding: 60px 0;
}

.footer-grid{
  display: grid;
  grid-template-columns: 1.2fr 1fr 1fr 1.4fr;
  gap: 60px;
  align-items: start;
  padding: 0px 15px;
}

.footer-title{
  font-size: 26px;
  font-weight: 500;
  margin: 0 0 18px;
  color: #222;
}

.footer-text {
  font-size: 14px;
  color: #666666;
  line-height: 2.1;
}
.block-contact, .footer-container li a {
  color: #666666;
}
.contact-form-block .contact-form {
    width: 600px;
    max-width: 600px;
}
.contact-top-grid h1 {
    font-size: 26px;
    font-weight: 500;
    color: #222;
}

.footer-phone{
  font-size: 14px;
  color: #666666;
  line-height: 2rem;
}
.footer-phone a {
    color: #666666;
}
.footer-phone a:hover {
	color: #939393 !important;
}
.footer-container li a:hover {
	color: #939393 !important;
}
label.footer-consent {
    text-align: left;
	line-height: 1.8;
	color: #666666;
}
.footer-text a {
    color: #666666;
}
.footer-text a:hover {
	color: #939393 !important;
}
p.text-sm-center a {
    color: #666666;
}
p.text-sm-center a:hover {
	color:  #939393 !important;
}

.footer-links{
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer-links li{
	line-height: 1.7rem;
}

.footer-links a{
  text-decoration: none;
}

.footer-newsletter{
  display: flex;
  gap: 16px;
  margin-top: 18px;
}

.footer-input{
  flex: 1;
  height: 48px;
  padding: 0 16px;
  border: 1px solid rgba(0,0,0,.15);
  border-radius: 6px;
}

.footer-btn{
  height: 48px;
  padding: 0 25px;
  border: 0;
  border-radius: 5px;
  cursor: pointer;
}

.footer-consent{
  gap: 5px;
  font-size: 14px;
  margin-top: 14px;
}

.footer-consent input{
  width: 18px;
  height: 18px;
  margin-top: 2px;
}

.footer-badges{
  display: flex;
  gap: 14px;
  margin-top: 18px;
}


/* модульный футер (то, что выводится хуком displayFooter) */
.footer-modules{
  margin-top: 35px;
}

/* responsive */
@media (max-width: 1100px){
  .footer-grid{ grid-template-columns: 1fr 1fr; gap: 32px; }
}
@media (max-width: 600px){
  .footer-grid{ grid-template-columns: 1fr; }
}

ul.product-flags {
  position: relative;
  margin-bottom: 0;
}

.product-flags li.product-flag.discount {
	background-color: #ef2d2d;
	border-radius: 5px;
	font-size: 11px;
	text-align:center;
	min-width: 10px;
	padding: 2px 8px;
	place-content: center;
  /*
	margin-left: 11px;
	margin-top: 22px;
  */
    margin: 0;
	font-weight: 600;
	min-height: 22.5px;
}
.product-miniature .product-description {
	padding: 0px;
}
.product-miniature .regular-price {
	display: inline-block;
    font-size: 14px;
    color: #888888;
    text-decoration: line-through;
    font-weight: 400;
}

/* фон на всю ширину экрана */
body.page-category #wrapper > .container:first-of-type::before{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background: #f2f2f2;
  z-index: -1;
}


/* li разделители аккуратно */
body.page-category nav.breadcrumb ol{
  margin: 0;
  padding: 0;
}

body.page-category{
  overflow-x: hidden;
}
nav.breadcrumb{
  position: relative;
  z-index: 1;
  padding: 18px 15px !important;
  margin: 0 0 30px 0 !important;
  background: transparent !important;
  min-height: 50px;
  align-content: center;
}
nav.breadcrumb li a {
	color: #222222 !important;
}
#wrapper .breadcrumb li:last-child {
	color: #666666;
}
nav.breadcrumb.cms-template-breadcrumb {
    padding: 0px !important;
	display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row;
}
.cms-custom-page-content__inner h2 {
    padding: 20px 0px;
}
.cms-custom-page-content__inner h3 {
    padding-bottom: 10px;
	font-weight: 500;
}

ul.product-images.js-qv-product-images {
    display: flex;
    flex-direction: column;
}
ul.product-images.js-qv-product-images {
    display: flex;
    flex-direction: column;
    width: 100px;
}
img.js-qv-product-cover.img-fluid {
    object-fit: cover;
}
#main .images-container .js-qv-mask.scroll {
    margin: 0 auto;
    width: 100px;
}
.breadcrumb::after {
	content: unset;
}
h1.cms-template-header__title {
    margin-bottom: 0px;
    font-size: 24px;
    font-weight: 500;
    color: #222222;
}
#products {
    padding: 0px 15px 0px 0px;
}
nav.breadcrumb::before{
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background: #f2f2f2;
  z-index: -1;
}
.product-miniature .thumbnail-container .product-thumbnail img {
	height: 100%;
	object-fit: contain;
}
article.product-miniature.js-product-miniature {
    display: block;
    padding: 20px 20px;
}
article.product-miniature.product-miniature--shop.js-product-miniature {
    padding: 0px;
}
.thumbnail-container {
	margin-bottom: 0px !important;
}
.thumbnail-top {
    justify-items: center;
}
#js-product-list-top.products-selection{
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

/* сам блок сортировки */
#js-product-list-top .products-sort-order{
  margin-left: auto;
}

/* если "Sort by:" уезжает/скрыт — показываем и выравниваем */
#js-product-list-top .sort-by{
  display: inline-block;
  margin-right: 10px;
}
div#search_filters_wrapper {
	padding: 0px 15px;
	border: solid 1px #e5e5e5;
	border-radius: 5px;
	margin-bottom: 25px;
}
.block.ets_block_latest.ets_blog_ltr_mode.page_blog.ets_block_slider {
    box-shadow: none !important;
    padding: 0px 15px;
    border: solid 1px #e5e5e5;
    border-radius: 5px;
}
/* hide ETS blog widgets on category pages (keep Latest posts) */
body.page-category #left-column .ets_block_categories,
body.page-category #left-column .ets_block_search,
body.page-category #left-column .ets_block_archive{
  display: none !important;
}
/* 1 product per row ONLY on category pages */
body.page-category #products .products.row > .js-product.product{
  flex: 0 0 100% !important;
  max-width: 100% !important;
}
.js-product.product.col-xs-12.col-sm-6.col-xl-4 {
    flex: 0 0 100%;
    max-width: 100%;
}

/* превращаем внутренности карточки в 3 колонки */
body.page-category #products .js-product .product-miniature .thumbnail-container{
  display: flex;
  height: 100%;
}

/* LEFT: картинка */
body.page-category #products .js-product .product-miniature .thumbnail-top{
  flex: 0 0 220px;
  max-width: 220px;
  display: flex;
  flex-direction: column;
  height: auto;
  justify-content: space-between;
}
.product-list-imageunder {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end !important;
}

/* RIGHT: add to cart */
body.page-category #products .js-product .product-miniature .product-add-to-cart{
  flex: 0 0 260px;
  max-width: 260px;
  margin-top: 0;
}

/* убрать лишнее для list-view */
body.page-category #products .js-product .highlighted-informations{
  display: none !important; /* quick view + вариации */
}
/* ========== SHOP LIST: horizontal product card ========== */
.category-top-description {
	padding: 0px 15px;
}

/* внешний контейнер карточки */
.product-miniature--shop .ps-shop-card{
  display:flex;
  align-items:flex-start;
  gap:24px;
  padding:18px 20px;
  border:1px solid #e6e6e6;
  border-radius:10px;
  background:#fff;
  max-width: 1072px;
  width: 100%;
  margin-bottom: 16px;
}

/* LEFT */
.product-miniature--shop .ps-shop-card__left{
  flex:0 0 221px;
  width:221px;
  overflow: hidden;
  height: 100%;
}


.product-miniature--shop .ps-shop-card__left .product-thumbnail{
  display:block;
  width:100%;
}

/* прячем "Quick view", если хочешь оставить — просто удали этот блок */
.product-miniature--shop .ps-shop-card__left .quick-view{
  display:none !important;
}

/* флажки (скидка/новинка) поверх картинки */
.product-miniature--shop .ps-shop-card__left .product-flags{
  position:absolute;
  top:-20px;
  left:-11px;
  z-index:2;
}

/* чтобы флажки могли позиционироваться поверх */
.product-miniature--shop .ps-shop-card__left .thumbnail-top{
  position:relative;
}

/* MIDDLE */
.product-miniature--shop .ps-shop-card__middle{
  flex:1 1 auto;
  max-width:421px;
  height: 100%;
}

.product-miniature--shop .ps-shop-card__middle .product-description{
  padding:0;
  margin:0;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.product-miniature--shop .ps-shop-card__middle .product-title{
  margin:0 0 6px;
  font-size:18px;
  line-height:1.25;
  height: 47px;
  margin-bottom: 0;
}

.product-miniature--shop .ps-shop-card__middle .product-title a{
  text-decoration:none;
  font-size: 18px;
  /*
  line-height: 1.85;
  */
  line-height: 1.3;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: start;
}

.product-miniature--shop .ps-shop-card__middle .product-brand{
  margin:0 0 10px;
  font-size:13px;
  color:#777;
}

.product-miniature--shop .ps-shop-card__spec{
  margin:4px 0;
  font-size:14px;
  line-height:1.45;
}

.product-miniature--shop .ps-shop-card__label{
  color:#777;
  margin-right:6px;
}

/* RIGHT */
.product-miniature--shop .ps-shop-card__right{
  flex:0 0 321px;
  width:321px;
  text-align:right;
  position: relative;
}

/* цена */
.product-miniature--shop .ps-shop-card__right .product-price-and-shipping{
  padding:0;
  display: flex;
  gap: 10px;
  margin-bottom: 5px;
}
.tax_text {
	text-align: left;
}
.tax_text p {
	font-size: 14px;
}

.product-miniature--shop .ps-shop-card__right .price{
  display:block;
  font-size:22px;
  font-weight:500;
  line-height:1.2;
}

.product-miniature--shop .ps-shop-card__right .regular-price{
  display:block;
  margin-top:4px;
  font-size:13px;
  color:#888;
}

/* блок покупки (qty + button) */
.product-miniature--shop .ps-shop-card__buy{
  display:flex;
}

.product-miniature--shop .ps-shop-card__qty{
  height:44px;
  min-width:72px;
  padding:0 10px;
  border:1px solid #dcdcdc;
  border-radius:6px;
  background:#fff;
}

/* кнопка */
.product-miniature--shop .ps-shop-card__btn{
  height:44px;
  padding:0 18px;
  border-radius:6px;
  font-weight:400;
  background-color: #FED700;
  color: black;
  line-height: 42px;
  font-size: 13px;
}
.product-miniature--shop .ps-shop-card__btn:hover {
  background-color: #FEE766;
}



/* ========== Responsive ========== */
@media (max-width: 992px){
  .product-miniature--shop .ps-shop-card{
    flex-direction:column;
    gap:14px;
  }

  .product-miniature--shop .ps-shop-card__left,
  .product-miniature--shop .ps-shop-card__right{
    width:100%;
    flex:0 0 auto;
    text-align:left;
  }

  .product-miniature--shop .ps-shop-card__buy{
    justify-content:flex-start;
  }
}

@media (max-width: 576px){
  .product-miniature--shop .ps-shop-card{
    padding:14px 14px;
  }

  .product-miniature--shop .ps-shop-card__right .price{
    font-size:20px;
  }

  .product-miniature--shop .ps-shop-card__buy{
    flex-direction:column;
    align-items:stretch;
  }

  .product-miniature--shop .ps-shop-card__qty,
  .product-miniature--shop .ps-shop-card__btn{
    width:100%;
  }
}
.home-product-label {
    font-size: 11px;
    width: 60px;
    background-color: #F0F0F0;
    text-align: center;
    border-radius: 5px;
	color: black;
}
.delivery_info_text p {
	font-size:14px;
	text-align: left;
	margin-top: 10px;
}
/* specs list */
.ps-specs{
  list-style:none;
  padding:0;
  /*
  margin:8px 0 0;
  */ 
  margin: 0 0 40px 0;
}

.ps-spec{
  display:block;
  gap:8px;
  margin: 5px 0px;
  font-size:14px;
  line-height:1.4;
}

.ps-spec__k{
  font-weight:500;
  color:#444;
}

.ps-spec__v{
  color:#777;
  min-width:0;
  margin-left: 8px;
}

/* hide items after 6 by default */
.ps-specs .ps-spec:nth-child(n+6){
  display:none;
}


/* button */
.ps-specs__more{
  margin-top: 14px;
  padding:0px 26px;
  border:0;
  border-radius:6px;
  background:#f1f1f1;
  color:#333;
  font-size:13px;
  cursor:pointer;
}
button:focus {
	outline:none;
}
span.top-announcement__text {
	font-size: 13px;
}

.ps-specs__more.is-hidden{
  display:none;
}
/* Общие стили заголовков */
#search_filters p.text-uppercase.h6.hidden-sm-down,
.block-categories ul.category-top-menu span.text-uppercase.h6{
  position: relative;
  display: inline-block;
  padding-bottom: 12px;   /* место под линию */
  margin-bottom: 14px;
  text-transform: unset !important;
}

#search_filters p.text-uppercase.h6.hidden-sm-down::after,
.block-categories ul.category-top-menu span.text-uppercase.h6::after{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 220px;          /* grey line */
  height: 0.5px;         
  background: #e5e5e5;
}

#search_filters p.text-uppercase.h6.hidden-sm-down::before,
.block-categories ul.category-top-menu span.text-uppercase.h6::before{
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 80px;           /* Yellow line */
  height: 3px;          
  background: #fed700;
}
.block-categories .h6, #search_filters>.h6 {
	font-size: 18px;
}
.block-categories .category-sub-menu li[data-depth="0"]>a {
	font-weight: 400;
	font-size: 14px;
	width: auto;
}
.block-categories .collapse-icons {
	place-content: center;
}
#search_filters .facet .facet-label a {
	font-size: 14px;
}
/* wrapper */
.qty-box{
  display:flex !important;
  align-items:stretch;
  width:80px;
  height:44px;
  border:1px solid #dcdcdc;
  border-radius:8px;
  overflow:hidden;
  background:#fff;
  box-sizing:border-box;
}

/* input */
.qty-box__input{
  flex:1 1 auto;
  width:calc(100% - 30px) !important;
  height:100% !important;

  margin:0 !important;
  padding:0 !important;           /* ВАЖНО: убираем bootstrap padding */
  border:0 !important;

  display:flex;                   /* центрируем цифру */
  align-items:center;
  justify-content:center;
  text-align:center;

  font-size:16px;
  line-height:1;                  /* чтобы не уезжало по вертикали */
  outline:0;
  box-shadow:none !important;
  box-sizing:border-box;

  -moz-appearance:textfield;
}

/* remove native spinners */
.qty-box__input::-webkit-outer-spin-button,
.qty-box__input::-webkit-inner-spin-button{
  -webkit-appearance:none;
  margin:0;
}

/* buttons column */
.qty-box__buttons{
  width:30px;
  flex:0 0 30px;
  border-left:1px solid #e6e6e6;
  display:flex;
  flex-direction:column;
}
span.selected_car_text {
    color: #666666;
	font-size: 13px;
}
/* each button */
.qty-btn{
  flex:1 1 50%;
  border:0;
  padding:0;
  margin:0;
  background:#fff;
  cursor:pointer;
  position:relative;
  line-height:1;
}

.qty-btn:hover{ background:#f5f5f5; }

/* arrows */
.qty-btn::before{
  content:'';
  position:absolute;
  left:50%;
  top:50%;
  width:6px;
  height:6px;
  border-right:2px solid #333;
  border-bottom:2px solid #333;
  transform:translate(-50%,-50%) rotate(45deg);
}

.qty-btn--up::before{
  transform:translate(-50%,-50%) rotate(-135deg);
}
body.page-category form {
	display:flex;
	gap:10px;
}
form.add-to-cart-or-refresh {
    display: flex;
    gap: 10px;
}
button.qty-btn.qty-btn--up {
    border-bottom: solid 1px #dcdcdc;
}
#search_filters .facet .facet-title {
	font-weight: 500;
}
.header-bottom-menu-row {
    display: flex;
	justify-content: space-between;
	align-items:center;
}
div#_desktop_top_menu {
    width: 100%;
	padding: 0px 15px;
}
ul#top-menu {
    display: inline-flex;
    align-items: center;
	gap: 50px;
	height: 56px;
	margin: 0;
}
.header-bottom-menu-right {
    font-size: 16px;
	font-weight: 500;
	display: flex;
	align-items: center;
}
a.header-phone-link {
    display: flex;
    align-items: center;
    flex-direction: row;
}
.header-actions{
  display:flex;
  align-items:center;
  gap:16px;
}

.header-actions__auth{
  display:flex;
  align-items:center;
  gap:8px;
  white-space:nowrap;
  font-size:14px;
}
.header {
    font-size: 14px;
}

.header-actions__auth-link{
  text-decoration:none;
  font-weight:500;
}
.btn-unstyle {
	font-size: 14px;
}

.header-actions__auth-sep{
  opacity:.7;
}

.header-actions__divider{
  width:1px;
  height:40px;
  background:rgba(0,0,0,.25);
  display:inline-block;
}

.header-actions__icons{
  display:flex;
  align-items:center;
  gap:12px;
}

.header-actions__icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  line-height:1;
}

.header-actions__icon .material-icons{
  font-size:22px;
}

.header-actions__lang{
  display:flex;
  align-items:center;
}
.images-container.js-images-container {
    display: flex;
    flex-direction: row-reverse;
	justify-content: flex-end;
}
#main .images-container .js-qv-mask {
	overflow: unset;
}
.top-announcement__right {
  display: flex;
  align-items: center;
}
.product-images>li.thumb-container .thumb.selected, .product-images>li.thumb-container .thumb:hover {
	border: #FED700 3px solid;
	border-radius: 5px;
	object-fit: contain;
}
.product-manufacturer-line{
  margin: 5px 0 20px;
  font-size: 14px;
  
}
.product-manufacturer-line .label,
.product-manufacturer-line .value {
  font-weight: 500;
  margin-right: 6px;
  color: #666666;
}

.product-vat-note{
  font-size: 14px;
  color: #666666;
}

.product-actions .control-label {
  color: #222222;
  font-weight: 500;
}
.right-column .product-qty-available{
  color: #666;
  margin: 20px 0 -15px;
  font-size: 14px;
  font-weight: 400;
}
.product-qty-available{
  color: #666;
  margin: 20px 0 5px;
  font-size: 14px;
  font-weight: 400;
}

.product-static-actions{
  display: flex;
  gap: 24px;
  margin: 14px 0 12px;
  align-items: center;
  
}

.product-static-actions .static-action{
  display: inline-flex;
  gap: 8px;
  align-items: center;
  text-decoration: none;
  color: #666666;
}

.product-delivery-note{
  margin: 10px 0 18px;
  font-size: 14px;
  color: #666666;
  max-width: 280px;
}

.product-share-static{
  display: flex;
  gap: 10px;
  align-items: center;
  margin-top: 10px;
}
.product-share-static .label{
  margin-right: 6px;
  font-size: 14px;
  font-weight: 500;
}
.product-prices {
	margin-top: 15px;
	margin-bottom: 5px;
}
.product-price.h5 {
	margin: 0;
	display: flex;
}
.product-discount {
	order: 2;
}
span.current-price-value {
    font-size: 26px;
	color: #222222;
	font-weight: 500;
}
.product-price.h5.has-discount .current-price .current-price-value {
    color: #e10600;
}
.product-price.h5 {
    margin-bottom: 0px;
}
span.regular-price {
    /* display: block; */
    margin-top: 4px;
    font-size: 13px;
    color: #888;
}
.tax-shipping-delivery-label {
	display: none;
}
.page-customer-account #content {
    padding: 1rem;
    background: #fff;
    font-size: .875rem;
    color: #666666;
	border: 1px solid #0000001a;
	border-radius: 5px;
}
form .form-control-label {
    font-size: .875rem;
    font-weight: 500;
    color: #222222;
}
.page-customer-account #content .no-account {
    font-size: 14px;
}
.btn-primary, .btn-secondary {
    padding: .5rem 1.25rem;
    font-weight: 500;
    text-transform: uppercase;
    height: 45px;
    background-color: #fed700;
    border-radius: 5px;
    font-size: 14px;
	color:#222;
	align-content: center;
}
input#field-email, input#field-password {
	outline: unset;
    border: 1px solid #0000001a;
    background: #ffffff !important;
    color: #222222;
    border-radius: 5px;
    line-height: 22px;
    transition: .25s;
    padding: .5rem 1rem;
    background-color: #ffffff !important;
}
input#field-email:-webkit-autofill,
input#field-email:-webkit-autofill:hover,
input#field-email:-webkit-autofill:focus,
input#field-password:-webkit-autofill,
input#field-password:-webkit-autofill:hover,
input#field-password:-webkit-autofill:focus {
  box-shadow: 0 0 0 1000px #ffffff inset !important;
}
.page-authentication #content {
	max-width: 750px;
}
.input-group .form-control:not(:last-child) {
	border-bottom-right-radius: 0 !important;
    border-top-right-radius: 0 !important;
}
.input-group .input-group-btn>.btn[data-action=show-password] {
	border-radius: 0px 5px 5px 0px;
}
.col-md-6.right-column h1 {
	font-size: 26px;
	color: #222222;
	text-transform: capitalize;
	font-weight: 500;
	margin: 0px;
}
.product-prices div {
	margin: 0;
}
.current-price {
    display: flex;
    gap: 10px;
    align-items: center;
	order: 1;
}
.has-discount .current-price {
    color: #e10600;
	font-weight:500;
	margin-right: 10px;
}
.product-discount .regular-price {
	margin-right: 0px;
}
.has-discount .discount {	
	background-color: #ef2d2d;
    border-radius: 5px;
    font-size: 11px;
    text-align: center;
    min-width: 10px;
    padding: 2px 8px;
    place-content: center;
    margin: 0;
    font-weight: 600;
    min-height: 22.5px;
}
.has-discount span.regular-price {
    text-decoration: line-through;
}
/* TABS CSS */
.ps-tabs { 
	margin-top: 40px; 
	clear: both;
}
.ps-tabs__nav { border-bottom: 1px solid #eee; }

/* “TECHNICAL DETAILS” block */
.ps-tech { 
	margin-top: 28px; 
	border: 1px solid #eee;
	border-radius: 5px;
	width: 50%;
}
.ps-tech__title,
.ps-codes__title{
  font-size: 14px;
  font-weight: 500;
  margin:0px;
  background-color: #f5f5f5;
  padding: 20px 14px;
}

/* Common table style */
.ps-table { 
	margin: 0; 
	width: 50%;
}
.ps-table th{
  width: 260px;
  font-weight: 500;
  border-top: 0;
}
.ps-table td, .ps-table th{
  padding: 18px 15px;
  vertical-align: middle;
  font-size: 14px;
  border-bottom: 0.5px solid #eee;
  border-top: 0.5px solid #eee;
  color: #222222;
}
.page-content.page-cms ul, p {
    font-size: 14px;
    font-weight: 400;
    color: #666666;
	line-height: 1.8;
	margin-bottom: 0px;
}

/* Codes table two columns like your screenshot */
.ps-table__left { width: 60%; font-weight: 500; }
.ps-table__right { width: 40%; font-weight: 500; }
.tabs .nav-tabs .nav-link {
	color: #666666;
	font-weight: 500;
}
span.ps-veh-title {
    color: #222222;
}
/* Vehicles “dropdown + accordion” look */
.ps-vehicles__brand { margin: 10px 0 18px; }
.ps-select{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 2px solid #ddd;
  border-radius: 6px;
  padding: 14px 16px;
}
.ps-select__value{ font-weight: 500; }
.ps-select__icon{ font-size: 18px; }

.ps-accordion-row{
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 18px 0;
  border-bottom: 1px solid #eee;
}
.ps-accordion-row__title{ font-weight: 700; }
.ps-accordion-row__icon{ font-size: 18px; }


.ps-table tbody tr:nth-child(odd) {
  background: #fff; /* светло-серый */
}

.ps-table tbody tr:nth-child(even) {
  background: #f5f5f5;
}
.tabs .tab-pane {
    padding-top: 30px;
}
.product-description h3 {
	font-size: 18px;
	font-weight: 500;
}

table.table.ps-table.ps-tech-table {
    width: 100%;
}


.ps-veh-item { border-bottom: 1px solid #eee; }

.ps-veh-toggle{
  width:100%;
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:18px 0;
  background:transparent;
  border:0;
  font-weight:500;
  text-align:left;
}

.ps-veh-icon{
  width:18px;
  height:18px;
  position:relative;
}

.ps-veh-icon:before{
  content:'';
  position:absolute;
  inset:0;
  background: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") center/contain no-repeat;
          mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E") center/contain no-repeat;
  transition: transform .2s ease;
}

/* когда раскрыто — стрелка вверх */
.ps-veh-toggle:not(.collapsed) .ps-veh-icon:before{
  transform: rotate(180deg);
}

.ps-veh-body{ padding: 0 0 18px; }

.ps-veh-table thead th{
  border-top: 0;
  font-weight: 500;
}

.ps-veh-table tbody tr{
  border-top: 1px solid #eee;
}
.tabs .nav-tabs .nav-link.active, .tabs .nav-tabs .nav-link:hover {
	border: 0;
    border-bottom: #222222 2px solid;
}
.tabs .nav-tabs .nav-link.active {
    color: #222222;
}
.add {
    max-width: 60%;
    width: 60%;
}
#product-modal .modal-content .modal-body .product-cover-modal, .product-cover img {
	width: 100%;
    height: 100%;
	object-fit: contain;
}
body#product ul.nav-tabs li.nav-item {
  font-size: 20px;
}
#product-modal .modal-content .modal-body .product-images img {
	object-fit: contain;
}
/* END OF TABS CSS  */
.ps-shop-card__right .product-qty-available {
	text-align: left;
}
#product #content {
	margin: unset;
	max-width: 600px;
	padding-left: 15px;
}
.scroll-box-arrows.scroll {
    display: none;
}
/* Categories CSS */ 
.ps-subcats__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:20px;
  padding: 0px 15px 0px 0px;
}

.ps-subcats__card{
  display:block;
  border:1px solid #e6e6e6;
  border-radius:5px;
  padding:24px;
  justify-items: anchor-center;
  text-decoration:none;
}

.ps-subcats__img{
  height:90px;
  display:flex;
  align-items:center;
  justify-content:center;
  width: 135px;
  overflow:hidden;
}


.ps-subcats__img img{
  object-fit:contain;
  width: auto;
}
.ps-subcats__img .ps-subcats__img--placeholder img {
  width: 100%;
  height: 100%;
}
.ps-subcats__img--placeholder {
  height: 90px;
}

.ps-subcats__name{
  margin-top:12px;
  text-align:center;
  font-weight:500;
  color: #222222;
  font-size: 14px;
}
/* Left menu in  Shop */
/* ===== Category tree: levels + active underline ===== */



/* Indents:
   depth 0 = без отступа
   depth 1 (2nd level) = indent
   depth 2 (3rd level) = еще больше indent
*/
.js-cat-tree .cat-item.is-level-1 > .cat-link{ padding-left: 16px; font-size: 14px;}
.js-cat-tree .cat-item.is-level-2 > .cat-link{ padding-left: 32px; font-size: 14px; }

/* Remove dash in front of 3rd level
   (у тебя "— Pidurikettad" появляется, как правило, из стилей темы через ::before)
*/
.js-cat-tree .cat-item.is-level-2 > .cat-link::before{
  content: none !important;
}

/* ===== Replace arrows with plus/minus on sublevels ===== */
.js-cat-tree .cat-toggle--plusminus{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 8px;
  cursor: pointer;
  user-select: none;
}

/* По умолчанию показываем "+" */
.js-cat-tree .cat-toggle--plusminus .remove{ display:none; }

/* Когда раскрыто — показываем "-" вместо "+" */
.js-cat-tree .cat-toggle--plusminus[aria-expanded="true"] .add{ display:none; }
.js-cat-tree .cat-toggle--plusminus[aria-expanded="true"] .remove{ display:inline; margin-left: 9.5px; }

/* Если хочешь, чтобы + стоял справа ровно как в 1 уровне */
.js-cat-tree .cat-item.has-children{
  position: relative;
}
/* === Fix toggle alignment for all levels === */
.js-cat-tree .cat-item.has-children{
  position: relative;
}

/* Общие размеры/выравнивание для toggler (и div, и span) */
.js-cat-tree .cat-toggle--plusminus{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 0;
}

/* Убираем возможные bootstrap-паддинги у 1 уровня */
.js-cat-tree .navbar-toggler.collapse-icons.cat-toggle--plusminus{
  padding: 0;
  line-height: 1;
}

.block-categories .category-sub-menu li:not([data-depth="0"]):not([data-depth="1"])::before {
	content: unset;
	margin-right: 0px;
}
/* underline for active item */
.js-cat-tree .cat-link.is-active{
	border-bottom: solid 1px #fed700;
}

.js-cat-tree .cat-item.is-level-1.is-branch-active > .cat-link{
	border-bottom: solid 1px #fed700;
}
.js-cat-tree .cat-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
}


.js-cat-tree .cat-toggle--plusminus{
  flex:0 0 24px;
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0;
  padding:0;
  line-height:1;
  position:static;
  transform:none;
}

.js-cat-tree .cat-item.has-children{
  position:static;
}	
.block-categories .category-sub-menu {
	margin-top: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 10px;
}
ul.category-sub-menu.category-sub-menu--level-1 {
	padding-left:14px;
	gap: 5px;
}

ul.category-sub-menu.category-sub-menu--level-2 {	
	margin-top: 10px;
	padding-left: 14px;
	gap:5px;
}
ul.category-sub-menu.category-sub-menu--level-3 {
    gap: 5px;
    padding-left: 14px;
}
li.cat-item.is-level-1 {
    margin-bottom: 0px !important;
}
li.cat-item.is-level-2.is-active {
    padding-left: 10px !important;
}
.logicshop-layout{
  display:grid;
  grid-template-columns:320px 1fr;
  gap:32px;
}

.logicshop-sidebar .block-categories{
  border:1px solid #ddd;
  border-radius:8px;
  padding:20px;
  background:#fff;
}

.logicshop-sidebar .category-top-menu{
  margin:0;
  padding:0;
  list-style:none;
}

.logicshop-sidebar .category-top-menu > li:first-child{
  margin-bottom:20px;
}

.logicshop-sidebar-item{
  list-style:none;
  margin-bottom:14px;
}

.logicshop-sidebar .cat-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  width:100%;
}

.logicshop-sidebar .cat-link{
  text-decoration:none;
}

.logicshop-content .ps-subcats__grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:20px;
}

.logicshop-content .ps-subcats__card{
  display:block;
  border:1px solid #e6e6e6;
  border-radius:12px;
  padding:18px;
  text-decoration:none;
  background:#fff;
}

.logicshop-content .ps-subcats__img{
  height:140px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.logicshop-content .ps-subcats__img img{
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}

.logicshop-content .ps-subcats__name{
  margin-top:12px;
  text-align:center;
  font-weight:600;
}

@media (max-width: 991px){
  .logicshop-layout{
    grid-template-columns:1fr;
  }

  .logicshop-content .ps-subcats__grid{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}
/* ===== SHOP CARD LAYOUT FIX ===== */

.product-miniature--shop .ps-shop-card{
  display: flex;
  align-items: flex-start;
}

/* LEFT */
.product-miniature--shop .ps-shop-card__left{
  flex: 0 0 221px;
  width: 221px;
}

.product-miniature--shop .ps-shop-card__left-inner{
  display: flex;
  flex-direction: column;
  /*
  min-height: var(--shop-collapsed-height, 280px);
  */
}

.product-miniature--shop .ps-shop-card__image-wrap{
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 160px;
  margin: 0 auto;
}

.product-miniature--shop .ps-shop-card__image-wrap .product-thumbnail{
  display: flex;
  /*
  width: 100%;
  height: 100%;
  */
  align-items: center;
  justify-content: center;
  width: 160px;
  height: 160px !important;
  margin-top: 0px;
}

.product-miniature--shop .ps-shop-card__image-wrap .product-thumbnail img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.product-miniature--shop .ps-shop-card__image-wrap .product-flags{
  position: absolute;
  top: -20px;
  left: -11px;
  z-index: 2;
}

.product-miniature--shop .ps-shop-card__left-bottom{
  margin-top: auto;
  display: flex;
  justify-content: space-between;
  /*
  align-items: flex-end;
  */
  align-items: center;
  gap: 12px;
  padding-top: 12px;
  min-height: 32px;
}

.product-miniature--shop .ps-shop-card__left-bottom .home-product-label{
  flex: 0 0 auto;
}

.product-miniature--shop .ps-shop-card__left-bottom .product-brand-logo{
  margin-left: auto;
  display: flex;
  align-items: flex-end;
}

.product-miniature--shop .ps-shop-card__left-bottom .product-brand-logo img{
  display: block;
  width: auto;
  max-width: 110px;
  max-height: 45px;
  object-fit: contain;
}

/* MIDDLE */
.product-miniature--shop .ps-shop-card__middle{
  flex: 1 1 auto;
  max-width: 421px;
}

.product-miniature--shop .ps-shop-card__middle .product-description{
  display: flex;
  flex-direction: column;
  /*
  min-height: var(--shop-collapsed-height, 280px);
  */
  position: static;
}

.product-miniature--shop .ps-shop-card__middle .ps-specs__more{
  /*
  margin-top: auto;
  */
  margin: unset;
  position: absolute;
  bottom: 45px;
}

/* optional: если нужно жёстко 5 строк до show more */
.ps-specs .ps-spec:nth-child(n+6){
  display: none;
}

.ps-specs.is-expanded .ps-spec:nth-child(n+6){
  display: inline-block;
}
.block-categories .category-sub-menu--level-0 > li:nth-last-child(4)::before {
  content: "";
  display: block;
  border-top: 1px solid #e5e5e5;
  margin-bottom: 16px;
}
/* =========================
   CUSTOM REGISTER PAGE
========================= */
.custom-register-page__right {
    flex: 1;
}
.custom-register-page__left {
    flex: 1;
}

.custom-register-page {
  padding: 40px 60px 60px;
}

.custom-register-page__inner {
  display: flex;
  justify-content: space-between;
  gap: 60px;
}
.custom-register-info__title {
  margin: 0 0 24px;
  color: #222222;
}

.custom-register-info__text p {
  margin: 0 0 16px;
}

.custom-register-info__text p:last-child {
  margin-bottom: 0;
}



.custom-register-card__title {
  margin: 0 0 18px;
  color: #222222;
  font-weight: 500;
}

.custom-register-card__login-link {
  margin: 0 0 24px;
}
.btn-primary:hover {
    background-color: #FEE766;
	color: #222;
}

/* SOCIAL LOGIN */
.custom-social-login {
  margin-bottom: 20px;
}

.custom-social-login:empty {
  display: none;
}

.custom-social-login > * {
  width: 100%;
}
.col-md-6.js-input-column.form-control-valign {
    margin: 0px;
    padding: 0px;
}
/* normalize inner field wrappers */
.custom-register-field .form-group {
  margin-bottom: 0;
}

.custom-register-field label {
  display: block;
  margin-bottom: 8px;
  padding-top: 8px;
}
.col-md-6.js-input-column.form-control-valign {
    display: flex;
}
.custom-register-field .form-control,
.custom-register-field input[type="text"],
.custom-register-field input[type="email"],
.custom-register-field input[type="password"],
.custom-register-field input[type="tel"],
.custom-register-field select {
  width: 100%;
  line-height: 22px;
  border: 1px solid #d9dde3;
  border-radius: 5px;
  padding: 8px 16px;
  box-shadow: none;
  background: #fff;
}

.custom-register-field .form-control:focus,
.custom-register-field input[type="text"]:focus,
.custom-register-field input[type="email"]:focus,
.custom-register-field input[type="password"]:focus,
.custom-register-field input[type="tel"]:focus,
.custom-register-field select:focus {
  outline: none;
  box-shadow: none;
  border-color: #bfc7d1;
}
.page-registration #content {
	max-width: 1470px;
}

/* placeholder */
.custom-register-field input::placeholder,
.custom-register-field textarea::placeholder {
  opacity: 1;
}


/* CHECKBOXES */
.custom-register-field .custom-checkbox,
.custom-register-field .checkbox {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  margin: 0;
}

.custom-register-field input[type="checkbox"] {
  margin-top: 3px;
  flex: 0 0 auto;
}

.custom-register-field .custom-checkbox label,
.custom-register-field .checkbox label {
  margin: 0;
  line-height: 1.5;
  color: #222222;
}


.custom-register-submit {
  width: 25%;
  min-height: 50px;
  border-radius: 5px;
  padding: 14px 20px;
  box-shadow: none;
  font-size: 18px;
  font-weight: 500;
  background-color: #fed700;
  min-width:fit-content;
}


/* hide separator if social login is empty */
.custom-social-login:empty + .custom-register-separator {
  display: none;
}

/* remove weird classic spacing in customer form */
#customer-form .form-group.row {
  margin-left: 0;
  margin-right: 0;
}

#customer-form .col-md-6,
#customer-form .col-md-7,
#customer-form .col-md-12 {
  width: 75%;
  max-width: 75%;
  padding: 0px;
  margin: 0px;
}

/* make classic labels less broken in custom layout */
#customer-form .form-control-label {
  text-align: left;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 8px;
  font-weight: 500;
  width: 20%;
}
.form-control-comment {
  color: #666666;
  padding: 8px 0px
}

#customer-form .input-group {
  width: 100%;
}

#customer-form .input-group .input-group-btn,
#customer-form .input-group .input-group-append {
  display: flex;
}

/* PASSWORD SHOW BUTTON */
#customer-form .input-group-btn .btn,
#customer-form .input-group-append .btn {
  min-height: 39px;
  border-radius: 0 5px 5px 0;
  box-shadow: none;
}
.input-group.focus {
	outline: unset;
}

/* RESPONSIVE */
@media (max-width: 991px) {
  .custom-register-page__inner {
    flex-direction: column;
    min-height: auto;
  }

  .custom-register-page__left,
  .custom-register-page__right {
    width: 100%;
  }

  .custom-register-page__left {
    min-height: 280px;
    padding: 40px 30px;
  }

  .custom-register-page__right {
    padding: 32px 24px;
  }
}

@media (max-width: 767px) {
  .custom-register-page {
    padding: 24px 0 40px;
  }

  .custom-register-page__inner {
    border-radius: 14px;
  }

  .custom-register-page__left {
    min-height: 220px;
    padding: 28px 20px;
	display:none;  
  }

  .custom-register-page__right {
    padding: 24px 18px;
  }

  .custom-register-field--firstname,
  .custom-register-field--lastname,
  .custom-register-field--password,
  .custom-register-field--new_password,
  .custom-register-field--confirm_password {
    width: 100%;
  }


  .form-footer {
    margin-top: 20px;
	justify-self:center;
  }
}
.tecdoc-logo img {
	max-width: 310px;
}
.tecdoc-logo {
    margin-bottom: 12px;
}
.header-bottom-menu-right.hidden-desktop {
	display:none;
}
@media (min-width: 576px) {
    .modal-dialog {
        max-width: 600px;
        margin: 100px auto;
    }
}
/* =========================================
   MOBILE HEADER FIX
========================================= */
@media (max-width: 767.98px) {

  /* скрываем старый стандартный mobile header,
     чтобы он не дублировал элементы */
  #header .header-nav {
    display: none;
  }
  .header-bottom-menu-right.hidden-desktop {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center; 
  }
  .header-bottom-menu-right.tooltip-open .delivery-info-tooltip {
	right:auto;
  }
  /* убираем нижнее меню под хедером на мобилке */
  .header-bottom {
    display: none;
  }

  .header-top.header-main {
    padding: 20px 0px 10px 0px !important;
  }

  .header-main__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
	gap: 25px;
    padding: 0px;
  }

  /* логотип */
  .header-main__left {
    flex: 0 0 auto;
    max-width: calc(100% - 170px);
  }

  #header .logo {
    max-width: 150px;
    height: auto;
  }

  /* правая часть сверху */
  .header-main__right {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
  }

  /* текст логина и язык на мобилке не нужны */
  .header-actions__auth,
  .header-actions__divider,
  .header-actions__lang,
  .header-actions__icon--compare {
    display: none !important;
  }

  .header-actions {
    gap: 0;
  }

  .header-actions__icon,
  .header-actions__cart {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    position: relative;
  }

  .header-actions__icon .material-icons,
  .header-actions__cart .material-icons {
    font-size: 28px;
  }

  /* корзина */
  .header-actions__cart .blockcart {
    padding: 0;
    background: transparent;
  }

  .header-actions__cart .header {
    margin-bottom: 0;
  }

  .header-actions__cart .cart-products-count {
    position: absolute;
    top: -8px;
    right: -10px;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #e53935;
    color: #fff;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    font-weight: 500;
    padding: 0 2px;
  }

  /* меню */
  .header-actions__icon--menu {
    display: inline-flex !important;
  }

  /* вторая строка: выбранная машина + поиск */
  .header-main__center {
    order: 3;
    flex: 0 0 100%;
    width: 100%;
    display: block;
  }

  .selected_car {
    width: 100%;
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 5px 5px 0 0;
    margin: 0;
	max-width: 100%;
  }

  .selected_car_label,
  .selected_car_text {
    display: block;
    line-height: 1.25;
  }

  .selected_car_label {
    font-size: 14px;
    color: #666;
    margin-bottom: 4px;
  }

  .selected_car_text {
    font-size: 16px;
    color: #222;
    font-weight: 500;
  }

  .header-main__center #search_widget,
  .header-main__center .search-widget,
  .header-main__center form {
    width: 100%;
    max-width: 100%;
  }

  .header-main__center .search-widget form,
  .header-main__center #search_widget form {
    position: relative;
  }

  .header-top #search_widget input,
  .header-main__center input[type="text"],
  .header-main__center input[type="search"] {
    width: 100%;
    height: 58px;
    border: 1px solid #d9d9d9;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    padding: 0 16px 0 56px;
    font-size: 16px;
    background: #fff !important;
    box-shadow: none;
  }

  .header-main__center #search_widget button[type="submit"],
  .header-main__center .search-widget button[type="submit"] {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent;
    border: 0;
    box-shadow: none;
    padding: 0;
    min-width: auto;
    width: auto;
    height: auto;
    z-index: 2;
  }

  .header-main__center #search_widget button[type="submit"] i,
  .header-main__center .search-widget button[type="submit"] i,
  .header-main__center #search_widget button[type="submit"] .material-icons,
  .header-main__center .search-widget button[type="submit"] .material-icons {
    font-size: 30px;
    color: #222;
  }

  /* убираем лишние отступы/ширины от bootstrap */
  .header-top > .container,
  .header-main > .container {
    padding-left: 12px;
    padding-right: 12px;
  }
}
span.cart-products-count {
    position: absolute;
    top: -10px;
    right: -10px;
    min-width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #e53935;
    color: #fff;
    font-size: 11px;
    line-height: 20px;
    text-align: center;
    font-weight: 500;
    padding: 0 2px;
}
.blockcart .header a {
    position: relative;
    display: inline-flex;
    align-items: center;
}
.page-my-account #content .links {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
	padding: 0px 30px;
}
.page-my-account #main .page-header {
	padding: 0px 15px;
}
.page-my-account #content .links a {
    flex: 0 0 calc(33.333% - 20px);
}
.links a {
    border: 1px solid #666666;
	border-radius:5px;
}
.page-my-account #content .links a span.link-item {
    display: block;
    height: 100%;
    padding: 1rem;
    background: #fff;
    color: #222;
    text-transform: math-auto;
}
.links span {
    font-weight: 400;
}
.page-my-account #content .links a:hover i {
	color: #fed700;
}
#blockcart-modal .product-name, 
#blockcart-modal .product-price, 
#blockcart-modal .modal-body .divide-right span {
color: #222;
	font-weight: 400;
}
#blockcart-modal .cart-content p .value, 
#blockcart-modal .cart-content p .label, 
#blockcart-modal .cart-content p.cart-products-count,
#blockcart-modal .modal-title  {
    font-weight: 400;
    color: #222;
}
div#content.page-content.card.card-block {
    padding: 15px 0px;
}
.contact-page-title {
  margin-bottom: 40px;
  font-weight: 500;
  text-transform: uppercase;
}

.contact-top-grid {
  display: grid;
  margin-bottom: 60px;
  grid-auto-flow: column;
  justify-content: space-between;
}

.contact-info-block h2,
.contact-links-block h2,
.contact-form-block h2 {
  margin-bottom: 18px;
}

.contact-info-text,
.contact-links-list li {
  margin-bottom: 15px;
  font-size: 14px;
}

.contact-owner-block {
  margin-top: 28px;
  font-size: 18px;
  line-height: 1.7;
}

.contact-links-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.contact-form {
   padding: 0px; 
}
.contact-form h3 {
    text-transform: Capitalize;
    font-size: 24px;
    font-weight: 500;
	color: #222;
}
.contact-links-list a,
.contact-info-block a {
  color: inherit;
  text-decoration: none;
}

.contact-map-block iframe {
  width: 100%;
  max-width: 100%;
  display: block;
}

@media (max-width: 1199px) {
  .contact-top-grid {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.page-contact div#content-wrapper {
    width: 100%;
}
.form-control:focus {
    color: #222;
    outline: .1875rem solid #fed700;
	border-color: #fed700;
}
.page-cart.tax-display-enabled div#content-wrapper {
    margin-top: 30px;
}
.product-line-grid-body>.product-line-info>.label {
	font-weight: 500;
}
strong {
	font-weight: 500;
}
/* SVG ICONS CSS */
.clear_selected_car {
  width: 20px;
  height: 20px;
  display: inline-block;
  background-image: url('/themes/child_classic/assets/img/settings_icon.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  border: none;
  padding: 0;
  margin-right: 14px;
  cursor: pointer;
  background-color: transparent;
}
.delivery_info_text p::before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  background-image: url('/themes/child_classic/assets/img/delivery_icon.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.delivery_info_text p {
  display: flex;
  align-items: center;
  gap: 8px;
}
.product-delivery-note {
  display: flex;
  align-items: center;
  gap: 8px;
}

.product-delivery-note::before {
  content: "";
  display: inline-block;
  width: 25px;
  height: 25px;
  min-width: 18px;

  background-image: url('/themes/child_classic/assets/img/delivery_icon.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.product-information::after {
  content: "";
  display: inline-block;
  width: 400px;
  height: 100px;
  max-width: 400px;
  background-image: url('../img/banks-product-page.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

/* SVG ICONS CSS END */
/* ==============================================
   MOBILE OPTIMIZATION (max-width: 767px)
   ============================================== */
@media (max-width: 767px) {

  /* --- General --- */
  body {
    overflow-x: hidden;
  }

  #left-column.col-xs-12.col-md-4.col-lg-3 {
    padding: 0 15px !important;
	display: none;
}

  #products {
    padding: 0;
  }

  nav.breadcrumb {
    margin: 0 0 15px 0 !important;
    padding: 12px 0 !important;
  }

  /* --- Category page: horizontal product card → vertical stack --- */
  body.page-category #products .js-product .product-miniature .thumbnail-container {
    flex-direction: column;
  }

  body.page-category #products .js-product .product-miniature .thumbnail-top {
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%;
    height: auto;
  }

  body.page-category #products .js-product .product-miniature .product-add-to-cart {
    flex: 0 0 auto;
    max-width: 100%;
    width: 100%;
  }

  body.page-category form {
    flex-direction: row;
    flex-wrap: wrap;
  }

  .product-list-imageunder {
    flex-direction: row;
    justify-content: space-between;
  }

  a.thumbnail.product-thumbnail {
    width: 100%;
    height: 180px !important;
  }

  .product-miniature .thumbnail-container .product-thumbnail img {
    height: 180px;
  }

  article.product-miniature.js-product-miniature {
    padding: 14px 14px;
  }

  /* --- Product detail page --- */
  .add {
    max-width: 100%;
    width: 100%;
  }

  .images-container.js-images-container {
    flex-direction: column;
  }

  #main .images-container .js-qv-mask.scroll {
    width: 60px;
  }

  ul.product-images.js-qv-product-images {
    width: 60px;
    flex-direction: row;
  }

  #product #content {
    max-width: 100%;
    padding-left: 0;
  }

  .col-md-6.right-column h1 {
    font-size: 20px;
  }

  .product-static-actions {
    flex-wrap: wrap;
    gap: 14px;
  }

  /* Technical details table: 50% → 100% */
  .ps-tech {
    width: 100%;
  }

  .ps-table {
    width: 100%;
  }

  table.table.ps-table.ps-tech-table {
    width: 100%;
  }

  /* Tabs */
  body#product ul.nav-tabs li.nav-item {
    font-size: 13px;
  }
  .ps-tabs {	
	padding: 30px 15px;
  }
  .page-product .container .lhp .container {
	padding: 0px;
  }
  .page-contact .container .contact-page-custom .container {
	padding: 0px;
  }
  .row.carrier-extra-content.extends_8, .row.carrier-extra-content.extends_16 {
	padding: 0px 30px;
  }
  .tabs .nav-tabs {
    flex-wrap: wrap;
  }

  /* Product share */
  .product-share-static {
    flex-wrap: wrap;
  }

  /* --- Sub-category grid: 4 col → 2 col on mobile --- */
  .ps-subcats__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 0;
  }

  .logicshop-content .ps-subcats__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .ps-subcats__card {
    padding: 14px 10px;
  }

  .ps-subcats__img {
    width: 100%;
    height: 70px;
  }

  /* --- Blog post images: fixed 500px → fluid --- */
  .post-wrapper .ets_item_img img {
    width: 100%;
    height: 180px;
  }

  .col-xs-12 .owl-carousel .owl-item img {
    height: 150px;
  }

  /* --- My account links: 3 per row → 2 per row --- */
  .page-my-account #content .links a {
    flex: 0 0 calc(50% - 15px);
  }

  /* --- Contact page --- */
  .contact-top-grid {
    grid-template-columns: 1fr;
    gap: 24px;
    margin-bottom: 30px;
  }

  .contact-info-text,
  .contact-links-list li {
    font-size: 16px;
  }

  /* --- Registration page extra --- */
  .custom-register-page {
    padding: 20px 0 30px;
  }

  #customer-form .col-md-6,
  #customer-form .col-md-7,
  #customer-form .col-md-12 {
    width: 100%;
    max-width: 100%;
  }

  #customer-form .form-control-label {
    width: 100%;
  }

  .custom-register-submit {
    width: 100%;
  }

  /* --- Checkout --- */
  #onepagecheckoutdw .col-md-6 {
    width: 100%;
    max-width: 100%;
  }

  /* --- Footer extra --- */
  .footer-newsletter {
    flex-direction: column;
  }

  .footer-btn {
    width: 100%;
  }

  /* --- Search filters on mobile --- */
  div#search_filters_wrapper {
    padding: 0 10px;
    margin-bottom: 15px;
  }

  /* --- Auth page --- */
  .page-authentication #content {
    max-width: 100%;
  }

  /* --- Page cart --- */
  .page-cart.tax-display-enabled div#content-wrapper {
    margin-top: 10px;
  }

  /* --- Quantity form --- */
  body.page-category form.add-to-cart-or-refresh,
  form.add-to-cart-or-refresh {
    flex-wrap: wrap;
  }
}

/* ==============================================
   EXTRA SMALL SCREENS (max-width: 479px)
   ============================================== */
@media (max-width: 479px) {

  /* Sub-category grid: 2 columns on very small phones */
  .ps-subcats__grid,
  .logicshop-content .ps-subcats__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  .ps-subcats__img {
    height: 60px;
  }

  .ps-subcats__name {
    font-size: 12px;
  }

  /* My account links: 1 per row on very small screens */
  .page-my-account #content .links a {
    flex: 0 0 100%;
  }

  /* Product card image smaller */
  a.thumbnail.product-thumbnail {
    height: 150px !important;
  }

  .product-miniature .thumbnail-container .product-thumbnail img {
    height: 150px;
  }

  /* Header search input */
  .header-top #search_widget input,
  .header-main__center input[type="text"],
  .header-main__center input[type="search"] {
    height: 50px;
    font-size: 14px;
  }

  /* Smaller breadcrumb padding */
  nav.breadcrumb {
    padding: 8px 0 !important;
    margin: 0 0 10px 0 !important;
  }

  /* Blog images smaller */
  .post-wrapper .ets_item_img img {
    height: 150px;
  }
}
/* =============================================
   MOBILE NAVIGATION OVERLAY
   ============================================= */

/* Hide desktop bottom menu on mobile */
@media (max-width: 991px) {
  .header-bottom { display: none; }
}

/* Overlay container */
.mobile-nav {
  position: fixed;
  inset: 0;
  z-index: 9999;
  background: #fff;
  display: block;
  flex-direction: column;
  transform: translateY(-100%);
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  overflow-y: auto;
  overflow-x: hidden;
}

.mobile-nav.is-open {
  transform: translateY(0);
}

/* Header bar with X button */
.mobile-nav__top {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 12px 16px;
  background: #FED700;
  flex-shrink: 0;
  min-height: 52px;
}

.mobile-nav__close {
  background: none;
  border: none;
  cursor: pointer;
  padding: 6px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  transition: background 0.2s;
}

.mobile-nav__close:hover {
  background: rgba(0, 0, 0, 0.1);
}

.mobile-nav__close .material-icons {
  font-size: 26px;
  color: #222;
}

/* Scrollable body */
.mobile-nav__body {
  flex: 1;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: auto;
}

/* ---- Category accordion items ---- */
.mn-item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.mn-item__row {
  display: flex;
  align-items: stretch;
}

.mn-item__link {
  flex: 1;
  padding: 15px 18px;
  font-size: 15px;
  font-weight: 500;
  color: #222;
  text-decoration: none;
  display: flex;
  align-items: center;
  background-color: white;
  border: unset;
}

.mn-item__link:hover {
  color: #222;
}

/* "+" / "−" toggle button */
.mn-item__toggle {
  flex-shrink: 0;
  width: 52px;
  background: none;
  border: none;
  border-left: 1px solid rgba(0, 0, 0, 0.07);
  cursor: pointer;
  font-size: 22px;
  font-weight: 300;
  color: #444;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: background 0.15s, color 0.15s;
  line-height: 1;
}

.mn-item__toggle:hover {
  background: #fafafa;
}

.mn-item__toggle[aria-expanded="true"] {
  color: #222;
  background: #fffbea;
}

/* Subcategory list */
.mn-sub {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.25s ease;
  background: #f7f7f7;
}

.mn-sublink {
  display: block;
  padding: 12px 18px 12px 30px;
  font-size: 14px;
  color: #444;
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.mn-sublink:last-child {
  border-bottom: none;
}

.mn-sublink:hover {
  color: #222;
  background: #efefef;
}

/* ---- Footer: WhatsApp + auth ---- */
.mobile-nav__footer {
  border-top: 1px solid rgba(0, 0, 0, 0.09);
  padding: 18px 16px 24px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}

.mobile-nav__phone {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 15px;
  font-weight: 500;
  color: #222;
  text-decoration: none;
}

.mobile-nav__wa-icon {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
}

.mobile-nav__hours {
  font-size: 13px;
  color: #666;
  padding-left: 30px;
}

.mobile-nav__auth {
  display: flex;
  gap: 10px;
  margin-top: 10px;
}

.mobile-nav__auth-btn {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  height: 44px;
  padding: 0 12px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  background: #FED700;
  color: #222;
  text-align: center;
}

.mobile-nav__auth-btn--reg {
  background: #f0f0f0;
  color: #222;
}

/* ---- Backdrop ---- */
.mobile-nav-backdrop {
  position: fixed;
  inset: 0;
  z-index: 9998;
  background: rgba(0, 0, 0, 0.45);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.3s ease;
}

.mobile-nav-backdrop.is-open {
  opacity: 1;
  pointer-events: auto;
}
/* =============================================
   MOBILE CATEGORY TREE - match desktop sidebar
   ============================================= */
#mobile-nav-cats {
  padding: 25px 15px;
  border: 1px solid #e5e5e5;
  border-radius: 5px;
  margin: 16px;
  background: #fff;
  list-style: none;
}

#mobile-nav-cats,
#mobile-nav-cats ul,
#mobile-nav-cats li {
  list-style: none;
  margin: 0;
}


#mobile-nav-cats > li:first-of-type::before {
  content: "";
  position: absolute;
  top: -31px;
  left: 0;
  width: 80px;
  height: 3px;
  background: #fed700;
}

#mobile-nav-cats > li:first-of-type {
  position: relative;
}

/* line */
#mobile-nav-cats .cat-line {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  width: 100%;
}

/* links */
#mobile-nav-cats .cat-link,
#mobile-nav-cats .cat-link-parent,
#mobile-nav-cats .cat-link-sub {
  display: block;
  flex: 1 1 auto;
  padding: 0;
  margin: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
  text-align: left;
  text-decoration: none;
  color: #222222;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.7;
  font-family: "Poppins";
  cursor: pointer;
  appearance: none;
  -webkit-appearance: none;
}

/* remove browser button look */
#mobile-nav-cats button.cat-link,
#mobile-nav-cats button.cat-link-parent {
  border: 0 !important;
  background: transparent !important;
  outline: none;
  border-radius: 0;
}

/* first level spacing */
#mobile-nav-cats > .cat-item {
  margin-bottom: 10px;
}

/* nested UL same as desktop look */
#mobile-nav-cats .category-sub-menu {
  margin-top: 10px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

/* levels */
#mobile-nav-cats .category-sub-menu.category-sub-menu-level-1 {
  padding-left: 14px;
  gap: 5px;
}

#mobile-nav-cats .category-sub-menu.category-sub-menu-level-2 {
  margin-top: 10px;
  padding-left: 14px;
  gap: 5px;
}

#mobile-nav-cats .category-sub-menu.category-sub-menu-level-3 {
  padding-left: 65px;
  gap: 5px;
}

/* link indents similar to desktop */
#mobile-nav-cats .cat-item.is-level-1 > .cat-line > .cat-link,
#mobile-nav-cats .cat-item.is-level-1 > .cat-line > .cat-link-parent,
#mobile-nav-cats .cat-item.is-level-1 > .cat-link,
#mobile-nav-cats .cat-item.is-level-1 > .cat-link-parent {
  padding-left: 16px;
  font-size: 14px;
}

#mobile-nav-cats .cat-item.is-level-2 > .cat-line > .cat-link,
#mobile-nav-cats .cat-item.is-level-2 > .cat-line > .cat-link-parent,
#mobile-nav-cats .cat-item.is-level-2 > .cat-link,
#mobile-nav-cats .cat-item.is-level-2 > .cat-link-parent {
  padding-left: 32px;
  font-size: 14px;
}

/* hide weird pseudo dashes on deeper levels */
#mobile-nav-cats .cat-item.is-level-2 > .cat-link::before,
#mobile-nav-cats .cat-item.is-level-2 > .cat-line > .cat-link::before {
  content: none !important;
}

/* toggler */
#mobile-nav-cats .navbar-toggler.collapse-icons {
  flex: 0 0 24px;
  width: 24px;
  height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  padding: 0;
  line-height: 1;
  position: static;
  transform: none;
  border: 0;
  background: transparent;
  box-shadow: none;
  color: #666666;
}

#mobile-nav-cats .navbar-toggler.collapse-icons .add,
#mobile-nav-cats .navbar-toggler.collapse-icons .remove {
  width: auto;
  max-width: none;
  font-size: 28px;
  line-height: 1;
  font-weight: 300;
}

#mobile-nav-cats .navbar-toggler.collapse-icons .remove {
  display: none;
}

#mobile-nav-cats .navbar-toggler.collapse-icons[aria-expanded="true"] .add {
  display: none !important;
}

#mobile-nav-cats .navbar-toggler.collapse-icons[aria-expanded="true"] .remove {
  display: inline !important;
}

/* active/open look */
#mobile-nav-cats .cat-link.is-active,
#mobile-nav-cats .cat-link-parent.is-active {
  border-bottom: 1px solid #fed700;
}

/* improve footer spacing from tree */
.mobile-nav__body {
  flex: 1;
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
  overscroll-behavior: auto;
}
#mobile-nav-cats > li:nth-last-child(4)::before {
  content: "";
  display: block;
  border-top: 1px solid #e5e5e5;
  margin-bottom: 16px;
  margin-top: 6px;
}
.row.carrier-extra-content.extends_8, .row.carrier-extra-content.extends_16 {
    padding: 0px 15px;
	font-size: 14px;
	color: #222;
}
.row.carrier-extra-content.extends_16 strong {
    font-weight: 400;
}
span#close-text {
    font-size: 14px;
	color: #666;
	margin-right: 6px;
}
.brands-sort .select-list:hover, .products-sort-order .select-list:hover, .suppliers-sort .select-list:hover {
    color: #222;
    text-decoration: none;
    background: #FEE700;
}
.header-bottom-menu-right {
  position: relative;
  display: flex;
  align-items: center;
}

.delivery-info-toggle {
  width: 16px;
  height: 16px;
  border: 0;
  background-color: transparent;
  cursor: pointer;
  margin-left: 6px;

  background-image: url('../img/info.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.delivery-info-toggle img {
  display: block;
  width: 14px;
  height: 14px;
}

.delivery-info-tooltip {
  display: none;
  position: absolute;
  top: calc(100% + 8px);
  right: -17px;
  width: 360px;
  padding: 0px 14px 12px;
  background: #fff;
  border: 1px solid #bfc7cf;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.12);
  font-size: 13px;
  line-height: 1.4;
  color: #333;
  z-index: 9999;
  white-space: pre-line;
  text-align:left;
}

.delivery-info-tooltip::before {
  content: '';
  position: absolute;
  top: -7px;
  right: 18px;
  width: 12px;
  height: 12px;
  background: #fff;
  border-top: 1px solid #bfc7cf;
  border-left: 1px solid #bfc7cf;
  transform: rotate(45deg);
}
.delivery_info_text.tooltip-open .delivery-info-tooltip {	
  top: calc(100% + -8px);
  right: 60px;
}
.product-delivery-note .delivery-info-tooltip {
  right: auto;
  top: calc(100% + -18px);
  left: 9px;
}

.header-bottom-menu-right.tooltip-open .delivery-info-tooltip {
  display: block;
}
.delivery_info_text.tooltip-open .delivery-info-tooltip {
  display: block;
}
.product-delivery-note.tooltip-open .delivery-info-tooltip {
  display: block;
}
.product-delivery-note .delivery-info-tooltip::before {
    right: 118px;
}
/* =========================================
   PRODUCT SHOP CARD - MOBILE FIX
========================================= */
@media (max-width: 767px) {

  .product-miniature--shop .ps-shop-card {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 14px;
    max-width: 100%;
  }

  .product-miniature--shop .ps-shop-card__left,
  .product-miniature--shop .ps-shop-card__middle,
  .product-miniature--shop .ps-shop-card__right {
    width: 100%;
    max-width: 100%;
    flex: 0 0 auto;
  }

  .product-miniature--shop .ps-shop-card__right {
    position: static;
    text-align: left;
  }

  .product-miniature--shop .ps-shop-card__image-wrap {
    width: 140px;
    height: 140px;
    margin: 0 auto;
  }

  .product-miniature--shop .ps-shop-card__image-wrap .product-thumbnail {
    width: 140px;
    height: 140px !important;
  }

  .product-miniature--shop .ps-shop-card__left-bottom {
    flex-wrap: wrap;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
  }

  .product-miniature--shop .ps-shop-card__left-bottom .product-brand-logo {
    margin-left: 0;
  }

  .product-miniature--shop .ps-shop-card__left-bottom .product-brand-logo img {
    max-width: 90px;
    max-height: 36px;
  }

  .product-miniature--shop .ps-shop-card__middle .product-title {
    height: auto;
    min-height: 0;
    font-size: 16px;
    line-height: 1.3;
  }

  .product-miniature--shop .ps-shop-card__middle .product-title a {
    font-size: 16px;
    line-height: 1.3;
    -webkit-line-clamp: 3;
    line-clamp: 3;
  }

  .ps-specs {
    margin: 0 0 12px 0;
  }

  .ps-spec {
    margin: 4px 0;
    font-size: 13px;
    line-height: 1.35;
  }

  .product-miniature--shop .ps-shop-card__middle .ps-specs__more {
    position: static;
    bottom: auto;
    margin-top: 8px;
  }

  .product-miniature--shop .ps-shop-card__right .product-price-and-shipping {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-bottom: 8px;
  }

  .product-miniature--shop .ps-shop-card__right .price {
    font-size: 28px;
    line-height: 1.2;
  }

  .product-miniature--shop .ps-shop-card__right .regular-price {
    margin-top: 0;
  }

  .tax_text {
    margin-bottom: 10px;
  }

  .tax_text p {
    font-size: 13px;
    line-height: 1.4;
    margin-bottom: 0;
  }

  .product-qty-available {
    margin: 0 0 12px;
    font-size: 14px;
  }

  .ps-shop-card__buy {
    width: 100%;
  }

  .ps-shop-card__buy form.add-to-cart-or-refresh {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
  }

  .qty-box {
    width: 92px;
    max-width: 92px;
  }

  .product-miniature--shop .ps-shop-card__btn {
    width: 100%;
    min-height: 48px;
    line-height: normal;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .delivery_info_text {
    margin-top: 10px;
  }

  .delivery_info_text p {
    font-size: 14px;
    line-height: 1.4;
    margin: 0;
    flex-wrap: wrap;
  }
  .delivery-info-tooltip::before {
    right: 60px;
  }
  #js-product-list-top.products-selection {
    display: flex;
    align-items: normal; 
    flex-direction: column;
  }
  .products-selection .showing {
    font-size: 14px;
  }
  .ps-veh-item {
	font-size: 14px;
  }
  .product-single-imageunder {
	margin-bottom:20px;
  }
  #main .images-container .js-qv-mask {
	display:none;
  }
  #blockcart-modal .modal-title {
    font-size: 14px;
  }
  #blockcart-modal .modal-title i.material-icons {
    margin-right: 15px;
  }
  #blockcart-modal .cart-content .cart-content-btn {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	margin-top: 10px;
  }
  #blockcart-modal .cart-content .cart-content-btn .btn {
    white-space: unset;
    font-size: 12px;
    padding: 8px 8px;
	margin-right: 0px;
  }
  .login-form {
    padding: 15px;
  }
  .delivery-info-tooltip.is-open {
    right: auto;
  }
}
body#checkout #header .header-nav {	
    max-height: 50px;
    border-bottom: rgba(34, 34, 34, 0.09) 1px solid;
	padding: 0px;
}
#form_onepagecheckoutdw .row.delivery-option .carrier-name {
       max-width: 150px;
}
form#form_onepagecheckoutdw .product-image img {
    max-width: 100%;
    max-height: 60px;
}
button.btn.btn-secondary.btn-product-modal {
    padding: 0px 23px;
    background-color: #E5E5E5;
    align-items: center;
}
button.btn.btn-secondary.btn-product-modal:hover {
	background-color: #fed700;
}

#mobile-nav-cats .cat-toggle .remove {
  display: none;
}

#mobile-nav-cats .cat-toggle[aria-expanded="true"] .add {
  display: none;
}

#mobile-nav-cats .cat-toggle[aria-expanded="true"] .remove {
  display: inline-block;
}

#mobile-nav-cats .collapse {
  display: none;
}

#mobile-nav-cats .collapse.show {
  display: block;
}
.product-cover .layer:hover {
    opacity: 0.5;
    background: #F3F3F3;
}
.product-cover .layer .zoom-in {
    font-size: 3.125rem;
    color: black;
}
.images-container .product-images>li.thumb-container .thumb {
    margin-right: .8125rem;
    object-fit: contain;
}
figcaption.image-caption {
    display: none;
}

header.page-header h1 {
	font-weight: 500;
	padding-left: 15px;
}
form#guestOrderTrackingForm header {
    padding-bottom: 30px;
}
.delivery-info-tooltip.is-open {	
	display: block;
}
#checkout #search_widget {
	display: block;
}
#blockcart-modal .cart-content .cart-content-btn .btn {
    align-content: center;
	margin-top: 10px;
}
.blockcart.cart-preview.inactive .header {
    position: relative;
    display: inline-flex;
    align-items: center;
}
#subcategories ul li .subcategory-name:hover, .block-categories .arrows .arrow-down:hover, .block-categories .arrows .arrow-right:hover, .block-categories .collapse-icons .add:hover, .block-categories .collapse-icons .remove:hover, .cart-grid-body a.label:hover {
    color: #FEE766;
}
span.post-author-name {
    color: #222;
}
/* =========================================
   No products search warning. CSS 
========================================= */

.no-products-help-block {
  margin: 20px 0 40px;
}

.no-products-help-inner {
  border: 1px solid #e5e5e5;
  background: #fff;
  padding: 32px;
  border-radius: 5px;
}

.no-products-help-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  margin-bottom: 32px;
}

.no-products-help-content {
  flex: 1 1 55%;
  max-width: 620px;
}

.no-products-help-title {
  margin: 0 0 20px;
  font-size: 26px;
  font-weight: 500;
  color: #222;
}

.no-products-help-text p {
  margin: 0 0 14px;
  font-size: 14px;
  line-height: 1.45;
  color: #666;
}

.no-products-help-btn:hover {
  opacity: 0.9;
}

.no-products-help-image {
  flex: 0 0 38%;
  min-height: 320px;
  background-image: url('../img/carparts_search.png');
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}
.no-products-help-image img {
  max-width: 100%;
  height: auto;
  display: inline-block;
}

.no-products-help-bottom {
  border: 1px solid #ececec;
  padding: 24px 28px;
  background: #fff;
  border-radius: 5px;
}

.no-products-help-subtitle {
  margin: 0 0 20px;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 500;
  color: #222;
}

.no-products-help-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.no-products-help-list li {
  position: relative;
  padding-left: 34px;
  margin-bottom: 14px;
  font-size: 14px;
  line-height: 1.4;
  color: #666;
}

.no-products-help-list li:last-child {
  margin-bottom: 0;
}

.no-products-help-list li:before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #78be20;
  font-weight: 700;
}

@media (max-width: 991px) {
  .no-products-help-inner {
    padding: 24px;
  }

  .no-products-help-top {
    flex-direction: column;
    align-items: flex-start;
  }

  .no-products-help-content,
  .no-products-help-image {
    max-width: 100%;
    flex: 1 1 100%;
  }

  .no-products-help-image {
    text-align: left;
  }

  .no-products-help-title {
    font-size: 32px;
  }

  .no-products-help-subtitle {
    font-size: 26px;
  }

  .no-products-help-text p,
  .no-products-help-list li {
    font-size: 18px;
  }
}

@media (max-width: 575px) {
  .no-products-help-inner {
    padding: 18px;
  }

  .no-products-help-title {
    font-size: 28px;
  }

  .no-products-help-subtitle {
    font-size: 22px;
  }

  .no-products-help-text p,
  .no-products-help-list li {
    font-size: 16px;
  }

  .no-products-help-bottom {
    padding: 18px;
  }
}
/* =========================================
   Contact page 3 blocks. CSS
========================================= */
.contact-help-cards {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.contact-help-card {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: #fff;
  border: 1px solid #e9e9e9;
  border-radius: 5px;
  padding: 20px 20px;
  max-width: 340px;
  width: 340px;
}

.contact-help-card__icon {
  flex: 0 0 28px;
  color: #2d2d2d;
  line-height: 1;
}

.contact-help-card__content {
  flex: 1 1 auto;
}

.contact-help-card__title {
  font-size: 14px;
  font-weight: 500;
  color: #222;
  margin-bottom: 5px;
}

.contact-help-card__link {
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  color: #3aa7e0;
}

.contact-help-card__link:hover {
  text-decoration: underline;
}

@media (max-width: 991px) {
  .contact-help-card {
    padding: 18px 16px;
  }

  .contact-help-card__title {
    font-size: 20px;
  }

  .contact-help-card__link {
    font-size: 16px;
  }
}