/* China filter pilot. Opt-in wrapper only; no JS or field-name changes. */
.statistic_filter.filter_auto.atp-filter-refresh {
  --filter-border: #d3dbe6;
  --filter-text: #142133;
  --filter-muted: #67768a;
  padding: 28px;
  margin-bottom: 34px;
  border: 1px solid #edf0f5;
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 8px 30px rgba(24, 39, 61, .035);
  color: var(--filter-text);
}
.statistic_filter.filter_auto.atp-filter-refresh form.form_filter { display: block; }
.statistic_filter.filter_auto.atp-filter-refresh form .filter_r.r_1 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  width: 100%;
  margin: 0 0 20px;
}
.statistic_filter.filter_auto.atp-filter-refresh form .filter_r.r_1:has(> .input_box):not(:has(> .input_box:not([style*="display: none"]))) { margin: 0; }
.statistic_filter.filter_auto.atp-filter-refresh form .filter_r .input_box {
  position: relative;
  min-width: 0;
  padding: 25px 0 0;
  margin: 0;
}
.statistic_filter.filter_auto.atp-filter-refresh form .filter_r .filtr_name {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  margin: 0;
  font: 500 13px/18px 'Onest', sans-serif;
  color: var(--filter-text);
  pointer-events: none;
}
.statistic_filter.filter_auto.atp-filter-refresh form .filter_r .input_box input:not([type="hidden"]),
.statistic_filter.filter_auto.atp-filter-refresh form .filter_r .input_box select {
  width: 100%;
  min-width: 0;
  height: 48px;
  padding: 12px 34px 12px 13px;
  border: 1px solid var(--filter-border);
  border-radius: 8px;
  background-color: #fff;
  font: 400 14px/22px 'Onest', sans-serif;
  color: var(--filter-text);
  box-sizing: border-box;
  transition: border-color .15s, box-shadow .15s;
}
.statistic_filter.filter_auto.atp-filter-refresh form .filter_r .input_box input::placeholder {
  font: 400 14px/22px 'Onest', sans-serif;
  color: var(--filter-muted);
  opacity: 1;
}
.statistic_filter.filter_auto.atp-filter-refresh form .filter_r .input_box input:hover { border-color: #9daec2; }
.statistic_filter.filter_auto.atp-filter-refresh form .filter_r .input_box input:focus {
  outline: none;
  border-color: #3884e6;
  box-shadow: 0 0 0 3px rgba(56, 132, 230, .13);
}
.statistic_filter.filter_auto.atp-filter-refresh form .filter_r .group_input_box {
  display: flex;
  gap: 8px;
}
.statistic_filter.filter_auto.atp-filter-refresh form .filter_r .group_input_box > .autocomplete_box,
.statistic_filter.filter_auto.atp-filter-refresh form .filter_r .group_input_box > input:not([type="hidden"]) {
  flex: 1 1 0;
  width: calc(50% - 4px);
  min-width: 0;
  margin: 0;
}
.statistic_filter.filter_auto.atp-filter-refresh form .filter_r .group_input_box > .autocomplete_box input,
.statistic_filter.filter_auto.atp-filter-refresh form .filter_r .group_input_box > input {
  border-radius: 8px;
}
.statistic_filter.filter_auto.atp-filter-refresh form .input_box.group_input_box :is(#PRICE_FROM, #PRICE_TO, #YEAR_FROM, #YEAR_TO, #MILEAGE_FROM, #MILEAGE_TO, #ENG_V_FROM, #ENG_V_TO, #PW_FROM, #PW_TO) {
  border-radius: 8px;
}
.statistic_filter.filter_auto.atp-filter-refresh form .filter_r .group_input_box input:not([type="hidden"]) { padding-right: 26px; }
.statistic_filter.filter_auto.atp-filter-refresh form .input_box .autocomplete_box { min-width: 0; }
.statistic_filter.filter_auto.atp-filter-refresh form .input_box .autocomplete_box.focused { z-index: 15; }
.statistic_filter.filter_auto.atp-filter-refresh form .input_box .autocomplete_box .autocomplete_input {
  background-size: 20px;
  background-position: right 11px center;
}
.statistic_filter.filter_auto.atp-filter-refresh form .input_box .autocomplete_box .clear_fields_btn {
  width: 24px;
  height: 24px;
  right: 4px;
  top: 12px;
  background-size: 18px;
  background-position: center;
  border-radius: 6px;
  cursor: pointer;
}
.statistic_filter.filter_auto.atp-filter-refresh form .input_box .autocomplete_box .clear_fields_btn:hover { background-color: #f1f4f8; }
.statistic_filter.filter_auto.atp-filter-refresh form .input_box .autocomplete_box .autocomplete_droplist {
  top: calc(100% + 6px);
  left: 0;
  width: 100%;
  max-height: 234px;
  padding: 6px;
  border: 1px solid var(--filter-border);
  border-radius: 10px;
  box-shadow: 0 12px 32px rgba(18, 35, 59, .14);
  background: #fff;
  box-sizing: border-box;
  z-index: 20;
  scrollbar-width: thin;
  scrollbar-color: #b5bfcc transparent;
}
.statistic_filter.filter_auto.atp-filter-refresh form .input_box .autocomplete_box .autocomplete_droplist .drop_el {
  padding: 9px 10px;
  min-height: 40px;
  border-radius: 6px;
  font: 400 14px/22px 'Onest', sans-serif;
  color: var(--filter-text);
  box-sizing: border-box;
}
.statistic_filter.filter_auto.atp-filter-refresh form .input_box .autocomplete_box .autocomplete_droplist .drop_el:hover {
  background: #fff0f1;
  color: #d90020;
}
.statistic_filter.filter_auto.atp-filter-refresh form .submit_box.r_1 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  width: 100%;
  margin: 0;
  padding: 20px 0 0;
  border-top: 1px solid #eef1f5;
}
.statistic_filter.filter_auto.atp-filter-refresh form .submit_box .toggle_form {
  padding: 10px 0;
  color: #344257;
  font: 500 14px/24px 'Onest', sans-serif;
}
.statistic_filter.filter_auto.atp-filter-refresh form .submit_box .buts_box { display: flex; gap: 12px; }
.statistic_filter.filter_auto.atp-filter-refresh form .submit_box .primary-btn,
.statistic_filter.filter_auto.atp-filter-refresh form .submit_box .transparent-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  min-height: 48px;
  padding: 12px 20px;
  border-radius: 9px;
  font: 500 14px/22px 'Onest', sans-serif;
  box-sizing: border-box;
  text-decoration: none;
}
.statistic_filter.filter_auto.atp-filter-refresh form .input_box.submit_box .buts_box button.primary-btn[type="submit"] {
  min-width: 172px;
  background: #ee0021;
  border: 1px solid #ee0021;
  color: #fff;
}
.statistic_filter.filter_auto.atp-filter-refresh form .input_box.submit_box .buts_box button.primary-btn[type="submit"]:hover { background: #ce001c; border-color: #ce001c; }
.statistic_filter.filter_auto.atp-filter-refresh form .submit_box .transparent-btn {
  background: #f2f5f8;
  border: 1px solid transparent;
  color: #526176;
}
.statistic_filter.filter_auto.atp-filter-refresh form .submit_box .transparent-btn:hover { background: #e8edf3; color: #142133; }
@media(max-width: 1359px) {
  .statistic_filter.filter_auto.atp-filter-refresh form .filter_r.r_1 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media(max-width: 1050px) {
  .statistic_filter.filter_auto.atp-filter-refresh form .filter_r.r_1 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media(max-width: 600px) {
  .statistic_filter.filter_auto.atp-filter-refresh { padding: 20px 16px; border-radius: 16px; }
  .statistic_filter.filter_auto.atp-filter-refresh form .filter_r.r_1 { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .statistic_filter.filter_auto.atp-filter-refresh form .filter_r .input_box input:not([type="hidden"]) { font-size: 16px; }
  .statistic_filter.filter_auto.atp-filter-refresh form .submit_box .buts_box { width: 100%; flex-direction: column-reverse; }
  .statistic_filter.filter_auto.atp-filter-refresh form .submit_box .primary-btn,
  .statistic_filter.filter_auto.atp-filter-refresh form .submit_box .transparent-btn { width: 100%; }
  .statistic_filter.filter_auto.atp-filter-refresh form .input_box .autocomplete_box .autocomplete_droplist .drop_el { min-height: 44px; }
}
.statistic_filter.filter_auto.atp-filter-refresh form .filter_r .input_box :is(#PRICE_FROM, #PRICE_TO):placeholder-shown { padding-right: 8px; }
@media(max-width: 380px) {
  .statistic_filter.filter_auto.atp-filter-refresh form .filter_r .input_box :is(#PRICE_FROM, #PRICE_TO)::placeholder { font-size: 12px; }
}

/* Shared panel shade: opt in only on China catalog pages with this filter. */
body:has(.atp-china-surfaces) .hd_box_bottom.ah-nav,
body:has(.atp-china-surfaces) .statistic_filter.filter_auto.atp-filter-refresh,
body:has(.atp-china-surfaces) .seo-catalog-links__inner,
body:has(.atp-china-surfaces) .atp-products .atp-product__wrapper,
body:has(.atp-china-surfaces) .section-reviews .section-reviews__item,
body:has(.atp-china-surfaces) .faq .faq_item,
body:has(.atp-china-surfaces) .faq .faq_item_title {
  background-color: #f5f6f8;
}
body:has(.atp-china-surfaces) .faq .faq_item {
  border-radius: 10px;
}

/* Filter and brand directory must match at the edges as well as in fill. */
body:has(.atp-china-surfaces) .statistic_filter.filter_auto.atp-filter-refresh,
body:has(.atp-china-surfaces) .seo-catalog-links__inner {
  border: 1px solid #e4e5e8;
  border-radius: 18px;
  box-shadow: none;
}
@media(max-width: 600px) {
  body:has(.atp-china-surfaces) .statistic_filter.filter_auto.atp-filter-refresh,
  body:has(.atp-china-surfaces) .seo-catalog-links__inner {
    border-radius: 16px;
  }
}

/* Continue the same surface treatment below the catalog controls. */
body:has(.atp-china-surfaces) .atp-products .atp-product__wrapper,
body:has(.atp-china-surfaces) .section-reviews .section-reviews__item,
body:has(.atp-china-surfaces) .faq .faq_item {
  border: 1px solid #e4e5e8;
  border-radius: 18px;
  box-shadow: none;
}
body:has(.atp-china-surfaces) .faq .faq_item {
  box-sizing: border-box;
}
body:has(.atp-china-surfaces) .faq .faq_item_title {
  background-color: transparent;
  border-radius: inherit;
}
@media(max-width: 600px) {
  body:has(.atp-china-surfaces) .atp-products .atp-product__wrapper,
  body:has(.atp-china-surfaces) .section-reviews .section-reviews__item,
  body:has(.atp-china-surfaces) .faq .faq_item {
    border-radius: 16px;
  }
}

/* Inset contour preserves the existing social/consultation box geometry.
   Leave focus outlines, images, links and form controls untouched. */
body:has(.atp-china-surfaces) .atp-social .atp-social__item,
body:has(.atp-china-surfaces) .b10 .b10_box_image,
body:has(.atp-china-surfaces) .b10 .b10_box_form {
  background-color: #f5f6f8;
  border-radius: 18px;
  box-shadow: inset 0 0 0 1px #e4e5e8;
}
@media(max-width: 600px) {
  body:has(.atp-china-surfaces) .atp-social .atp-social__item,
  body:has(.atp-china-surfaces) .b10 .b10_box_image,
  body:has(.atp-china-surfaces) .b10 .b10_box_form {
    border-radius: 16px;
  }
}