/* E-Motors v8.6 — presentation only, 2026-09-10.
   Loaded after the existing ProAuctions styles; no functional hooks changed.
   Remove the marked stylesheet link to restore the original appearance. */
@font-face{font-family:Inter;src:url('./Inter-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('./Inter-SemiBold.ttf') format('truetype');font-style:normal;font-weight:600 900;font-display:swap}
@font-face{font-family:Oswald;src:url('./Oswald-Bold.ttf') format('truetype');font-style:normal;font-weight:700;font-display:swap}
/* Legacy components name their fonts directly. These aliases apply the
   approved font files without rewriting component templates or selectors. */
@font-face{font-family:'Clinica Pro';src:url('./Inter-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Bebas Neue';src:url('./Oswald-Bold.ttf') format('truetype');font-style:normal;font-weight:400 700;font-display:swap}

:root{
  --em-graphite:#303431;--em-surface:#3A3E3B;--em-surface-3:#555B57;
  --em-ink:#131619;--em-paper:#FFFFFF;--em-neutral:#F2F3F2;
  --em-yellow:#F2C230;--em-muted:#C8C9C0;--em-line:#555B57;
  --font:Inter,Arial,sans-serif;--primary:#FFFFFF;--secondary:#F2C230;
  --gray:#C8C9C0;--green:#24613D;--bg-box:#303431;--bg-box-gray:#F2F3F2;
  --bg-box-dark:#3A3E3B;--font-dark:#131619;--font-gray:#C8C9C0;
  --border:#555B57;--bg-dark:#303431;--bg-card:#3A3E3B;--primary-dark:#131619;
}
body{background:var(--em-graphite);font-family:var(--font);color:var(--em-paper)}
body.dark{background:var(--em-graphite)}
::selection{background:var(--em-yellow);color:var(--em-ink)}
:where(a,button,input,textarea,select,[tabindex]):focus-visible{outline:2px solid var(--em-yellow);outline-offset:4px}

/* Existing navigation, ordering and breakpoint visibility are retained. */
.top{background:var(--em-neutral);border-bottom:1px solid #D5D8D5}
.top .city__select span,.top .tel span{color:var(--em-ink);font-size:14px}
.top .t-social__link svg,.top .city__icon svg,.top .tel svg{fill:var(--em-ink)}
.navbar{background:var(--em-graphite);border-color:var(--em-line)}
.logo{width:200px;height:64px}
.logo img{content:url('./Emotors_Dark_S.svg');width:100%;height:100%;object-fit:contain}
.mobile-menu .logo img{content:url('./Emotors_Light_S.svg')}
.menu__link,.login-btn span,.dropdown__link,.dropdown-second__link{font-family:var(--font);font-size:15px;line-height:1.45}
.menu__link:hover,.login-btn:hover span{color:var(--em-yellow)}
.header{margin-bottom:48px}
.top-account,.dropdown,.dropdown-second{background:var(--em-graphite);border-color:var(--em-line)}
.top-account{border-radius:2px;box-shadow:0 16px 40px #13161933}
.dropdown__link,.dropdown-second__link{border-color:var(--em-line);padding-top:16px;padding-bottom:16px}
.dropdown__link:hover,.dropdown__link:focus-visible,.dropdown-second__link:hover,.dropdown-second__link:focus-visible{background:var(--em-yellow);border-color:var(--em-yellow);border-radius:2px;color:var(--em-ink)}
.dropdown__link svg{fill:var(--em-yellow)}
.dropdown__link:hover svg,.dropdown__link:focus-visible svg{fill:var(--em-ink)}
.dropdown__item:has(.dropdown-second) .dropdown__link:focus-visible::after{filter:brightness(0)}
.dropdown .back{border-color:var(--em-line)}
.dropdown .back:hover span,.dropdown .back:focus-visible span{color:var(--em-yellow)}
.dropdown .back:hover svg,.dropdown .back:focus-visible svg{stroke:var(--em-yellow)}
.dropdown__wrap,.dropdown-second{scrollbar-color:var(--em-surface-3) var(--em-graphite)}
.dropdown__wrap::-webkit-scrollbar-track,.dropdown-second::-webkit-scrollbar-track{background:var(--em-graphite)!important}
.dropdown__wrap::-webkit-scrollbar-thumb,.dropdown-second::-webkit-scrollbar-thumb,.dropdown__wrap::-webkit-scrollbar-thumb:window-inactive,.dropdown-second::-webkit-scrollbar-thumb:window-inactive{background:var(--em-surface-3)!important}
.dropdown__close svg{fill:var(--em-muted)}
.mobile-menu{background:var(--em-paper);color:var(--em-ink)}
.mobile-menu .mobile-nav__link,.mobile-menu .fav,.mobile-menu .f-contacts__tel{color:var(--em-ink)}
.mobile-menu__close{border-radius:2px;border-color:#D5D8D5}
.mobile-menu__close svg{stroke:var(--em-ink)}

/* One primary-action treatment; secondary controls remain distinguishable. */
.app-btn,.btn{background:var(--em-yellow);border-color:var(--em-yellow);color:var(--em-ink);border-radius:2px;font-family:var(--font);font-size:15px;font-weight:600;line-height:1.3;text-transform:none}
.app-btn{min-height:48px}
.app-btn:hover,.btn:hover{background:var(--em-neutral);border-color:var(--em-neutral);color:var(--em-ink)}
.btn-arr>span,.hero__link span,.form-btn>span{background:var(--em-yellow);border-radius:2px;color:var(--em-ink);font-family:var(--font);font-size:16px;font-weight:600;text-transform:none;line-height:1.3}
.btn-arr .icon,.hero__link .icon,.form-btn .icon{background:var(--em-neutral);border-radius:2px}
.btn-arr:hover>span,.hero__link:hover span,.form-btn:hover>span{background:var(--em-neutral)}
.form-btn .icon svg{fill:var(--em-ink)}
/* Legacy action variants used hard-coded lime instead of the theme token. */
.btn-reset{color:var(--em-yellow)}
.looking__item a,.car-other__price,.car-other__btn:hover{background:var(--em-yellow);color:var(--em-ink)}
.carousel .slick-arrow,.gallery__thumbs .slick-arrow{border-color:var(--em-line)}
.carousel .slick-arrow:hover,.carousel .slick-arrow:focus-visible,.gallery__thumbs .slick-arrow:hover,.gallery__thumbs .slick-arrow:focus-visible,.auctions__nav a.active,.auctions__nav a:hover,.auctions__nav a:focus-visible{background:var(--em-yellow);border-color:var(--em-yellow);color:var(--em-ink)}
.carousel .slick-arrow:focus-visible svg,.gallery__thumbs .slick-arrow:focus-visible svg{stroke:var(--em-ink)}
.gallery__thumbs .slick-slide.slick-current img{outline-color:var(--em-yellow)}
.auction-list__link,.catalog-qnt span,.specs__tel,.tags-item,.tags-item:focus,.rating span{color:var(--em-yellow)}
.show-all-tags:hover{border-bottom-color:var(--em-yellow)}
.card-row__price svg,.card-row__price-info svg,.car-price__item svg{fill:var(--em-yellow)}
.link{font-family:var(--font);text-underline-offset:4px}

/* Same hero content and photograph, with a less overwhelming type scale. */
.hero{margin-bottom:80px}
.hero .container{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "links" "photo";--em-hero-button:144px;--em-hero-notch-x:calc(100% - 280px)}
.hero__title{grid-area:title;font-family:Oswald,sans-serif;font-weight:700;font-size:clamp(54px,5.2vw,80px);line-height:1.12;letter-spacing:-.02em;margin-bottom:32px}
.hero__btns{grid-area:links;gap:16px;margin-bottom:32px}
.hero__link{width:224px}
.hero__link span,.hero__link .icon{height:52px}
.hero__link .icon{width:52px}
.hero__img{grid-area:photo;min-width:0;background:var(--em-graphite);isolation:isolate}
.hero__img img{border-radius:2px;mix-blend-mode:lighten}
/* Share the photograph's grid area: title wrapping cannot move the button
   away from its cutout. The notch is 280px from the right in the 1720x493
   original. Smaller breakpoints mirror its existing object-fit crop. */
.hero__btn{grid-area:photo;position:relative;align-self:start;justify-self:start;top:auto;right:auto;left:var(--em-hero-notch-x);transform:translate(-50%,-50%);background-color:var(--em-yellow);width:var(--em-hero-button);height:var(--em-hero-button);background-size:130px;transition:background-color .3s linear}
.hero__btn:hover{background-color:var(--em-neutral)}

.section-title,.box__title{font-family:Oswald,sans-serif;font-size:clamp(32px,3.4vw,48px);font-weight:700;line-height:1.2;letter-spacing:-.015em;margin-bottom:32px}
.section-title span{color:var(--em-yellow)}
.section-title--inner{font-size:40px}
.section-title--sm{font-size:32px}
.box{margin-bottom:80px}
.section__text{color:var(--em-muted);line-height:1.6}
.specifs__item span:first-child,.section__text figcaption,.breadcrumbs__link,
.auction-list__toggle,.car-other__offer,.article figcaption,.article__author div span,
.comparison__item .comparison__col:first-child span,.contract__load p,
.contract-nav__item,.track-auto__item span,.member__role,.checking__footer p{color:var(--em-muted)}
.specifs__item{border-color:var(--em-line)}

/* Inputs preserve their original sizes and Select2/range-slider behaviour. */
.form-group label{font-family:var(--font);font-size:14px;line-height:1.4;color:var(--em-muted)}
.form-group input,.form-group textarea,.form-group__double,.form-group__section:nth-child(2),.city-search form input{border-color:var(--em-line);border-width:1px;border-radius:2px;background-color:var(--em-surface);color:var(--em-paper);font-family:var(--font);font-size:16px;line-height:1.5}
.form-group input::placeholder,.form-group textarea::placeholder{color:var(--em-muted);opacity:1}
.form-group__double input{background:transparent}
.form-group__double::before,.form-group__double::after{color:var(--em-muted);font-size:14px}
.form-group input:focus,.form-group textarea:focus{border-color:var(--em-yellow)}
.select2-container--default .select2-selection--single,.select2-container--default .select2-selection--multiple{background-color:var(--em-surface);border:1px solid var(--em-line);border-radius:2px}
.select2-container--default .select2-selection--single .select2-selection__rendered,.select2-container--default .select2-selection--multiple .select2-selection__rendered{font-family:var(--font);font-size:16px;line-height:1.5;color:var(--em-paper)}
.select2-container--default .select2-selection--single .select2-selection__placeholder{color:var(--em-muted)}
.select2-container--default.select2-container--disabled .select2-selection--single{background:var(--em-graphite);border-color:var(--em-line);opacity:.6}
.select2-container--default.select2-container--open .select2-selection--single,.select2-container--default.select2-container--open .select2-selection--multiple{border-color:var(--em-yellow);border-radius:2px!important}
.select2-container--default .select2-dropdown,.form-group__dropdown{background:var(--em-surface);border:1px solid var(--em-line);border-radius:2px}
.select2-container--default .select2-results__option{font-size:15px;line-height:1.45;border-radius:2px}
.select2-container--default .select2-results__option--highlighted[aria-selected]{background:var(--em-yellow);color:var(--em-ink)}
.select2-container--default .select2-results__option[aria-selected=true]:not(.select2-results__option--highlighted){background:var(--em-surface-3);color:var(--em-paper)}
.select2-container--default .select2-search--dropdown .select2-search__field{font:16px/1.4 Inter,Arial,sans-serif;background:var(--em-graphite);color:var(--em-paper);border-color:var(--em-line)}
.form-checkbox label{font-family:var(--font);font-size:14px;line-height:1.55;color:var(--em-muted)}
.form-checkbox label::before{border-width:1px;border-radius:2px;border-color:var(--em-muted)}
.form-checkbox input:checked+label::before{background-color:var(--em-yellow);border-color:var(--em-yellow)}

/* Vehicle cards: no new data, no changed links, no image replacement. */
.card__img{border-radius:2px 2px 0 0}
.card__desc{background:var(--em-surface);border:1px solid var(--em-line);border-top:0;border-radius:0 0 2px 2px;padding:24px}
.card__name{font-family:Oswald,sans-serif;font-size:26px;line-height:1.25;font-weight:700;letter-spacing:0;margin-bottom:16px}
.card__name span{font-family:var(--font);font-size:16px}
.card__item span,.card__col span:nth-child(2){font-family:var(--font);font-size:15px;line-height:1.5;color:var(--em-muted)}
.card__col span:first-child{font-family:var(--font);font-size:13px;color:var(--em-muted)}
.card__info{row-gap:12px;margin-bottom:24px}
.card__price{background:transparent;color:var(--em-paper);justify-content:flex-start;font-family:var(--font);font-size:20px;font-weight:600;text-transform:none;line-height:1.3;border-radius:2px}
/* Linked catalog prices used a separate black anchor rule on dark cards. */
.card__price,.card__price a,.card__price p{color:var(--em-yellow)}
.card__price .link_in_button{text-align:left}
.card__price a:hover,.card__price a:focus-visible,.card__price a:hover p,.card__price a:focus-visible p{color:var(--em-neutral)}
.card__btn{background:var(--em-yellow);border-radius:2px;width:52px;height:52px;align-self:center}
.card__btn:hover{background:var(--em-neutral)}
.card-row{background:var(--em-surface);border-color:var(--em-line);border-width:1px;border-radius:2px}
.card-row__car,.card-row__info{border-color:var(--em-line)}
.card-row__name{font-family:Oswald,sans-serif;font-size:25px;line-height:1.25}
.card-row__age span,.card-row__col span,.card-row__price-txt,.card-row__price-info{font-family:var(--font);font-size:15px;line-height:1.5}
.card-row__price-val{font-family:var(--font);font-size:23px;line-height:1.3}
.card-row__price-val:first-child,.card-row__price-info{color:var(--em-yellow)}
.card-sm,.card-type,.card-stock,.card-video__img,.card-row__img{border-radius:2px}
.card-stock__img,.card-stock__desc,.card-sm__img{border-radius:2px}
.card-stock__name{color:var(--em-paper)}
.card-stock__label{color:var(--em-ink);border-radius:2px}
.card-sm__offers,.card-type__desc{color:var(--em-muted)}

/* Editorial/proof blocks retain content and order, with calmer contrast. */
.review-card,.faq__item,.reviews-nav__item{border:1px solid var(--em-line);background:var(--em-surface);border-radius:2px}
.review-card__name{font-family:Oswald,sans-serif;font-size:23px;line-height:1.3}
.review-card__text p{font-family:var(--font);font-size:16px;line-height:1.6;color:var(--em-muted)}
.review-card__toggle{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--em-yellow)}
.review-card time{color:var(--em-muted)}
/* Keep the original star shape; its external SVG hard-coded the old lime. */
.rating-review img[src$="/star.svg"]{content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='19' viewBox='0 0 20 19'%3E%3Cpath d='M10 0l2.245 6.91h7.266l-5.878 4.27 2.245 6.91L10 13.82l-5.878 4.27 2.245-6.91L.49 6.91h7.266L10 0z' fill='%23F2C230'/%3E%3C/svg%3E")}
.attention,.car-card__attention{background:var(--em-yellow);color:var(--em-ink);border-radius:2px}
.attention__text,.attention__text a,.car-card__attention p,.car-card__attention a{color:var(--em-ink)}
.attention__icon svg,.car-card__attention svg{fill:var(--em-ink)}
.contract__num{background:var(--em-yellow);color:var(--em-ink)}
.faq__header span{font-family:var(--font);font-size:18px;font-weight:600;line-height:1.5;text-transform:none}
.faq__item.open{background:var(--em-neutral);border-color:var(--em-neutral)}
.faq__item.open .faq__header span,.faq__text p{color:var(--em-ink)}
.faq__text p{font-family:var(--font);font-size:16px;line-height:1.6}
.preview{border-radius:2px}
.preview__img::before{background:linear-gradient(180deg,transparent 25%,rgba(19,22,25,.94) 100%)}
.preview__title{font-family:Oswald,sans-serif;font-size:23px;line-height:1.3;color:var(--em-paper)}
.preview__title span,.preview__date{font-family:var(--font);color:var(--em-muted);font-size:13px;line-height:1.5}

/* Dialogs: preserve display/position/z-index and all event bindings. */
.modal__inner{background:var(--em-graphite);border:1px solid var(--em-line);border-radius:2px;padding:40px}
.modal__title{font-family:Oswald,sans-serif;font-size:36px;line-height:1.25;margin-bottom:24px}
.modal__text{font-family:var(--font);font-size:16px;line-height:1.6;color:var(--em-muted)}
.modal__inputs{row-gap:16px;margin-bottom:28px}
.modal__inner .btn{font-family:var(--font);font-size:16px;border-radius:2px;height:56px;min-height:52px}
.modal__inner .form-group input{height:52px}
.modal__inner .close-btn{width:44px;height:44px;top:12px;right:12px;display:flex;align-items:center;justify-content:center}
.modal__inner .close-btn svg{width:20px;height:20px;fill:var(--em-muted);stroke:var(--em-muted)}
.modal__inner .form-checkbox label{font-size:13px;line-height:1.55}
body .cookies{background:var(--em-graphite);border:1px solid var(--em-line);border-radius:2px;box-shadow:0 8px 32px #13161940}
.cookies .cookies__text{font-family:var(--font);font-size:13px;line-height:1.5;color:var(--em-muted)}
.cookies .cookie__popup-actions .cookies__accept-btn{border-radius:2px;border:1px solid var(--em-yellow);color:var(--em-paper);font-family:var(--font);font-size:13px;line-height:1.4;min-height:44px}
.footer{background:var(--em-graphite)}
.footerbar{border-color:var(--em-line)}
.footerbar .logo{width:200px}
.footerbar .tel span{font-family:var(--font);font-size:17px}

/* Only the public header affordance is hidden; account routes and forms stay. */
.navbar .navbar__private{display:none}

@media(min-width:1200px){
  .card__img{height:280px}
  .card__desc{height:calc(100% - 280px)}
}
/* Actual purchased vehicles: keep the whole source photo visible. Restrict
   this to data-auto cards, not model cutouts, editorial or stock galleries. */
.card[data-auto] .card__img{height:auto;aspect-ratio:4/3;background:var(--em-ink)}
.card[data-auto] .card__img img{object-fit:contain;object-position:center}
.card[data-auto] .card__desc{height:auto}
.card[data-auto] .card__name{gap:12px}
@media(min-width:768px){
  .section:has(.card[data-auto])>.section__text{padding-right:140px}
}
@media(max-width:1199px){
  .hero .container{grid-template-areas:"title" "photo" "links"}
  .hero__title{font-size:64px;margin-bottom:calc(var(--em-hero-button)/2 + 16px)}
  .hero,.box{margin-bottom:64px}
  .section-title,.box__title{font-size:40px}
  .card__desc{padding:20px}
  .card__price{font-size:18px}
}
@media(max-width:1023px){
  .hero .container{--em-hero-notch-x:630.73px}
}
@media(max-width:991px){
  .hero .container{--em-hero-button:124px}
  .hero__title{font-size:56px}
  .hero__btn{background-size:112px}
  .hero__btns{margin:24px 0 0;gap:12px}
  .hero__link{width:calc((100% - 24px)/3)}
  .hero__link span{font-size:14px}
  .logo{width:180px;height:58px}
  .faq__header span{font-size:16px}
}
@media(max-width:767px){
  .header{margin-bottom:32px}
  .navbar__row{height:68px}
  .navbar .logo{width:160px;height:52px;flex-shrink:0}
  .navbar .app-btn{width:auto;padding:0 12px;min-height:44px;height:44px;font-size:12px}
  .hero .container{--em-hero-button:112px;--em-hero-notch-x:430.73px}
  .hero__title{font-size:46px;line-height:1.13}
  .hero__btn{background-size:102px}
  .hero__btn svg{width:28px;height:28px}
  .hero__link{width:100%}
  .hero__link span{font-size:16px}
  .hero__link span,.hero__link .icon{height:52px}
  .hero__btns{gap:8px}
  .section-title,.box__title{font-size:32px;margin-bottom:24px;line-height:1.25}
  .hero,.box{margin-bottom:48px}
  .card__name{font-size:24px}
  .card__desc{padding:20px}
  .card__item span,.card__col span:nth-child(2){font-size:14px}
  .card__price{font-size:19px}
  .card-row__name{font-size:24px}
  .card-row__price-val{font-size:22px}
  .card-row__price-txt,.card-row__price-info{font-size:14px}
  .review-card__text p{font-size:15px;line-height:1.55}
  .faq__item{padding:20px}
  .faq__header span{font-size:16px}
  .faq__text{padding-right:0}
  .preview__title{font-size:22px}
  .modal__inner{padding:28px 24px}
  .modal__title{font-size:30px;margin-bottom:20px}
  .modal__text{font-size:15px;margin-left:0;margin-right:0}
  .btn-arr>span{font-size:15px}
}
@media(max-width:575px){
  .hero .container{--em-hero-notch-x:calc(87.8% - 52.66px)}
}
@media(max-width:479px){
  .navbar__row{gap:10px;flex-wrap:wrap;height:auto;min-height:68px;padding:8px 0}
  .navbar .logo{margin-right:auto}
  .navbar .app-btn{order:5;width:100%;height:48px;font-size:14px}
  .hero__title{font-size:42px}
  .top .city__select span,.top .tel span{font-size:12px}
  body .cookies{left:16px;right:16px;bottom:64px;width:auto;max-width:none;padding:16px;gap:12px}
  .cookies .cookie__popup-actions{width:100%}
  .cookies .cookie__popup-actions .cookies__accept-btn{width:100%;padding:10px 12px}
}
/* r10: one graphite header, with the existing contact links beside the CTA. */
/* China model tiles: a quieter brand-neutral stage, not a bright white panel.
   Multiply blends the source's white backdrop into the stage without replacing
   or inventing a model image. Cap width at the smallest source's native size. */
.hits__main .card:has(> .card__img[href^="/china-used/"]){display:flex!important;flex-direction:column}
.hits__main .card>.card__img[href^="/china-used/"]{display:flex;align-items:center;justify-content:center;height:220px;padding:20px;box-sizing:border-box;background:var(--em-muted);border:1px solid var(--em-line);border-bottom:0;isolation:isolate}
.hits__main .card>.card__img[href^="/china-used/"] img{width:100%;height:100%;max-width:293px;max-height:180px;object-fit:contain;background:transparent;mix-blend-mode:multiply}
.hits__main .card:has(> .card__img[href^="/china-used/"]) .card__desc{height:auto;flex:1;display:flex;flex-direction:column}
.hits__main .card:has(> .card__img[href^="/china-used/"]) .card__footer{margin-top:auto}
.em-header-native .navbar{background:var(--em-graphite);border-color:var(--em-line)}
.em-header-native .navbar__row{height:auto;min-height:104px;padding:12px 0;gap:18px;flex-wrap:nowrap;justify-content:flex-start}
.em-header-brand{display:flex;flex-direction:column;align-items:flex-start;flex:none;gap:3px}
.em-header-native .em-header-brand .logo{position:static;transform:none;margin:0;width:168px;height:48px}
.em-header-brand .city{gap:5px}
.em-header-brand .city__icon{width:14px;height:14px}
.em-header-brand .city__icon svg{width:14px;height:14px;fill:var(--em-yellow)}
.em-header-brand .city__select span{font:400 12px/1.3 Inter,Arial,sans-serif;color:var(--em-muted)}
.em-header-brand .city__select:hover span{color:var(--em-yellow)}
/* r12: the city affordance is redundant; keep regional routes and JS intact. */
.em-header-native .em-header-brand>.city{display:none}
/* Legacy last/penultimate-item auto margins separated the stock link. */
.em-header-native .menu__list{gap:18px;justify-content:flex-start}
.em-header-native .menu__list>.menu__item{margin-left:0}
.em-header-native .menu__link{font-size:14px}
.em-header-contacts{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:8px;flex:none}
.em-header-phone{display:flex;align-items:center;gap:7px;white-space:nowrap;color:var(--em-paper);font:600 17px/1.3 Inter,Arial,sans-serif}
.em-header-phone svg{width:18px;height:18px;fill:var(--em-yellow)}
.em-header-phone:hover,.em-header-phone:focus-visible{color:var(--em-yellow)}
.em-header-socials .t-social{display:flex;flex-wrap:nowrap;justify-content:flex-end;gap:6px}
.em-header-socials .t-social__link{display:flex;align-items:center;justify-content:center;flex:none;width:34px;height:34px;border:1px solid var(--em-line);border-radius:2px;background:transparent}
.em-header-socials .t-social__link svg{width:19px;height:19px;fill:var(--em-neutral)}
.em-header-socials .t-social__link:hover,.em-header-socials .t-social__link:focus-visible{background:var(--em-yellow);border-color:var(--em-yellow)}
.em-header-socials .t-social__link:hover svg,.em-header-socials .t-social__link:focus-visible svg{fill:var(--em-ink)}
.em-header-native .navbar .app-btn{display:flex;align-items:center;justify-content:center;flex:none;width:150px;min-height:48px;height:48px;padding:0 12px;font-size:14px;white-space:nowrap;order:0}
.em-header-native .menu-toggle{font-size:14px;flex:none}
.em-header-native .burger{display:flex;align-items:center;justify-content:center;flex:none;width:40px;height:40px}
.em-header-native .burger svg{width:24px;height:24px}
.em-footer-office{margin:28px 0 0;font:400 15px/1.65 Inter,Arial,sans-serif;color:var(--em-neutral)}
.em-footer-office>span{display:block;margin-bottom:6px;font-size:12px;color:var(--em-muted)}
@media(min-width:1366px){.em-header-native .menu-toggle{display:none}}
@media(max-width:1023px) and (min-width:768px){
  .em-header-native .navbar__row{gap:12px}
  .em-header-native .em-header-brand .logo{width:150px;height:44px}
  .em-header-native .navbar .app-btn{width:140px;font-size:13px}
  .em-header-phone{font-size:16px}
}
@media(max-width:767px){
  .em-header-native .navbar{padding:0 16px}
  .em-header-native .navbar__row{display:grid;grid-template-columns:minmax(0,1fr) auto 40px;min-height:0;gap:10px 8px;padding:10px 0 12px}
  .em-header-brand{grid-column:1;grid-row:1;gap:2px;min-width:0}
  .em-header-native .em-header-brand .logo{width:148px;max-width:100%;height:42px}
  .em-header-brand .city__select span{font-size:11px}
  .em-header-native .menu-toggle{grid-column:2;grid-row:1;justify-self:end;font-size:12px}
  .em-header-native .burger{grid-column:3;grid-row:1}
  .em-header-contacts{display:contents}
  .em-header-phone{grid-column:1;grid-row:2;justify-self:start;min-height:44px;font-size:15px}
  .em-header-phone svg{display:none}
  .em-header-native .navbar .app-btn{grid-column:2 / -1;grid-row:2;width:132px;min-height:44px;height:44px;padding:0 10px;font-size:12px}
  .em-header-socials{grid-column:1 / -1;grid-row:3;min-width:0}
  .em-header-socials .t-social{justify-content:flex-start;flex-wrap:wrap;gap:8px}
  .em-header-socials .t-social__link{width:44px;height:44px}
}
@media(prefers-reduced-motion:reduce){
  .app-btn,.btn,.card__desc,.preview__img,.faq__item{transition:none}
}

/* r13: real high-resolution Shibuya photograph. Geometry stays independent
   from the bitmap so the circular application CTA keeps its r12 position. */
.hero .hero__img.em-hero-photo{
  --em-hero-notch-radius:106px;
  border-radius:2px;
  -webkit-mask-image:radial-gradient(circle at var(--em-hero-notch-x) 0px,transparent calc(var(--em-hero-notch-radius) - 1px),#000 var(--em-hero-notch-radius));
  mask-image:radial-gradient(circle at var(--em-hero-notch-x) 0px,transparent calc(var(--em-hero-notch-radius) - 1px),#000 var(--em-hero-notch-radius));
  -webkit-mask-repeat:no-repeat;
  mask-repeat:no-repeat;
}
.hero .em-hero-photo picture{display:block;width:100%;height:100%}
.hero .em-hero-photo img{
  display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%;
  mix-blend-mode:normal;filter:none;border-radius:inherit;
}
@media(max-width:1023px){.hero .hero__img.em-hero-photo{--em-hero-notch-radius:79.55px}}

/* r21: approved functional direction, adapted to the existing Netcat website.
   Presentation only: preserve all CMS content, links, controls and scripts. */
:root{--max-container:1460px;--em-radius:14px;--em-stage:#dce2d6;--em-search:#e7eae3}
.container{width:100%;max-width:var(--max-container);padding-left:30px;padding-right:30px}
.header{margin-bottom:32px}
.em-header-native .navbar{padding-left:30px;padding-right:30px}
.em-header-native .navbar__row{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:170px minmax(0,1fr) 156px 44px;gap:0 22px;min-height:0;padding:14px 0 0}
.em-header-native .em-header-brand{grid-column:1;grid-row:1}
.em-header-native .em-header-brand .logo{width:155px;height:48px}
.em-header-native .em-header-contacts{grid-column:2;grid-row:1;display:flex;flex-direction:row;justify-content:flex-end;align-items:center;gap:22px;margin:0}
.em-header-phone{font-size:16px}
.em-header-socials .t-social{gap:3px}
.em-header-socials .t-social__link{width:36px;height:40px;border-color:transparent;border-radius:9px}
.em-header-socials .t-social__link svg{width:18px;height:18px}
.em-header-native .navbar .app-btn{grid-column:3;grid-row:1;width:156px;min-height:44px;height:44px;border:1px solid #7b8578;border-radius:9px;background:transparent;color:var(--em-paper);font-size:13px;font-weight:600}
.em-header-native .navbar .app-btn:hover{background:var(--em-yellow);border-color:var(--em-yellow);color:var(--em-ink)}
.em-header-native .burger{grid-column:4;grid-row:1;width:44px;height:44px;border:1px solid var(--em-line);border-radius:9px}
.em-header-native .menu{display:block!important;grid-column:1/-1;grid-row:2;width:100%;margin-top:14px;border-top:1px solid var(--em-line)}
.em-header-native .menu__list{gap:28px;justify-content:flex-start;flex-wrap:wrap}
.em-header-native .menu__item{margin:0!important}
.em-header-native .menu__link{font-size:14px;line-height:1.4;min-height:48px;display:flex;align-items:center;padding:12px 0}
.em-header-native .menu-toggle{display:none}

/* The original circular request control still uses its existing modal hook.
   It shares the photo cell, so its position cannot drift with title wrapping. */
.hero{margin-bottom:38px}
.hero .container{grid-template-columns:minmax(0,1fr) 360px;grid-template-areas:"title photo" "links photo";column-gap:38px;row-gap:20px;align-items:center;--em-hero-button:88px;--em-hero-notch-x:calc(100% - 50px)}
.hero__title{font-size:clamp(34px,3.2vw,46px);line-height:1.2;letter-spacing:-.025em;margin:0;align-self:end;text-transform:none}
.hero__btns{gap:10px;margin:0;align-self:start;flex-wrap:nowrap}
.hero__link{width:auto;min-width:0;flex:1;max-width:215px;gap:0;border:1px solid #737d70;border-radius:9px;overflow:hidden}
.hero__link span{font-size:13px;font-weight:600;white-space:nowrap;padding:0 13px;background:var(--em-surface);color:var(--em-paper);border-radius:0}
.hero__link .icon{width:38px;background:var(--em-surface);border-radius:0}
.hero__link span,.hero__link .icon{height:46px}
.hero__link .icon svg{width:15px;height:15px;fill:var(--em-yellow)}
.hero__link:hover{border-color:var(--em-yellow)}
.hero__link:hover span,.hero__link:hover .icon{background:var(--em-yellow);color:var(--em-ink)}
.hero__link:hover .icon svg{fill:var(--em-ink)}
.hero .hero__img.em-hero-photo{height:166px;margin-top:36px;--em-hero-notch-radius:58px;border-radius:24px 10px 10px 10px}
.hero .em-hero-photo img{object-position:48% 53%;min-width:0;height:100%}
.hero__btn{margin-top:36px;width:88px;height:88px;background-size:80px;left:var(--em-hero-notch-x);z-index:2}
.hero__btn svg{width:25px;height:25px}

.section{margin-bottom:52px}
.box{margin-bottom:52px}
.section-title,.box__title{font-size:32px;line-height:1.25;letter-spacing:-.015em;margin-bottom:24px;text-transform:none}
.section-title--inner{font-size:34px}
.section-title--sm{font-size:27px}
.section__text{font-size:15px;line-height:1.65}
.section__footer{margin-top:24px}
.section__footer>.btn-arr{max-width:340px}
.section__footer .btn-arr>span{font-size:14px}
.section__footer>.link{display:inline-flex;align-items:center;justify-content:center;width:auto;max-width:100%;min-height:44px;height:auto;padding:12px 20px;border:1px solid #77816e;border-radius:9px;font:600 14px/1.4 Inter,Arial,sans-serif;text-transform:none}
.breadcrumbs{margin-bottom:20px}
.breadcrumbs__link{font-size:12px}

/* Light search surfaces give dense real filters a clear visual boundary. */
form.filter{padding:23px;background:var(--em-search);color:var(--em-ink);border-radius:var(--em-radius);border:1px solid #d5dccf;margin-bottom:20px}
form.filter.js-popular-filter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 235px;gap:18px;align-items:end}
form.filter.js-popular-filter>.form-group,form.filter.js-popular-filter>.form-btn{width:100%;margin:0;min-width:0}
.filter .form-group label{color:#4e574c;font-size:13px;line-height:1.4}
.filter .form-group input,.filter .form-group textarea,.filter .form-group__double,.filter .form-group__section:nth-child(2){border-color:#bac2b7;background:#f8f9f6;color:#202620;border-radius:8px}
.filter .form-group input{font-size:16px;height:50px}
.filter .form-group__double{height:50px}
.filter .form-group input::placeholder{color:#687260}
.filter .form-group__double::before,.filter .form-group__double::after{color:#616c59}
.filter .form-group__double input{background:transparent}
.filter .form-group__double .select2.select2-container:first-of-type{border-color:#bac2b7}
.filter .select2-container--default .select2-selection--single,.filter .select2-container--default .select2-selection--multiple{background:#f8f9f6;border-color:#bac2b7;border-radius:8px;min-height:48px}
.filter .select2-container--default .select2-selection--single{height:50px}
.filter .select2-container--default .select2-selection--single .select2-selection__rendered,.filter .select2-container--default .select2-selection--multiple .select2-selection__rendered{color:#202620;font-size:16px}
.filter .select2-container--default .select2-selection--single .select2-selection__placeholder{color:#687260}
.filter .select2-container--default.select2-container--disabled .select2-selection--single{background:#dce1d8;color:#6a7366;opacity:1}
.filter .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered{color:#65705f}
.filter .select2-container--default .select2-selection--single .select2-selection__arrow b{border-top-color:#596650}
.filter .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-bottom-color:#596650}
.filter .select2-container--default .select2-selection--multiple .select2-selection__choice{background:#e0e7d9;color:#202620;border-color:#b9c4b1}
.filter .select2-search__field{color:#202620}
.filter .form-checkbox label{color:#3e4a37}
.filter .form-checkbox label::before{border-color:#829277}
.filter .form-range .irs--flat .irs-from,.filter .form-range .irs--flat .irs-single,.filter .form-range .irs--flat .irs-to{color:#202620}
.filter .btn-reset{color:#46533e;font-size:13px;min-height:44px}
.filter .form-btn,.filter .btn-arr{gap:0;border-radius:9px;overflow:hidden;padding:0;flex-wrap:nowrap}
.filter .form-btn>span,.filter .btn-arr>span{border-radius:0;background:#303a2f;color:#fff;font-size:14px;min-height:48px}
.filter .form-btn>.icon,.filter .btn-arr>.icon{border-radius:0;background:#303a2f}
.filter .form-btn>.icon svg,.filter .btn-arr>.icon svg{fill:var(--em-yellow)}
.filter .form-btn:hover>span,.filter .form-btn:hover>.icon,.filter .btn-arr:hover>span,.filter .btn-arr:hover>.icon{background:#43533b}
.filter.js-popular-filter .form-btn>span,.filter.js-popular-filter .form-btn>.icon{height:52px}
.filter.js-popular-filter .form-btn>.icon{width:40px}
.filter .form-group__dropdown{background:#f8f9f6;border-color:#a9b79e;border-radius:8px}
.filter .form-group__dropdown span{color:#202620}
.filter .form-group__dropdown span:hover{background:var(--em-yellow);color:#202620}
.select2-container--default .select2-dropdown{border-radius:9px;box-shadow:0 8px 24px #13161933}
.select2-container--default .select2-results__option{font-size:15px;line-height:1.5}
.select2-container--default.select2-container--open .select2-selection--single,.select2-container--default.select2-container--open .select2-selection--multiple{border-radius:8px!important}
.brands__item{border-radius:8px;min-height:48px}
.brands__item span{font-size:16px}

/* Preserve Slick geometry and every real image/link, including bought cars. */
.card__img{border-radius:14px 14px 0 0}
.card__desc{border-radius:0 0 14px 14px;padding:20px}
.card__name{font-family:Inter,Arial,sans-serif;font-size:20px;line-height:1.3;font-weight:600;text-transform:none;letter-spacing:-.025em;margin-bottom:12px}
.card__name span{font-size:14px}
.card__info{row-gap:9px;margin-bottom:18px}
.card__item span,.card__col span:nth-child(2){font-size:13px;line-height:1.5}
.card__col span:first-child{font-size:12px}
.card__price{font-size:21px;line-height:1.35;letter-spacing:-.035em}
.card__btn{width:42px;height:42px;border-radius:9px;background:transparent;border:1px solid #6d7c62}
.card__btn svg{fill:var(--em-yellow);width:18px;height:18px}
.card__btn:hover svg{fill:var(--em-ink)}
.card__footer{gap:12px}
.hits__main .card:not([data-auto]){display:flex!important;flex-direction:column}
.hits__main .card:not([data-auto])>.card__img{display:flex;align-items:center;justify-content:center;height:208px;padding:15px;background:var(--em-stage);border:1px solid var(--em-line);border-bottom:0;isolation:isolate;overflow:hidden}
.hits__main .card:not([data-auto])>.card__img img{width:100%;height:100%;max-width:300px;max-height:180px;object-fit:contain;background:transparent;mix-blend-mode:multiply}
.hits__main .card:not([data-auto]) .card__desc{height:auto;flex:1;display:flex;flex-direction:column}
.hits__main .card:not([data-auto]) .card__footer{margin-top:auto}
.card[data-auto] .card__img{border-radius:14px 14px 0 0;aspect-ratio:4/3;height:auto}
.card[data-auto] .card__img img{object-fit:contain}
.card-row{border-radius:13px;overflow:visible}
.card-row__name{font-family:Inter,Arial,sans-serif;font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.025em;text-transform:none}
.card-row__img{border-radius:10px}
.card-row__age span,.card-row__col span,.card-row__price-txt,.card-row__price-info{font-size:14px;line-height:1.45}
.card-row__price-val{font-size:23px;letter-spacing:-.025em}
.card-stock,.card-stock__img,.card-stock__desc,.card-sm,.card-sm__img,.card-type,.card-video__img{border-radius:13px}
.card-stock__name{font-family:Inter,Arial,sans-serif;font-size:20px;font-weight:600;text-transform:none}
.carousel .slick-arrow,.gallery__thumbs .slick-arrow{border-radius:10px}
.attention,.car-card__attention{background:#3b4438;color:#e8eddf;border:1px solid #5d6a54;border-left:3px solid var(--em-yellow);border-radius:0 10px 10px 0}
.attention__text,.attention__text a,.car-card__attention p,.car-card__attention a{color:#e8eddf;font-size:14px;line-height:1.6}
.attention__text a,.car-card__attention a{color:var(--em-yellow);text-decoration:underline;text-underline-offset:3px}
.attention__icon svg,.car-card__attention svg{fill:var(--em-yellow)}
.auctions__nav a,.pagination__link{border-radius:8px}
.btn,.app-btn,.btn-arr>span,.btn-arr .icon{border-radius:9px}
.review-card,.faq__item,.reviews-nav__item,.preview,.preview-row,.box__wrap{border-radius:14px}
.review-card__name,.preview__title{font-family:Inter,Arial,sans-serif;font-size:20px;font-weight:600;line-height:1.35;text-transform:none}
.review-card__text p{font-size:15px}
.faq__header span{font-size:16px}
.dropdown{max-width:100%}
.modal__inner{border-radius:16px}
.modal__title{padding-right:36px;font-size:clamp(26px,3vw,34px);text-transform:none}
.modal__inner .btn,.modal__inner .form-group input{border-radius:9px}
body .cookies{border-radius:12px}
.footerbar{border-top:1px solid var(--em-line);padding-top:34px}

@media(max-width:1199px){
 .em-header-native .navbar__row{grid-template-columns:155px minmax(0,1fr) 146px 44px;gap:0 15px}
 .em-header-native .em-header-contacts{gap:12px}
 .em-header-native .navbar .app-btn{width:146px}
 .hero .container{grid-template-columns:minmax(0,1fr) 275px;column-gap:24px;grid-template-areas:"title photo" "links photo"}
 .hero__title{font-size:38px;margin:0}
 .hero__btns{margin:0;gap:8px}
 .hero__link{width:auto;max-width:none}
 .hero__link span{font-size:12px;padding:0 9px}
 .hero__link .icon{width:29px}
 .section-title,.box__title{font-size:30px}
 .hero,.box{margin-bottom:42px}
}
@media(max-width:991px){
 .container{padding-inline:24px}
 .em-header-native .navbar{padding-inline:24px}
 .em-header-native .navbar__row{grid-template-columns:145px minmax(0,1fr) 136px 44px;gap:0 12px}
 .em-header-native .em-header-brand .logo{width:140px;height:45px}
 .em-header-native .em-header-contacts{flex-direction:column;gap:3px;align-items:flex-end}
 .em-header-phone{font-size:14px}
 .em-header-socials .t-social__link{width:29px;height:30px}
 .em-header-native .navbar .app-btn{width:136px;font-size:12px}
 .em-header-native .menu__list{gap:22px}
 .em-header-native .menu__link{font-size:13px}
 .hero .container{grid-template-columns:minmax(0,1fr) 210px;column-gap:20px;--em-hero-button:80px;--em-hero-notch-x:calc(100% - 44px)}
 .hero__title{font-size:34px}
 .hero .hero__img.em-hero-photo{height:156px;--em-hero-notch-radius:54px}
 .hero__btn{width:80px;height:80px;background-size:73px}
 .hero__link span{font-size:12px;white-space:normal;text-align:center;line-height:1.35}
 .hero__link .icon{display:none}
 form.filter.js-popular-filter{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 200px;gap:14px}
 .filter .form-btn>span,.filter .btn-arr>span{font-size:13px}
 .section-title,.box__title{font-size:28px}
}
@media(max-width:767px){
 .container{padding-inline:20px}
 .header{margin-bottom:24px}
 .em-header-native .navbar{padding-inline:16px}
 .em-header-native .navbar__row{grid-template-columns:minmax(0,1fr) 132px 44px;gap:9px 8px;padding:10px 0 0}
 .em-header-native .em-header-brand{grid-column:1/3;grid-row:1}
 .em-header-native .em-header-brand .logo{width:140px;max-width:100%;height:42px}
 .em-header-native .burger{grid-column:3;grid-row:1}
 .em-header-native .em-header-contacts{display:contents}
 .em-header-native .em-header-phone{grid-column:1;grid-row:2;font-size:14px;min-height:44px;white-space:nowrap}
 .em-header-native .em-header-phone svg{display:none}
 .em-header-native .navbar .app-btn{grid-column:2/4;grid-row:2;justify-self:end;width:132px;height:44px;min-height:44px;font-size:12px}
 .em-header-native .em-header-socials{grid-column:1/-1;grid-row:3}
 .em-header-socials .t-social{justify-content:flex-start;gap:6px}
 .em-header-socials .t-social__link{width:40px;height:40px}
 .em-header-native .menu{grid-column:1/-1;grid-row:4;margin-top:2px}
 .em-header-native .menu__list{gap:0 18px;flex-wrap:wrap;padding:5px 0}
 .em-header-native .menu__link{font-size:12px;min-height:39px;padding:9px 0}
 .hero{margin-bottom:30px}
 .hero .container{grid-template-columns:minmax(0,1fr) 128px;grid-template-areas:"title photo" "links links";column-gap:14px;row-gap:17px;--em-hero-button:68px;--em-hero-notch-x:calc(100% - 36px)}
 .hero__title{font-size:30px;line-height:1.18;margin:0;align-self:center}
 .hero .hero__img.em-hero-photo{height:105px;margin-top:28px;border-radius:18px 8px 8px 8px;--em-hero-notch-radius:45px}
 .hero__btn{margin-top:28px;width:68px;height:68px;background-size:62px}
 .hero__btn svg{width:20px;height:20px}
 .hero__btns{margin:0;gap:8px}
 .hero__link{width:auto;flex:1}
 .hero__link span{font-size:12px;height:44px;padding:0 6px;white-space:normal;line-height:1.3}
 .hero__link .icon{display:none}
 .section{margin-bottom:38px}
 .section-title,.box__title{font-size:27px;margin-bottom:20px}
 .section-title--inner{font-size:29px}
 .box{margin-bottom:38px}
 form.filter{padding:18px 16px;border-radius:12px}
 form.filter.js-popular-filter{grid-template-columns:1fr 1fr;gap:14px 12px}
 form.filter.js-popular-filter>.form-btn{grid-column:1/-1}
 .filter.js-popular-filter .form-btn>span,.filter.js-popular-filter .form-btn>.icon{height:48px}
 .card__desc{padding:18px}
 .card__name{font-size:20px}
 .card__price{font-size:20px}
 .hits__main .card:not([data-auto])>.card__img{height:196px;padding:14px}
 .card-row__name{font-size:19px}
 .attention__text,.car-card__attention p{font-size:13px}
 .review-card__name,.preview__title{font-size:18px}
 .modal__inner{padding:28px 22px}
}
@media(max-width:374px){
 body{min-width:0}
 .container{padding-inline:16px}
 .em-header-native .navbar__row{grid-template-columns:minmax(0,1fr) 125px 36px;gap:7px 5px}
 .em-header-native .em-header-phone{font-size:12px}
 .em-header-native .navbar .app-btn{width:125px;font-size:11px}
 .em-header-native .burger{width:36px}
 .em-header-native .menu__list{gap:0 14px}
 .em-header-native .menu__link{font-size:11px;min-height:40px}
 .hero .container{grid-template-columns:minmax(0,1fr) 108px;column-gap:12px}
 .hero__title{font-size:27px;overflow-wrap:anywhere}
 .hero__link span{font-size:11px}
 form.filter.js-popular-filter{grid-template-columns:1fr}
 form.filter.js-popular-filter>.form-btn{grid-column:auto}
 .section-title,.box__title{font-size:25px}
}
@media(pointer:coarse){.em-header-socials .t-social__link{width:44px;height:44px}.em-header-native .menu__link{min-height:44px}.card__btn{min-width:44px;min-height:44px}}
@media(prefers-reduced-motion:reduce){.hero__btn,.hero__link,.card__btn,.em-header-socials .t-social__link{transition:none}}

/* r22: coherent catalogue UI and a compact mobile header. No data changes. */
:root{--em-stage:#e6e9e4;--em-search:#3a423b;--em-card-surface:#414842;--em-card-line:#657064}
.hero{margin-bottom:30px}
.hero .container{width:calc(100% - 60px);max-width:1400px;padding:26px 28px;grid-template-columns:minmax(0,1fr) 43%;column-gap:30px;row-gap:18px;background:#363e37;border:1px solid #566152;border-radius:18px;--em-hero-notch-x:calc(100% - 42px)}
.hero__title{font-size:clamp(34px,3.2vw,44px);line-height:1.16}
.hero__btns{gap:8px;flex-wrap:wrap}
.hero__link{flex:1;max-width:none;background:transparent;border-color:#77816f}
.hero__link span,.hero__link .icon{background:transparent;height:44px}
.hero__link span{padding:0 12px;font-size:13px}
.hero__link .icon{width:28px}
.hero .hero__img.em-hero-photo{height:206px;margin-top:22px;border-radius:12px;--em-hero-notch-radius:46px}
.hero__btn{width:72px;height:72px;margin-top:22px;background-image:none!important;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px}
.hero__btn svg{width:22px;height:22px}
.em-hero-cta-label{font:600 11px/1.2 Inter,Arial,sans-serif;color:var(--em-ink)}
.section-title,.box__title{font-size:30px;margin-bottom:20px}
.section-title--inner{font-size:34px}
.section{margin-bottom:38px}
.em-section-note{margin:-8px 0 20px;max-width:850px;color:var(--em-muted);font:400 14px/1.6 Inter,Arial,sans-serif}
.em-section-note a{color:var(--em-yellow);text-decoration:underline;text-underline-offset:3px}
.em-search-note{grid-column:1/-1;margin:0;color:var(--em-muted);font:400 13px/1.55 Inter,Arial,sans-serif}
.em-search-note a{color:var(--em-yellow);text-decoration:underline;text-underline-offset:3px}

/* The whole search no longer appears as a detached white banner. */
form.filter,form:has(> .filter-nowrap){background:var(--em-search);color:var(--em-paper);border:1px solid #616d5d;border-radius:14px;padding:22px}
form.filter .form-group label,form:has(> .filter-nowrap) .form-group label{color:#d9dfd3;font-size:13px}
form.filter .form-group input,form.filter .form-group__double,form.filter .select2-container--default .select2-selection--single,form.filter .select2-container--default .select2-selection--multiple{background:#eef1eb;border-color:#b4bead}
form.filter .form-checkbox label,form.filter .btn-reset{color:#e5ebdf}
form.filter .form-btn>span,form.filter .form-btn>.icon,form.filter .btn-arr>span,form.filter .btn-arr>.icon{background:var(--em-yellow);color:var(--em-ink)}
form.filter .form-btn>.icon svg,form.filter .btn-arr>.icon svg{fill:var(--em-ink)}
form.filter .form-btn:hover>span,form.filter .form-btn:hover>.icon,form.filter .btn-arr:hover>span,form.filter .btn-arr:hover>.icon{background:#f7d768}
form.filter .form-range .irs--flat .irs-from,form.filter .form-range .irs--flat .irs-single,form.filter .form-range .irs--flat .irs-to{color:#e5ebdf}

/* Existing model catalogues use a different form, but the same control system. */
form:has(> .filter-nowrap) .filter-nowrap{margin:0}
form:has(> .filter-nowrap){margin-bottom:24px}
.filter-menu{margin-bottom:18px}
.filter-menu__list{gap:8px;flex-wrap:wrap;margin:0 0 10px}
.filter-menu__link{min-height:40px;height:auto;padding:9px 13px;border:1px solid #75836c;border-radius:8px;background:#353d34;color:#eef1e9;font:600 13px/1.4 Inter,Arial,sans-serif;text-transform:none;margin:0}
.filter-menu__link.active,.filter-menu__link:hover{background:var(--em-yellow);color:var(--em-ink);border-color:var(--em-yellow)}
.filter-menu__checkbox{min-height:40px;margin:0;padding:0}
.filter-menu__checkbox label{min-height:40px;height:auto;padding:9px 14px 9px 40px;border:1px solid #75836c;border-radius:8px;font:600 13px/1.4 Inter,Arial,sans-serif;text-transform:none}
.filter-menu__checkbox label::before{left:12px;width:16px;height:16px;top:50%;transform:translateY(-50%);border-radius:4px}
.filter-menu__checkbox label::after{left:16px;top:50%;transform:translateY(-50%)}
.filter-nowrap__grid{gap:16px;margin:0}
form:has(> .filter-nowrap) .form-group input,form:has(> .filter-nowrap) .form-group__double,form:has(> .filter-nowrap) .select2-container--default .select2-selection--single{height:48px;border-radius:8px;background:#eef1eb;border-color:#b4bead;color:var(--em-ink)}
form:has(> .filter-nowrap) .form-group__double input{background:transparent}
form:has(> .filter-nowrap) .form-group__double::before,form:has(> .filter-nowrap) .form-group__double::after{color:#56624e}
form:has(> .filter-nowrap) .select2-selection__rendered{color:var(--em-ink)!important;font-size:15px}
form:has(> .filter-nowrap) .select2-container--default .select2-selection__arrow b{border-top-color:#56624e}

.card__desc{background:var(--em-card-surface);border-color:var(--em-card-line)}
.card-row{background:var(--em-card-surface);border-color:var(--em-card-line)}
.card__name,.card-stock__name,.card-row__name{font-size:19px;letter-spacing:-.02em}
.card__price{font-size:21px}
.card__btn{border-color:#92a080}
.card__info{min-height:24px}
.em-card-note{font-size:13px;line-height:1.5;color:#d1d9c8}
.em-card-unpriced{font-size:15px;line-height:1.45;color:#e2e8da;font-weight:400;letter-spacing:0}
.hits__main .card:not([data-auto])>.card__img,.card:not([data-auto])>.card__img[href^="/catalog/"]{display:flex;align-items:center;justify-content:center;height:208px;padding:16px;background:var(--em-stage);border:1px solid var(--em-card-line);border-bottom:0;border-radius:14px 14px 0 0;isolation:isolate;overflow:hidden}
.hits__main .card:not([data-auto])>.card__img img,.card:not([data-auto])>.card__img[href^="/catalog/"] img{width:100%;height:100%;max-width:320px;max-height:184px;object-fit:contain;background:transparent;mix-blend-mode:darken}
.card:not([data-auto]):has(>.card__img[href^="/catalog/"]){display:flex;flex-direction:column;min-width:0;height:100%}
.card:not([data-auto]):has(>.card__img[href^="/catalog/"]) .card__desc{padding:20px;display:flex;flex-direction:column;align-items:stretch;gap:0;flex:1;height:auto;min-width:0}
.card:not([data-auto]):has(>.card__img[href^="/catalog/"]) .card__name{margin:0 0 12px;white-space:normal}
.card:not([data-auto]):has(>.card__img[href^="/catalog/"]) .card__info{width:100%;margin:0 0 18px;flex-direction:column;align-items:flex-start}
.card:not([data-auto]):has(>.card__img[href^="/catalog/"]) .card__footer{margin-top:auto;min-width:0;width:100%;justify-content:space-between}
.card:not([data-auto]):has(>.card__img[href^="/catalog/"]) .card__price{min-width:0;white-space:normal}
.card:not([data-auto]):has(>.card__img[href^="/catalog/"]) .card__btn{flex-shrink:0}
.section__footer{margin-top:18px}
.brands__item{border:1px solid #4b574a;background:#343c34;border-radius:8px}
.brands__item:hover{border-color:var(--em-yellow)}
.brands__item span{font-size:14px}

@media(max-width:1199px){
 .hero .container{grid-template-columns:minmax(0,1fr) 40%;column-gap:24px;padding:24px}
 .hero__title{font-size:36px}
 .hero__link .icon{display:none}
 .hero__link span{font-size:12px;padding:0 9px;white-space:normal;text-align:center;line-height:1.35}
}
@media(max-width:991px){
 .hero .container{width:calc(100% - 48px)}
 .hero__title{font-size:33px}
 .hero .hero__img.em-hero-photo{height:188px}
 .filter-nowrap__grid{gap:14px}
 .section-title,.box__title{font-size:28px}
}
@media(max-width:767px){
 .header{height:var(--em-header-space,158px);margin-bottom:18px}
 .em-header-native .navbar,.em-header-native .navbar.fixed{position:relative!important;top:auto;left:auto;width:100%;padding:0 16px}
 .em-header-native .navbar__row{grid-template-columns:120px minmax(0,1fr) 40px;grid-template-rows:44px 44px auto;padding:6px 0 0;gap:5px 8px}
 .em-header-native .em-header-brand{grid-column:1;grid-row:1}
 .em-header-native .em-header-brand .logo{width:116px;height:40px}
 .em-header-native .em-header-phone{grid-column:2;grid-row:1;justify-self:end;min-height:44px;font-size:13px;letter-spacing:-.035em}
 .em-header-native .burger{grid-column:3;grid-row:1;width:40px;height:40px}
 .em-header-native .em-header-socials{grid-column:1/-1;grid-row:2;padding-right:120px}
 .em-header-socials .t-social{gap:0;justify-content:flex-start;flex-wrap:nowrap}
 .em-header-socials .t-social__link{width:40px;height:44px}
 .em-header-native .navbar .app-btn{grid-column:2/4;grid-row:2;justify-self:end;width:112px;height:40px;min-height:40px;font-size:11px;padding:0 8px}
 .em-header-native .menu{grid-column:1/-1;grid-row:3;margin:0;min-width:0;overflow:visible}
 .em-header-native .menu__list{gap:0 12px;flex-wrap:wrap;padding:0;width:100%;min-width:0}
 .em-header-native .menu__link{white-space:nowrap;font-size:12px;min-height:36px;padding:8px 0}
 .em-header-native .navbar.em-compact{position:fixed!important;inset:0 0 auto;box-shadow:0 6px 18px #13161933}
 .em-header-native .navbar.em-compact .navbar__row{grid-template-rows:44px;padding:6px 0;gap:0 8px}
 .em-header-native .navbar.em-compact .em-header-socials,.em-header-native .navbar.em-compact .app-btn,.em-header-native .navbar.em-compact .menu{display:none!important}
 .tabbar{min-height:54px;padding:0 8px}
 .hero .container{width:calc(100% - 32px);padding:18px 16px;grid-template-columns:minmax(0,1fr) 156px;grid-template-areas:"title photo" "links links";column-gap:14px;row-gap:16px;--em-hero-notch-x:calc(100% - 32px)}
 .hero__title{font-size:28px;align-self:center}
 .hero .hero__img.em-hero-photo{height:132px;margin-top:18px;border-radius:10px;--em-hero-notch-radius:39px}
 .hero__btn{width:60px;height:60px;margin-top:18px;gap:2px}
 .hero__btn svg{width:19px;height:19px}
 .em-hero-cta-label{font-size:10px}
 .hero__link span{height:42px;font-size:11px;padding:0 7px}
 .hero__btns{gap:7px;flex-wrap:nowrap}
 .hero{margin-bottom:24px}
 .section{margin-bottom:28px}
 .section-title,.box__title{font-size:26px;margin-bottom:16px}
 .section-title--inner{font-size:29px}
 .em-section-note{font-size:13px;margin:0 0 16px}
 .em-search-note{font-size:12px;line-height:1.55}
 form.filter,form:has(> .filter-nowrap){padding:16px;border-radius:12px}
 form.filter.js-popular-filter{gap:12px}
 .filter-menu__list{gap:6px;margin-bottom:8px}
 .filter-menu__link{font-size:12px;padding:9px 10px;min-height:40px}
 .filter-menu__checkbox label{font-size:12px}
 .brands{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:8px;padding-bottom:3px;scrollbar-width:thin;scrollbar-color:#66725f transparent}
 .brands__item{flex:0 0 auto;width:auto;min-width:110px;min-height:44px;padding:8px 12px;gap:10px}
 .brands__item span{font-size:13px}
 .brands__item img{max-width:24px;max-height:24px}
 .hits__main .card:not([data-auto])>.card__img,.card:not([data-auto])>.card__img[href^="/catalog/"]{height:198px}
 .card__name,.card-stock__name,.card-row__name{font-size:19px}
}
@media(max-width:374px){
 .em-header-native .navbar__row{grid-template-columns:100px minmax(0,1fr) 36px;gap:5px 5px}
 .em-header-native .em-header-brand .logo{width:98px}
 .em-header-native .em-header-phone{font-size:12px;letter-spacing:-.04em}
 .em-header-native .burger{width:36px}
 .em-header-native .navbar .app-btn{width:88px;font-size:10px;white-space:normal;line-height:1.35;text-align:center}
 .em-header-native .em-header-socials{padding-right:92px}
 .em-header-socials .t-social__link{width:36px}
 .em-header-native .navbar.em-compact .navbar__row{gap:0 5px}
 .em-header-native .menu__list{column-gap:8px}
 .em-header-native .menu__link{font-size:11.5px}
 .hero .container{padding:16px 12px;grid-template-columns:minmax(0,1fr);grid-template-areas:"title" "photo" "links";row-gap:12px}
 .hero__title{font-size:27px;overflow-wrap:normal;word-break:normal}
 .hero .hero__img.em-hero-photo{height:106px}
 .hero__link span{font-size:10px;padding:0 4px}
 form.filter.js-popular-filter{grid-template-columns:1fr}
 form.filter.js-popular-filter>.form-btn{grid-column:1/-1}
 .filter.js-popular-filter .select2-selection__rendered{font-size:13px!important}
 .section-title,.box__title{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.navbar,.hero__btn{transition:none}}

/* r23 preview: restore the photograph's scale and integrate review-source cards. */
.hero{margin-bottom:38px}
.hero .container{display:grid;width:calc(100% - 60px);max-width:1400px;padding:0;grid-template-columns:minmax(0,1fr) minmax(430px,42%);grid-template-areas:"title links" "photo photo";column-gap:30px;row-gap:24px;background:transparent;border:0;border-radius:0}
.hero__title{font-size:clamp(36px,3.5vw,50px);line-height:1.14;align-self:center;overflow-wrap:normal;word-break:normal;margin:0}
.hero__btns{grid-area:links;align-self:center;justify-self:stretch;gap:8px;margin:0;flex-wrap:nowrap}
.hero__link{border-radius:9px}
.hero__link span{height:46px;font-size:13px;white-space:normal;text-align:center;line-height:1.35}
.hero__link .icon{height:46px}
.hero .hero__img.em-hero-photo{grid-area:photo;display:block;width:100%;height:auto;aspect-ratio:1720/493;margin:0;border-radius:18px;-webkit-mask-image:none;mask-image:none;overflow:hidden}
.hero .em-hero-photo img{object-fit:cover;object-position:50% 50%;border-radius:inherit}
.hero__btn{display:none!important}

/* These are the three existing links to 2GIS, DVHAB and Yandex, not new reviews. */
.sites-reviews{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 46px}
.sites-reviews .sites-reviews__item{display:flex;align-items:center;justify-content:space-between;gap:16px;width:auto;min-width:0;min-height:116px;padding:22px 24px;background:#3a423b;border:1px solid #5c6955;border-radius:14px;box-shadow:none;text-decoration:none;color:var(--em-paper)}
.sites-reviews .sites-reviews__item:hover,.sites-reviews .sites-reviews__item:focus-visible{background:#424b40;border-color:var(--em-yellow)}
.sites-reviews .sites-reviews__img{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex:1 1 auto;width:auto;max-width:none;height:auto;min-width:0;padding:0;border:0;border-radius:0}
.sites-reviews .sites-reviews__img img{width:40px;height:40px;max-width:40px;max-height:40px;object-fit:contain}
.sites-reviews .sites-reviews__img::after{font:600 16px/1.3 Inter,Arial,sans-serif;color:var(--em-paper);white-space:nowrap}
.sites-reviews .sites-reviews__item[href="https://go.2gis.com/ihtp8"] .sites-reviews__img::after{content:"2ГИС"}
.sites-reviews .sites-reviews__item[href="https://www.dvhab.ru/e-motors#comments"] .sites-reviews__img::after{content:"DVHAB"}
.sites-reviews .sites-reviews__item[href*="yandex.ru/maps/org/ye_motors/"] .sites-reviews__img::after{content:"Яндекс"}
.sites-reviews .sites-reviews__right{display:flex;flex:0 0 auto;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px;width:auto;min-width:0;margin:0;padding:0}
.sites-reviews .rating{display:flex;align-items:center;gap:7px;margin:0;color:var(--em-yellow)}
.sites-reviews .rating svg{width:17px;height:17px;fill:var(--em-yellow)}
.sites-reviews .rating span{font:600 22px/1.1 Inter,Arial,sans-serif;color:var(--em-yellow)}
.sites-reviews .sites-reviews__qnt{font:400 13px/1.4 Inter,Arial,sans-serif;color:#d3dccd;white-space:nowrap;margin:0}

@media(max-width:1199px){
 .hero .container{grid-template-columns:minmax(0,1fr) 46%;column-gap:24px}
 .hero__title{font-size:38px}
 .hero__link span{font-size:12px;padding:0 10px}
 .sites-reviews .sites-reviews__item{padding:20px 18px;gap:10px}
 .sites-reviews .sites-reviews__img{gap:8px}
 .sites-reviews .sites-reviews__img::after{font-size:14px}
 .sites-reviews .sites-reviews__img img{width:34px;height:34px}
}
@media(max-width:991px){
 .hero .container{width:calc(100% - 48px);grid-template-columns:1fr;grid-template-areas:"title" "links" "photo";row-gap:18px}
 .hero__title{font-size:38px}
 .hero__btns{justify-self:start;width:100%;max-width:590px}
 .hero .hero__img.em-hero-photo{aspect-ratio:1600/700;border-radius:15px}
 .sites-reviews{gap:12px}
 .sites-reviews .sites-reviews__item{flex-direction:column;align-items:flex-start;gap:18px;min-height:144px}
 .sites-reviews .sites-reviews__right{flex-direction:row;align-items:center;gap:12px;flex-wrap:wrap}
}
@media(max-width:767px){
 .hero{margin-bottom:30px}
 .hero .container{width:calc(100% - 32px);grid-template-areas:"title" "photo" "links";row-gap:16px}
 .hero__title{font-size:34px;line-height:1.14}
 .hero .hero__img.em-hero-photo{aspect-ratio:16/10;min-height:190px;border-radius:12px}
 .hero__btns{max-width:none;gap:7px}
 .hero__link span{height:44px;font-size:12px;padding:0 6px}
 .sites-reviews{grid-template-columns:1fr;gap:10px;margin-bottom:32px}
 .sites-reviews .sites-reviews__item{flex-direction:row;align-items:center;gap:12px;min-height:88px;padding:17px 18px;border-radius:12px}
 .sites-reviews .sites-reviews__img{gap:12px}
 .sites-reviews .sites-reviews__img img{width:36px;height:36px}
 .sites-reviews .sites-reviews__img::after{font-size:15px}
 .sites-reviews .sites-reviews__right{flex-direction:column;align-items:flex-end;gap:5px}
 .sites-reviews .rating span{font-size:20px}
}
@media(max-width:374px){
 .hero__title{font-size:31px}
 .hero__link span{font-size:11px}
 .sites-reviews .sites-reviews__item{padding:16px 14px}
 .sites-reviews .sites-reviews__img{gap:9px}
 .sites-reviews .sites-reviews__qnt{font-size:12px}
}

/* r27 — neutral catalogue details and contained mobile signature, preview only.
   Preserve the brand base #303431. All added neutral surfaces are achromatic.
   The canonical bolt has no fill: yellow may not tint broad background areas. */
:root{
 --em-r26-bolt:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='680 0 850 2220'%3E%3Cpath d='M1213,30 L723,1295 L1035,1295 L925,2180 L1478,910 L1160,910 Z' fill='none' stroke='%23F2C230' stroke-opacity='.18' stroke-width='3'/%3E%3C/svg%3E");
 --em-r26-bolt-mobile:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='680 0 850 2220'%3E%3Cpath d='M1213,30 L723,1295 L1035,1295 L925,2180 L1478,910 L1160,910 Z' fill='none' stroke='%23F2C230' stroke-opacity='.3' stroke-width='5'/%3E%3C/svg%3E");
 --em-r26-bolt-detail:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='680 0 850 2220'%3E%3Cpath d='M1213,30 L723,1295 L1035,1295 L925,2180 L1478,910 L1160,910 Z' fill='none' stroke='%23F2C230' stroke-opacity='.5' stroke-width='48'/%3E%3C/svg%3E");
 --em-search:#3A3A3A;
 --em-surface:#3A3A3A;
 --em-surface-3:#5A5A5A;
 --em-line:#5D5D5D;
 --em-card-surface:#3C3C3C;
 --em-card-line:#5D5D5D;
 --em-stage:#E7E7E7;
 --em-muted:#CCCCCC;
 --em-neutral:#F2F2F2;
 --gray:#CCCCCC;
 --font-gray:#CCCCCC;
 --border:#5D5D5D;
 --bg-card:#3C3C3C;
 --bg-box-dark:#3A3A3A;
 --bg-box-gray:#F2F2F2;
}
body,body.dark{
 background-color:var(--em-graphite);
 background-image:radial-gradient(ellipse 1050px 850px at 95% 160px,rgba(255,255,255,.035),transparent 75%),linear-gradient(112deg,#292929 0%,#303431 42%,#333333 76%,#2B2B2B 100%);
 background-repeat:no-repeat;
}
.em-header-native .navbar{
 background:linear-gradient(100deg,#2A2A2A,#303431 55%,#303030);
 border-bottom-color:rgba(255,255,255,.12);
}
.em-header-native .navbar.fixed,.em-header-native .navbar.em-compact{background:#303431}
.em-header-native .menu{border-top-color:rgba(255,255,255,.12)}
.em-header-native .burger{border-color:rgba(255,255,255,.2)}
.em-header-native .navbar .app-btn:not(:hover):not(:focus-visible){border-color:#858585}

/* The backgrounds have no hit area and cannot cover controls. */
.wrap>main{
 background-image:var(--em-r26-bolt),radial-gradient(ellipse 850px 700px at 94% 350px,rgba(255,255,255,.02),transparent 75%);
 background-position:right -190px top -390px,center top;
 background-size:650px auto,100% 1150px;
 background-repeat:no-repeat;
}
.wrap>main>.box:nth-of-type(6n+5){
 background-image:var(--em-r26-bolt),radial-gradient(ellipse 720px 340px at 0% 45%,rgba(255,255,255,.025),transparent 80%);
 background-position:left -180px top -530px,left center;
 background-size:520px auto,100% 100%;
 background-repeat:no-repeat;
}
.wrap>main>.box:nth-of-type(6n+8){
 background-image:var(--em-r26-bolt);
 background-position:right -220px top -570px;
 background-size:580px auto;
 background-repeat:no-repeat;
}
.hero .container{background:transparent}
.hero .hero__img.em-hero-photo{
 box-shadow:0 20px 45px rgba(0,0,0,.2),0 0 0 1px rgba(255,255,255,.09);
}
.hero__link{background:#333333;border-color:#6A6A6A}
.hero__link:hover,.hero__link:focus-visible{border-color:var(--em-yellow)}

/* Solid neutral surfaces and neutral light stages; photos/geometry are intact. */
form.filter,form:has(>.filter-nowrap){
 background:var(--em-search);
 border-color:#646464;
 box-shadow:0 10px 28px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.08);
}
form.filter .form-group input,form.filter .form-group__double,
form.filter .select2-container--default .select2-selection--single,
form.filter .select2-container--default .select2-selection--multiple,
form:has(>.filter-nowrap) .form-group input,form:has(>.filter-nowrap) .form-group__double,
form:has(>.filter-nowrap) .select2-container--default .select2-selection--single{
 background:#EFEFEF;border-color:#BCBCBC;
}
form.filter .form-group__double input,form:has(>.filter-nowrap) .form-group__double input{background:transparent}
form.filter .select2-container--default.select2-container--disabled .select2-selection--single,
form:has(>.filter-nowrap) .select2-container--default.select2-container--disabled .select2-selection--single{background:#DADADA;border-color:#B3B3B3}
.filter-menu__link:not(.active):not(:hover):not(:focus-visible){background:#343434;border-color:#777777}
.filter-menu__checkbox label{border-color:#777777}
.attention,.car-card__attention{background:#3A3A3A;border-color:#616161;border-left-color:var(--em-yellow)}
.brands__item{background:#343434;border-color:#555555;box-shadow:inset 0 1px 0 rgba(255,255,255,.045)}
.brands__item:hover,.brands__item:focus-visible{background:#404040;border-color:var(--em-yellow)}
.card__desc,.card-row{background:var(--em-card-surface);border-color:var(--em-card-line)}
.card__desc{box-shadow:0 9px 24px rgba(0,0,0,.13)}
.card__btn{border-color:#8A8A8A;color:var(--em-yellow)}
.card__btn:hover,.card__btn:focus-visible{background:var(--em-yellow);border-color:var(--em-yellow);color:var(--em-ink)}
.card__btn:hover svg,.card__btn:focus-visible svg{fill:var(--em-ink)}
.section__footer>.link{border-color:#858585}
.section__footer>.link:hover,.section__footer>.link:focus-visible{border-color:var(--em-yellow);color:var(--em-yellow)}
.carousel .slick-arrow,.gallery__thumbs .slick-arrow{border-color:#858585}
.carousel .slick-arrow:hover,.carousel .slick-arrow:focus-visible,
.gallery__thumbs .slick-arrow:hover,.gallery__thumbs .slick-arrow:focus-visible{border-color:var(--em-yellow)}
.em-card-note{color:#D1D1D1}
.em-card-unpriced{color:#E2E2E2}
.review-card,.reviews-nav__item{background:#414141;border-color:#656565;box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.sites-reviews .sites-reviews__item{background:#484848;border-color:#727272;box-shadow:inset 0 1px 0 rgba(255,255,255,.07)}
.sites-reviews .sites-reviews__item:hover,.sites-reviews .sites-reviews__item:focus-visible{background:#505050;border-color:var(--em-yellow)}
.sites-reviews .sites-reviews__qnt{color:#D7D7D7}
.faq__item:not(.open){background:#343434;border-color:#595959}

/* Neutral supporting text/controls. Preserve semantic status green and selected yellow. */
form.filter .form-group label,form:has(>.filter-nowrap) .form-group label{color:#DDDDDD}
form.filter .form-checkbox label,form.filter .btn-reset,
form.filter .form-range .irs--flat .irs-from,form.filter .form-range .irs--flat .irs-single,form.filter .form-range .irs--flat .irs-to{color:#E5E5E5}
.filter-menu__link:not(.active):not(:hover):not(:focus-visible){color:#EEEEEE}
.filter-menu__checkbox input:not(:checked)+label::before{border-color:#929292}
.filter-menu__checkbox input:checked+label::after{border-color:var(--em-ink)}
.filter .form-checkbox input:not(:checked)+label::before{border-color:#929292}
.filter .form-group input,.filter .form-group textarea,.filter .form-group__dropdown span,.filter .select2-search__field{color:#202020}
.filter .form-group input::placeholder,.filter .select2-container--default .select2-selection--single .select2-selection__placeholder{color:#656565}
.filter .form-group__double::before,.filter .form-group__double::after,
form:has(>.filter-nowrap) .form-group__double::before,form:has(>.filter-nowrap) .form-group__double::after{color:#656565}
.filter .form-group__double .select2.select2-container:first-of-type{border-color:#BCBCBC}
.filter .select2-container--default .select2-selection--single .select2-selection__rendered,
.filter .select2-container--default .select2-selection--multiple .select2-selection__rendered{color:#202020}
.filter .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__rendered{color:#656565}
.filter .select2-container--default .select2-selection--single .select2-selection__arrow b,
form:has(>.filter-nowrap) .select2-container--default .select2-selection__arrow b{border-top-color:#656565}
.filter .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-bottom-color:#656565;border-top-color:transparent}
.filter .select2-container--default .select2-selection--multiple .select2-selection__choice{background:#E0E0E0;color:#202020;border-color:#B9B9B9}
.filter .form-group__dropdown{background:#EFEFEF;border-color:#BCBCBC}
.filter .form-group__dropdown span:hover{color:#202020}
form.filter .form-group input:focus,form:has(>.filter-nowrap) .form-group input:focus,
form.filter .select2-container--default.select2-container--open .select2-selection--single,
form.filter .select2-container--default.select2-container--open .select2-selection--multiple,
form:has(>.filter-nowrap) .select2-container--default.select2-container--open .select2-selection--single{border-color:var(--em-yellow)}
.attention,.car-card__attention,.attention__text,.car-card__attention p{color:#E8E8E8}
.footer{
 background-color:#292929;
 background-image:radial-gradient(ellipse 780px 430px at 95% 100%,rgba(255,255,255,.025),transparent 80%);
 border-top:1px solid rgba(255,255,255,.1);
}

@media(max-width:991px){
 .wrap>main{background-size:520px auto,100% 1000px;background-position:right -210px top -270px,center top}
 .wrap>main>.box:nth-of-type(6n+5){background-position:left -235px top -450px,left center}
 .wrap>main>.box:nth-of-type(6n+8){background-position:right -275px top -510px}
}
@media(max-width:767px){
 body,body.dark{background-image:linear-gradient(105deg,#2B2B2B,#303431 48%,#323232)}
 .wrap>main{background-image:var(--em-r26-bolt-mobile);background-size:330px auto;background-position:right -120px top -150px}
 /* A complete, quiet 42px-tall mark beside the heading: never fragments behind cards.
    Narrow screens use the outer gutter so the mark cannot overlap heading text. */
 .wrap>main>.box:nth-of-type(6n+5),.wrap>main>.box:nth-of-type(6n+8){
  background-image:var(--em-r26-bolt-detail);
  background-size:16px auto;
  background-position:right 20px top 0;
 }
 .brands{scrollbar-color:#777777 transparent}
 .hero .hero__img.em-hero-photo{box-shadow:0 12px 28px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.1)}
 form.filter,form:has(>.filter-nowrap){box-shadow:0 7px 20px rgba(0,0,0,.12),inset 0 1px 0 rgba(255,255,255,.08)}
}
@media(max-width:339px){
 .wrap>main>.box:nth-of-type(6n+5),.wrap>main>.box:nth-of-type(6n+8){background-position:right 6px top 0}
}
@media(forced-colors:active){
 body,body.dark,.wrap>main,.wrap>main>.box,.em-header-native .navbar,.footer{background-image:none}
}

/* r28 legacy text-face normalization */
.form-btn span,
.form-group label,
.form-group input,
.form-group textarea,
.form-checkbox label,
.login-btn span,
.modal__title,
.section-title,
.link,
.faq__header span,
.preview__title,
.preview__title span,
.preview__date,
.section__text,
.section__text figcaption,
.card__name,
.card__name span,
.card__item span,
.card__price,
.card__col span:first-child,
.card__col span:nth-child(2),
.card-row__price-val,
.card-row__price-txt,
.card-row__price-info,
.card-row__name,
.card-row__age span,
.card-row__col span,
.card-row__status,
.brands__item,
.filter-menu__link,
.filter-menu__checkbox label,
.dropdown__link,
.btn-border,
.box__title,
.attention__text,
.looking__label,
.looking__item a p,
.catalog__info p,
.car-brands__link,
.car-card__header p,
.car-card__footer p,
.car-card__desc p,
.car-card__attention p,
.specifs__item span,
.car-price__item span,
.auction-list__toggle,
.auction-list__link,
.price-breakdown__title,
.price-breakdown__average,
.price-breakdown__subtitle,
.price-breakdown__price,
.price-breakdown__text,
.price-breakdown__list li,
.price-breakdown__total span,
.price-breakdown__disclaimer p,
.calc-toggle__btn,
.text p,
.exchange,
.exchange span:first-child.lg,
.found__title,
.found__desc p,
.found__table table th,
.found__table table td,
.car-other__name,
.car-other__info p,
.car-other__price,
.car-other__offer,
.gnr-sets__years,
.gnr-sets__subtitle,
.sets-table table th,
.sets-table table td,
.selection__title,
.selection__radio label,
.calc-desc,
.contacts__title,
.contacts__text a,
.contacts__text address,
.calc p,
.calc-radio__item label,
.calc-table__header span,
.calc-table__row span,
.calc-table__row span:nth-child(2),.calc-table__row span:nth-child(3),
.calc-table__desc p,.calc-table__desc ul li,
.calc-table__footer .calc-table__row span:first-child,
.article ol li,
.article ol li::before,
.article ul li,
.article p,
.article h2,
.article figcaption,
.article__author div span,
.article__author div span:first-child,
.share__label,
.account__title,
.comparison__name,
.comparison__title span,
.comparison__item .comparison__col span,
.comparison__legend span,
.contract__num,
.contract__text ul li,
.contract__text p,
.contract__title,
.contract__load a,
.contract__load p,
.sets-catalog__title,
.sets-catalog__link,
.contract-nav__item,
.contract-nav__item span,
.entry__title,
.entry__text,
.model-range__title,
.model-range__link,
.track-auto__title,
.track-auto__item span,
.rating span,
.track-status__title,
.track-status__num,
.track-status__desc p,
.review-card__name,
.review-card__text p,
.review-card__toggle,
.hero__title,
.hero__link span,
.equipment__title,
.equipment__item,
.car-sets__info p,
.car-sets__qnt,
.car-sets__item,
.selection-card__name span,
.selection-card__name h2,
.selection-card__price,
.exchange-rates__link,
.dynamics-nav__btn,
.btn-reset,
.app-btn,
.review-video__info,
.review-video__info span,
.radar__form input,
.btn-arr>span,
.catalog-qnt,
.auctions__nav a,
.reviews-nav__item span,
.member__name,
.member__tel,
.member__role,
.auctions-list__title,
.auctions-list__text,
.auctions-list__nav a,
.auc-accordion__title,
.auc-accordion__item span,
.auc-accordion__grid,
.issue__subtitle,
.issue__text p,
.issue__desc,
.price__label,
.price__val,
.specs__name,
.specs__role,
.specs__tel,
.dropdown-second__link,
.checking__text,
.checking__footer p,
.configuration-label-multiple .text.small,.configuration-label-multiple .text.sub,
.configuration-label-figure>span.m,
.configuration-value-overview-value,
.configuration-value-overview-unit,
.configuration-value-overview-label,
.configuration-compare-title,
.article p.card__name,
.article .section--slider div.card__price>p{font-family:var(--font)}

/* r28: one dark graphite system across the existing functional site.
   Owner requested a genuinely neutral dark base, not the previous green graphite.
   Semantic status/map colours, source photos, data and functional hooks are retained. */
:root{
 --em-graphite:#242424;--em-surface:#303030;--em-surface-3:#505050;
 --em-search:#303030;--em-card-surface:#333333;--em-card-line:#606060;
 --em-line:#606060;--em-ink:#181818;--em-paper:#FFFFFF;--em-neutral:#F2F2F2;
 --em-muted:#CCCCCC;--em-stage:#E7E7E7;
 --font:Inter,Arial,sans-serif;--gray:#CCCCCC;--font-gray:#CCCCCC;
 --bg-box:#242424;--bg-box-gray:#F2F2F2;--bg-box-dark:#303030;
 --bg-dark:#242424;--bg-card:#333333;--border:#606060;
 --primary-dark:#181818;--font-dark:#181818;
}
body,body.dark{background-color:var(--em-graphite);background-image:linear-gradient(112deg,#202020,#242424 44%,#2A2A2A 78%,#222222);background-repeat:no-repeat;font-family:var(--font);color:var(--em-paper)}
.em-header-native .navbar,.em-header-native .navbar.fixed,.em-header-native .navbar.em-compact{background:#242424;border-color:#484848}
.em-header-native .menu{border-color:#484848}
.em-header-native .burger{border-color:#707070}
.top-account,.dropdown,.dropdown-second{background:#242424;border-color:#606060}
.hero__link{background:#303030}
.footer{background:#222222;border-color:#484848}
.footerbar{border-color:#484848}
.bottom{background:#202020;border-top:1px solid #484848}
.bottom__text,.bottom__text a{color:var(--em-muted);font-family:var(--font);font-size:13px;line-height:1.5}
.bottom__text a:hover,.bottom__text a:focus-visible{color:var(--em-yellow)}
/* Dense inner pages use the same neutral background without a line through text. */
body:not(:has(.hero)) .wrap>main,body:not(:has(.hero)) .wrap>main>.box{background-image:none}

/* Explicit roles replace legacy font-face aliases (the old exact-weight face could win). */
h1,h2,h3{font-family:Oswald,Arial,sans-serif;font-weight:700;line-height:1.25}
.section-title,.box__title,.sets-catalog__title,.entry__title,.model-range__title,.track-auto__title,.track-status__title,.equipment__title,.auctions-list__title,.account__title,.found__title,.selection__title{font-family:Oswald,Arial,sans-serif;font-weight:700;font-size:30px;line-height:1.25;text-transform:none;letter-spacing:-.015em}
.section-title--inner{font-size:34px}
.section-title--sm{font-size:27px}
.sets-catalog__title,.entry__title,.auctions-list__title{margin-bottom:24px}
.hero__title{font-family:Oswald,Arial,sans-serif}
.modal__title{font-family:Oswald,Arial,sans-serif}
.article h1{font-family:Oswald,Arial,sans-serif;font-size:30px;line-height:1.3}
.article h2:not(.section-title),.section__text h2:not(.section-title){font-family:var(--font);font-size:24px;font-weight:600;line-height:1.4;text-transform:none;letter-spacing:-.015em}
.article h3,.section__text h3,.contract__title{font-family:var(--font);font-size:20px;font-weight:600;line-height:1.45;text-transform:none}
.section__text,.text,.article,.contract__text,.checking__text{font-family:var(--font);font-size:16px;line-height:1.65;color:var(--em-muted)}
.section__text p,.text p,.article p:not([class]),.article li,.contract__text p,.contract__text li{font-family:var(--font);font-size:16px;line-height:1.65}
.contacts,.contacts address,.contacts p,.contacts a,.car-card__desc,.card-stock__desc,.gnr-sets,.car-sets,.configuration-compare-title,.configuration-label-figure>span.m,.configuration-value-overview-value,.configuration-value-overview-unit,.configuration-value-overview-label{font-family:var(--font)}
.contacts__title,.member__name,.specs__name,.review-video__info,.car-other__name,.selection-card__name h2,.comparison__name{font-family:var(--font);font-size:20px;font-weight:600;line-height:1.4;text-transform:none}
.contacts__title{margin-bottom:12px}
.specs__tel{font-family:var(--font);font-size:18px;font-weight:600;line-height:1.4}
.share__label{font-family:var(--font);font-size:15px;font-weight:600;text-transform:none}
.irs,.irs-from,.irs-to,.irs-single,.irs-min,.irs-max{font-family:var(--font)}
.card__name,.card-row__name,.card-stock__name,.preview__title,.review-card__name,.article p.card__name{font-family:var(--font);font-weight:600}
.price__val,.car-other__price,.selection-card__price,.price-breakdown__price,.price-breakdown__average,.price-breakdown__total span,.article .section--slider div.card__price>p{font-family:var(--font);font-weight:600;letter-spacing:-.025em}
.price-breakdown__average,.found__title{color:var(--em-yellow)}
.review-video__img::after{background-color:var(--em-yellow)}
.gnr-sets__subtitle{font-family:var(--font);font-size:26px;font-weight:600;line-height:1.4;text-transform:none}
.specifs__item{column-gap:12px}
.specifs__item>span{width:calc(50% - 6px);min-width:0;font-size:16px;line-height:1.5;overflow-wrap:anywhere}
/* Keep the original table and actions, but contain wide data and use one accent. */
.sets-table{max-width:100%;min-width:0;overflow-x:auto;margin:0;padding:0 0 10px;scrollbar-color:#858585 #303030}
.sets-table table{width:100%;min-width:1050px}
.sets-table table thead,.sets-table table thead tr,.sets-table table th{background:var(--em-yellow);color:var(--em-ink)}
.sets-table table th{font-family:var(--font);font-size:14px;font-weight:600;line-height:1.5;padding:15px 12px}
.sets-table table td{font-family:var(--font);font-size:14px;line-height:1.5;padding:15px 12px;border-color:#606060;border-width:1px}
.sets-table table th:first-child,.sets-table table td:first-child{padding-left:16px}
.sets-table::-webkit-scrollbar-track{background:#303030}
.sets-table::-webkit-scrollbar-thumb{background:#858585}

/* Same typography and state contrast for the older utility controls. */
.btn-border,.calc-toggle__btn,.blog-nav__btn,.dynamics-nav__btn,.exchange-rates__link,.selection__radio label,.calc-radio__item label,.auctions-list__nav a,.auctions__nav a,.contract__load a{
 font-family:var(--font);font-size:14px;font-weight:600;line-height:1.4;text-transform:none;
 border-radius:9px;letter-spacing:0;
}
.btn-border{height:auto;min-height:48px;padding:11px 16px;border-width:1px;border-color:#858585;white-space:normal;text-align:center}
.calc-toggle__btn{height:auto;min-height:44px;border-width:1px;border-color:#858585}
.blog-nav__btn{border-color:#858585}
.blog-nav__btn.active,.auctions__nav a.active,.auctions-list__nav a.active,.btn-border.current{background:var(--em-yellow);border-color:var(--em-yellow);color:var(--em-ink)}
.btn-border:focus-visible,.calc-toggle__btn:focus-visible{border-color:var(--em-yellow)}
.sets-catalog__link{font-family:var(--font);border:1px solid #606060;border-radius:9px;background:#303030;line-height:1.4}
.sets-catalog__link:hover,.sets-catalog__link:focus-visible{border-color:var(--em-yellow);color:var(--em-yellow)}
.shortcode__item,.hits__select{background:#303030;border-color:#606060}
.shortcode__item{font-family:var(--font)}
.auc-accordion__section:not(.active) .auc-accordion__header,.auc-accordion__grid{background:#303030;border-color:#606060;border-width:1px;border-radius:10px}
.auc-accordion__header{border-radius:10px}
.auc-accordion__title{font-family:var(--font);font-size:18px;line-height:1.4;font-weight:600;text-transform:none}
.auc-accordion__grid,.auc-accordion__item span{font-family:var(--font);font-size:15px;line-height:1.5}

/* Finish shared neutral surfaces, including form variants outside home filters. */
form.filter,form:has(>.filter-nowrap){background:#303030;border-color:#606060}
.card__desc,.card-row{background:#333333;border-color:#606060}
.review-card,.reviews-nav__item{background:#333333;border-color:#606060}
.sites-reviews .sites-reviews__item{background:#383838;border-color:#707070}
.sites-reviews .sites-reviews__item:hover,.sites-reviews .sites-reviews__item:focus-visible{background:#414141;border-color:var(--em-yellow)}
.faq__item:not(.open){background:#303030;border-color:#606060}
.attention,.car-card__attention{background:#303030;border-color:#606060;border-left-color:var(--em-yellow)}
.brands__item{background:#303030;border-color:#606060}
.form-group input,.form-group textarea,.form-group__double,.form-group__section:nth-child(2),.city-search form input{background-color:#303030;border-color:#707070}
form.filter .form-group input,form.filter .form-group textarea,form.filter .form-group__double,form.filter .form-group__section:nth-child(2),
form.filter .select2-container--default .select2-selection--single,form.filter .select2-container--default .select2-selection--multiple,
form:has(>.filter-nowrap) .form-group input,form:has(>.filter-nowrap) .form-group__double,form:has(>.filter-nowrap) .select2-container--default .select2-selection--single{background:#EFEFEF;border-color:#BCBCBC;color:#202020}
form.filter .form-group__double input,form:has(>.filter-nowrap) .form-group__double input{background:transparent}
form.filter .select2-container--default.select2-container--disabled .select2-selection--single,
form:has(>.filter-nowrap) .select2-container--default.select2-container--disabled .select2-selection--single{background:#DADADA;border-color:#B3B3B3}
.filter .form-group__section:nth-child(2) .select2-container--default .select2-selection--single{background:#EFEFEF}
.select2-container--default .select2-dropdown,.form-group__dropdown{background:#303030}
.select2-container--default .select2-search--dropdown .select2-search__field{background:#242424;border-color:#707070}
.form-group input:focus,.form-group textarea:focus,
form.filter .form-group input:focus,form:has(>.filter-nowrap) .form-group input:focus,
form.filter .select2-container--default.select2-container--open .select2-selection--single,form.filter .select2-container--default.select2-container--open .select2-selection--multiple{border-color:var(--em-yellow)}
.form-btn>.icon,.btn-arr>.icon{background:var(--em-yellow)}
.form-btn>.icon svg,.btn-arr>.icon svg{fill:var(--em-ink)}
.hero__link .icon{background:transparent}
.hero__link .icon svg{fill:var(--em-yellow)}
.hero__link:hover .icon svg{fill:var(--em-ink)}
/* Fixed navigation must fit the usable viewport, including classic scrollbars. */
body .dropdown,body .dropdown-second{max-width:100%}

@media(max-width:767px){
 body,body.dark{background-image:linear-gradient(110deg,#222222,#262626 56%,#242424)}
 .section-title,.box__title,.sets-catalog__title,.entry__title,.model-range__title,.track-auto__title,.track-status__title,.equipment__title,.auctions-list__title,.account__title,.found__title,.selection__title{font-size:26px}
 .section-title--inner{font-size:29px}
 .article h1{font-size:27px}
 .article h2:not(.section-title),.section__text h2:not(.section-title){font-size:21px}
 .article h3,.section__text h3,.contract__title{font-size:18px}
 .contacts__title,.member__name,.specs__name{font-size:18px}
 .btn-border,.calc-toggle__btn,.auctions-list__nav a{font-size:13px}
 .btn-border{padding:10px 12px;min-height:44px}
 .sets-catalog__title,.entry__title,.auctions-list__title{margin-bottom:20px}
 .auc-accordion__title{font-size:16px}
 .gnr-sets__subtitle{font-size:21px}
 .bottom__text{font-size:12px}
}
@media(max-width:374px){.section-title,.box__title{font-size:24px}}
@media(forced-colors:active){body,body.dark,.em-header-native .navbar,.footer{background-image:none}}