/* Bright CHE-POCHEM prototype, rebuilt from image + real HTML.
   Hero illustration: cropped high-quality art, NOT a screenshot of UI text. */
body.market-search,body.account-dashboard-page{background:linear-gradient(#f5faff,#edf6ff 450px,#f5f8ff 950px);color:#081638}
body.market-search #searchMain>.market-hero.che-hero,
body.account-dashboard-page .account-hero.che-hero{
  position:relative;isolation:isolate;overflow:hidden;
  /* The SAME photograph starts at the hero's top edge and continues behind
     the translucent navigation. Keep top spacing inside the photo container. */
  padding-top:14px;
  /* Use the sky portion of the SAME photo behind the left/title area;
     no second car is painted beneath the foreground car. */
  background:#dcefff url('/che-pochem-hero.avif') left top / 300% auto no-repeat;
  border:0;box-shadow:0 10px 32px rgba(40,97,168,.07);line-height:normal
}
body.market-search .che-hero.che-hero::before,
body.account-dashboard-page .che-hero.che-hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse at 26% 56%,rgba(255,255,255,.94) 0%,rgba(255,255,255,.80) 39%,transparent 66%),
    radial-gradient(ellipse at 100% 0%,rgba(255,255,255,.12),transparent 55%)
}
body.market-search .che-topnav,body.account-dashboard-page .che-topnav{
  position:relative;z-index:4;margin:0 4.2%;padding:10px 27px;
  background:rgba(255,255,255,.97);border:1px solid rgba(224,236,252,.7);
  border-radius:19px;min-height:72px;box-shadow:0 13px 36px rgba(25,65,125,.12);gap:25px
}
body.market-search .che-logo-name,body.account-dashboard-page .che-logo-name{
  letter-spacing:-.045em;font-size:clamp(23px,1.8vw,29px);font-style:italic;font-weight:900
}
body.market-search .che-logo-caption,body.account-dashboard-page .che-logo-caption{font-size:10px}
body.market-search .che-navlinks a,body.account-dashboard-page .che-navlinks a{
  font-size:calc(13px + 1pt);letter-spacing:-.01em;color:#092050;font-weight:700;padding:10px 14px
}
body.market-search .che-navlinks a:hover,body.account-dashboard-page .che-navlinks a:hover{
  background:#edf5ff;color:#066aff
}
body.market-search .che-hero-content,body.account-dashboard-page .che-hero-content{
  position:relative;z-index:3;min-height:354px;display:block;
  padding:40px 4.9% 45px;overflow:hidden
}
body.market-search .che-hero-copy,body.account-dashboard-page .che-hero-copy{
  position:relative;z-index:3;max-width:690px;width:53%;padding:0;
  text-shadow:0 1px 0 rgba(255,255,255,.55)
}
body.market-search .che-hero-title,body.account-dashboard-page .che-hero-title{
  font-weight:900;letter-spacing:-.055em;font-size:clamp(38px,3.9vw,64px);
  line-height:1.035;color:#061337;margin:18px 0 15px
}
body.market-search .che-hero-title span,body.account-dashboard-page .che-hero-title span{color:#066aff}
/* Keep the approved headline rhythm: 'Поиск автомобилей' / 'из Китая'. */
body.market-search .che-hero-title span{display:block}
body.market-search .che-hero-tagline,body.account-dashboard-page .che-hero-tagline{
  display:inline-flex;color:#0666ed;background:rgba(255,255,255,.94);
  padding:8px 14px;border-radius:99px;border:1px solid rgba(201,227,255,.8);
  font-weight:750;font-size:12px;box-shadow:0 3px 11px rgba(12,108,245,.06)
}
body.market-search .che-hero-desc,body.account-dashboard-page .che-hero-desc{
  color:#3d5885;font-size:clamp(15px,1.33vw,18px);line-height:1.48;
  max-width:570px;font-weight:500
}
body.market-search .che-hero-highlights,body.account-dashboard-page .che-hero-highlights{
  gap:12px;display:flex;flex-wrap:wrap;margin-top:27px;align-items:center
}
body.market-search .che-hero-highlights span,body.account-dashboard-page .che-hero-highlights span{
  display:inline-flex;gap:8px;align-items:center;color:#132c5c;
  background:rgba(255,255,255,.84);padding:9px 10px 9px 8px;border-radius:18px;
  font-size:12px;line-height:1.2;font-weight:750;box-shadow:0 4px 14px rgba(28,83,142,.05)
}
body.market-search .che-hero-highlights span::before,body.account-dashboard-page .che-hero-highlights span::before{
  font-size:12px;background:#d8fcf0;color:#04ae70;width:23px;height:23px;box-shadow:none
}
body.market-search .che-hero-highlights span:nth-child(2)::before{content:"≡";background:#e2efff;color:#066aff;font-size:17px}
body.market-search .che-hero-highlights span:nth-child(3)::before{content:"★";background:#fff7da;color:#efa800;font-size:17px}
body.market-search #searchMain>.market-hero.che-hero img.che-hero-illustration,
body.account-dashboard-page .account-hero.che-hero img.che-hero-illustration{
  /* Positioned against the ENTIRE hero, not the copy block below the navbar. */
  position:absolute;z-index:2;display:block;right:0;top:0;bottom:0;
  width:61%;max-width:none;height:100%;aspect-ratio:auto;
  object-fit:cover;object-position:center bottom;
  margin:0;border:0;filter:none;
  -webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.45) 11%,#000 22%);
  mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.45) 11%,#000 22%)
}
body.market-search #filterPanel{
  position:relative;z-index:5;margin:-15px auto 22px;
  width:calc(100% - 6.3%);max-width:1550px;
  padding:21px clamp(18px,2.2vw,38px) 24px;background:rgba(255,255,255,.99);
  border-radius:21px;border:1px solid #edf2fa;box-shadow:0 14px 42px rgba(51,104,167,.11)
}
body.market-search #filterPanel .search-filter-v5-head h2{
  color:#07183b;font-size:22px;font-weight:850
}
body.market-search #filterPanel .filter-label-v5,body.market-search #filterPanel label{
  color:#17305c
}
body.market-search #filterPanel select,
body.market-search #filterPanel input:not([type="checkbox"]),
body.market-search #filterPanel .brand-picker-button-v5{
  border-color:#d6e3f5;background:#fff;border-radius:9px
}
body.market-search #filterPanel input:focus-visible,
body.market-search #filterPanel select:focus-visible,
body.market-search #filterPanel button:focus-visible{outline:2px solid #0971ff;outline-offset:2px}
body.market-search #filterPanel #searchPrimaryBtn{
  background:#076aff;border-radius:11px;box-shadow:0 8px 20px rgba(6,101,241,.22);
  font-size:14px;font-weight:750
}
body.market-search #filterPanel #searchPrimaryBtn:hover{background:#005be6}
body.market-search #marketResultHeading{
  font-size:clamp(19px,1.8vw,27px);font-weight:900;letter-spacing:-.025em
}
body.market-search #cars .car-v2{
  border:1px solid #ebf1fa;border-radius:14px;
  box-shadow:0 7px 22px rgba(34,85,145,.065)
}
body.market-search #cars .car-v2:hover{
  box-shadow:0 11px 25px rgba(22,91,188,.14);
  transform:translateY(-2px);transition:box-shadow .2s ease,transform .2s ease
}
body.market-search #cars .car-v2.car-best-equipment:hover{border-color:#2e9954}
body.account-dashboard-page .account-hero.che-hero .che-hero-content{min-height:300px;padding-top:48px}
body.account-dashboard-page .account-hero.che-hero .che-hero-title{font-size:clamp(38px,3.7vw,57px)}
body.account-dashboard-page .account-layout{position:relative;z-index:4;margin-top:-10px}
@media (max-width:1050px){
  body.market-search .che-hero-content,body.account-dashboard-page .che-hero-content{min-height:325px}
  body.market-search .che-hero-copy,body.account-dashboard-page .che-hero-copy{width:59%}
  body.market-search .che-hero-title,body.account-dashboard-page .che-hero-title{font-size:clamp(35px,4.2vw,48px)}
  body.market-search #searchMain>.market-hero.che-hero img.che-hero-illustration,
  body.account-dashboard-page .account-hero.che-hero img.che-hero-illustration{width:62%;object-position:55% bottom}
}
@media (max-width:680px){
  body.market-search #searchMain>.market-hero.che-hero,
  body.account-dashboard-page .account-hero.che-hero{
    padding-top:10px;
    background-size:auto 300%;
  }
  body.market-search .che-topnav,body.account-dashboard-page .che-topnav{
    margin:0 11px;padding:10px 12px;min-height:62px;border-radius:15px
  }
  body.market-search .che-navlinks,body.account-dashboard-page .che-navlinks{
    order:3;width:100%;justify-content:space-between;margin:4px 0 0
  }
  body.market-search .che-navlinks a,body.account-dashboard-page .che-navlinks a{
    font-size:calc(11px + 1pt);padding:9px 7px;gap:5px
  }
  body.market-search .che-hero-content,body.account-dashboard-page .che-hero-content{
    display:flex;flex-direction:column;min-height:0;padding:20px 22px 0
  }
  body.market-search .che-hero-copy,body.account-dashboard-page .che-hero-copy{width:100%;max-width:none}
  body.market-search .che-hero-title,body.account-dashboard-page .che-hero-title{
    font-size:clamp(34px,8vw,43px);line-height:1.07;margin:12px 0
  }
  body.market-search .che-hero-desc,body.account-dashboard-page .che-hero-desc{font-size:14px;line-height:1.5}
  body.market-search .che-hero-highlights{margin:15px 0 8px;gap:7px}
  body.market-search .che-hero-highlights span{
    font-size:10px;padding:6px 9px 6px 6px;gap:5px;border-radius:20px
  }
  body.market-search .che-hero-highlights span::before{width:18px;height:18px}
  body.market-search #searchMain>.market-hero.che-hero img.che-hero-illustration,
  body.account-dashboard-page .account-hero.che-hero img.che-hero-illustration{
    position:relative;top:auto;right:auto;bottom:auto;margin:1px 0 0;
    display:block;width:100%;max-width:none;height:auto;aspect-ratio:1100 / 536;
    object-fit:cover;object-position:center bottom;
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 17%);
    mask-image:linear-gradient(to bottom,transparent 0%,#000 17%)
  }
  body.market-search #filterPanel{margin:-5px auto 15px;padding:16px;width:calc(100% - 22px);border-radius:15px}
  body.market-search #marketResultHeading{font-size:20px}
  body.account-dashboard-page .account-hero.che-hero .che-hero-content{min-height:0;padding:20px 22px 0}
  body.account-dashboard-page .account-layout{margin-top:0}
}
@media (prefers-reduced-motion:reduce){
  body.market-search #cars .car-v2:hover{transform:none;transition:none}
}


/* One-tap filter disclosure in the vivid search page (desktop and mobile). */
body.market-search #filterPanel .search-filter-v5-head{
  cursor:pointer;
}
body.market-search #filterPanel .search-filter-v5-head h2 button{
  border:0;background:none;padding:0;margin:0;color:inherit;
  font:inherit;font-weight:inherit;text-align:left;cursor:pointer;
}
body.market-search #filterPanel #toggleFiltersBtn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  flex-shrink:0;border:1px solid #cfdef5;border-radius:10px;
  background:#f0f6ff;color:#075fdf;padding:9px 14px;
  box-shadow:none;font-size:13px;font-weight:750;white-space:nowrap;cursor:pointer;
}
body.market-search #filterPanel #toggleFiltersBtn:hover{
  background:#e3efff;border-color:#a9c8fc;
}
body.market-search #filterPanel #toggleFiltersBtn::after{
  content:'⌃';font-size:16px;line-height:1;
}
body.market-search #filterPanel.is-collapsed{
  min-height:0;padding-top:17px;padding-bottom:17px;
}
body.market-search #filterPanel.is-collapsed .search-filter-v5-head{
  margin-bottom:0;
}
body.market-search #filterPanel.is-collapsed #toggleFiltersBtn::after{
  content:'⌄';
}
body.market-search #filterPanel #filterContent[hidden]{
  display:none!important;
}
@media(max-width:680px){
  body.market-search #filterPanel.is-collapsed{
    padding-top:13px;padding-bottom:13px;
  }
  body.market-search #filterPanel .search-filter-v5-head h2{
    font-size:18px;
  }
  body.market-search #filterPanel #toggleFiltersBtn{
    padding:9px 11px;font-size:12px;
  }
}