/* ==================================================
   Driveandgo Warm Theme
   Warm visual layer for marketplace2_lilac
================================================== */

:root{
  --container:1360px;
  --page-shell:1360px;
  --page-gutter:24px;
  --page-gutter-mobile:14px;
  --page-top-gap:40px;
  --page-top-gap-mobile:24px;
  --brand:#e98743;
  --brand-2:#f0a15e;
  --brand-soft:rgba(233,135,67,.10);

  --bg-main:#ffffff;
  --bg-header:rgba(255,255,255,.95);
  --bg-card:rgba(255,255,255,.97);
  --bg-card-2:rgba(255,248,241,.98);
  --bg-soft:rgba(233,135,67,.06);

  --text-main:#17120d;
  --text-muted:rgba(31,23,18,.72);
  --text-dim:rgba(31,23,18,.56);

  --border:rgba(233,135,67,.14);
  --border-2:rgba(233,135,67,.22);

  --shadow-sm:0 10px 28px rgba(120,74,36,.08);
  --shadow-md:0 18px 48px rgba(120,74,36,.12);
  --shadow-header:0 10px 32px rgba(120,74,36,.10);
  --shadow-pop:0 22px 56px rgba(120,74,36,.16);

  --glow:0 0 0 1px rgba(233,135,67,.12), 0 12px 28px rgba(240,161,94,.16);
  --glow-strong:0 0 0 1px rgba(233,135,67,.18), 0 18px 44px rgba(240,161,94,.22);
}

html,
body{
  background:#ffffff !important;
  color:var(--text-main) !important;
}

body{
  color:var(--text-main) !important;
}

a{
  color:var(--brand);
}

h1,h2,h3,h4,h5,h6,
strong,
label,
dt,
th{
  color:var(--text-main);
}

p,
small,
dd,
td,
.muted,
.dim,
.section-sub{
  color:var(--text-muted);
}

.page{
  color:var(--text-main);
}

.container{
  position:relative;
  max-width:var(--page-shell) !important;
  padding-left:var(--page-gutter);
  padding-right:var(--page-gutter);
}

.container .container{
  max-width:100% !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

.section{
  max-width:var(--page-shell) !important;
  margin-left:auto;
  margin-right:auto;
  margin-top:28px;
  margin-bottom:28px;
}

main.page > .container,
main.requests-index-page > .container,
main.request-create-page > .container,
main.request-view-page > .container,
main.request-offer-page > .container{
  width:min(100%, calc(var(--page-shell) + (var(--page-gutter) * 2))) !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:var(--page-gutter) !important;
  padding-right:var(--page-gutter) !important;
  /* top gap comes from .page only — keeps the offset identical on every page */
  padding-top:0 !important;
}

#catalog.section,
#usedCatalog.section,
body.break-page .section,
body.parts-new .section[data-part-condition="new"],
body.parts-used .parts-used-page,
body.parts-new .page-wrap,
body.parts-new .content-wrap,
body.parts-new .main-wrap,
body.parts-used .page-wrap,
body.parts-used .content-wrap,
body.parts-used .main-wrap,
.cars-page > .container,
#spares > .container,
.my-ads-section > .container,
.edit-car-page > .container,
.fav-page .container,
.seller-wrap,
.cd-wrap,
body.break-view-page .cd-wrap{
  width:min(100%, calc(var(--page-shell) + (var(--page-gutter) * 2))) !important;
  max-width:none !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:var(--page-gutter) !important;
  padding-right:var(--page-gutter) !important;
}

#catalog.section,
#usedCatalog.section,
body.break-page .section,
body.parts-new .section[data-part-condition="new"],
body.parts-used .parts-used-page,
.cars-page > .container,
#spares > .container,
.my-ads-section > .container,
.edit-car-page > .container,
.fav-page .container,
.seller-wrap,
.cd-wrap,
body.break-view-page .cd-wrap{
  /* top gap comes from .page only — keeps the offset identical on every page */
  margin-top:0 !important;
}

.seller-wrap{
  width:min(100%, var(--page-shell)) !important;
}

:is(.breadcrumbs, .home-breadcrumbs){
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:10px !important;
  margin:0 0 18px !important;
  color:rgba(31,23,18,.62) !important;
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
}

:is(.breadcrumbs, .home-breadcrumbs) a{
  color:#e98743 !important;
  text-decoration:none !important;
  font-weight:900 !important;
}

:is(.breadcrumbs, .home-breadcrumbs) a:hover{
  color:#d87431 !important;
  text-decoration:none !important;
}

:is(.breadcrumbs, .home-breadcrumbs) span{
  color:#1f1712 !important;
  font-weight:900 !important;
}

:is(.breadcrumbs, .home-breadcrumbs) .sep{
  color:#1f1712 !important;
  opacity:1 !important;
  font-weight:1000 !important;
}

@media (max-width:768px){
  main.page > .container,
  main.requests-index-page > .container,
  main.request-create-page > .container,
  main.request-view-page > .container,
  main.request-offer-page > .container{
    padding-left:var(--page-gutter-mobile) !important;
    padding-right:var(--page-gutter-mobile) !important;
    padding-top:0 !important;
  }

  #catalog.section,
  #usedCatalog.section,
  body.break-page .section,
  body.parts-new .section[data-part-condition="new"],
  body.parts-used .parts-used-page,
  .cars-page > .container,
  #spares > .container,
  .my-ads-section > .container,
  .edit-car-page > .container,
  .fav-page .container,
  .seller-wrap,
  .cd-wrap,
  body.break-view-page .cd-wrap{
    padding-left:var(--page-gutter-mobile) !important;
    padding-right:var(--page-gutter-mobile) !important;
    margin-top:0 !important;
  }

  :is(.breadcrumbs, .home-breadcrumbs){
    gap:8px !important;
    margin:0 0 14px !important;
    font-size:14px !important;
  }
}

/* Catalog card size correction: keep tiles compact even when there are few results */
#catalog .cars-grid[data-view="tile"],
#usedCatalog .cars-grid[data-view="tile"],
body.parts-new .latest-grid[data-view="tile"],
body.parts-used .latest-grid[data-view="tile"]{
  grid-template-columns:repeat(auto-fill, minmax(280px, 340px)) !important;
  justify-content:start !important;
  justify-items:stretch !important;
  align-items:stretch !important; /* усі картки в ряду — однакової висоти */
  gap:22px !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card,
body.parts-new .latest-grid:not([data-view="list"]) .car-card,
body.parts-used .latest-grid:not([data-view="list"]) .car-card{
  width:100% !important;
  max-width:340px !important;
  min-height:auto !important;
  height:100% !important; /* тягнеться на всю висоту клітинки сітки */
  border-radius:24px !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__img,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__img,
body.parts-new .latest-grid:not([data-view="list"]) .car-card__img,
body.parts-used .latest-grid:not([data-view="list"]) .car-card__img{
  height:205px !important;
  min-height:205px !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__body,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__body,
body.parts-new .latest-grid:not([data-view="list"]) .car-card__body,
body.parts-used .latest-grid:not([data-view="list"]) .car-card__body{
  gap:12px !important;
  padding:18px 18px 20px !important;
  flex:1 1 auto !important; /* тіло росте, щоб низ карток вирівнявся */
}

#catalog .cars-grid:not([data-view="list"]) .car-card__top,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__top{
  gap:10px !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-title,
#usedCatalog .cars-grid:not([data-view="list"]) .car-title,
body.parts-new .latest-grid:not([data-view="list"]) .car-title,
body.parts-used .latest-grid:not([data-view="list"]) .car-title{
  font-size:20px !important;
  line-height:1.15 !important;
  /* завжди резервуємо висоту 2 рядків: 1-рядкові й 2-рядкові заголовки
     займають однаково → ціна і характеристики нижче стоять на одному рівні */
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  min-height:46px !important;
}

#catalog .cars-grid:not([data-view="list"]) .price-big,
#usedCatalog .cars-grid:not([data-view="list"]) .price-big,
body.parts-new .latest-grid:not([data-view="list"]) .price-big,
body.parts-used .latest-grid:not([data-view="list"]) .price-big{
  font-size:23px !important;
}

#catalog .cars-grid:not([data-view="list"]) .meta-grid,
#usedCatalog .cars-grid:not([data-view="list"]) .meta-grid,
body.parts-new .latest-grid:not([data-view="list"]) .meta-grid,
body.parts-used .latest-grid:not([data-view="list"]) .meta-grid{
  gap:8px !important;
}

#catalog .cars-grid:not([data-view="list"]) .meta-item,
#usedCatalog .cars-grid:not([data-view="list"]) .meta-item,
body.parts-new .latest-grid:not([data-view="list"]) .meta-item,
body.parts-used .latest-grid:not([data-view="list"]) .meta-item{
  min-height:32px !important;
  padding:0 11px !important;
  gap:6px !important;
  font-size:13px !important;
  font-weight:850 !important;
}

#catalog .cars-grid:not([data-view="list"]) .meta-item i,
#usedCatalog .cars-grid:not([data-view="list"]) .meta-item i,
body.parts-new .latest-grid:not([data-view="list"]) .meta-item i,
body.parts-used .latest-grid:not([data-view="list"]) .meta-item i{
  font-size:14px !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__badges,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__badges,
body.parts-new .latest-grid:not([data-view="list"]) .car-card__badges,
body.parts-used .latest-grid:not([data-view="list"]) .car-card__badges{
  top:14px !important;
  left:14px !important;
  gap:8px !important;
  max-width:calc(100% - 84px) !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__badge,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__badge,
body.parts-new .latest-grid:not([data-view="list"]) .car-card__badge,
body.parts-used .latest-grid:not([data-view="list"]) .car-card__badge{
  min-height:34px !important;
  padding:0 12px !important;
  font-size:13px !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__fav,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__fav,
body.parts-new .latest-grid:not([data-view="list"]) .fav-btn,
body.parts-used .latest-grid:not([data-view="list"]) .fav-btn{
  top:14px !important;
  right:14px !important;
  width:44px !important;
  height:44px !important;
  border-radius:15px !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__fav i,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__fav i,
body.parts-new .latest-grid:not([data-view="list"]) .fav-btn i,
body.parts-used .latest-grid:not([data-view="list"]) .fav-btn i{
  font-size:17px !important;
}

@media (max-width:760px){
  #catalog .cars-grid[data-view="tile"],
  #usedCatalog .cars-grid[data-view="tile"],
  body.parts-new .latest-grid[data-view="tile"],
  body.parts-used .latest-grid[data-view="tile"]{
    grid-template-columns:1fr !important;
  }

  #catalog .cars-grid:not([data-view="list"]) .car-card,
  #usedCatalog .cars-grid:not([data-view="list"]) .car-card,
  body.parts-new .latest-grid:not([data-view="list"]) .car-card,
  body.parts-used .latest-grid:not([data-view="list"]) .car-card{
    max-width:none !important;
  }
}

/* Light lilac notifications dropdown */
.notif-box{
  width:min(360px, calc(100vw - 24px)) !important;
  max-height:min(520px, 72vh) !important;
  padding:10px !important;
  overflow-y:auto !important;
  color:#17120d !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,248,241,.98)),
    #fff !important;
  border:1px solid rgba(233,135,67,.13) !important;
  border-radius:24px !important;
  box-shadow:0 22px 54px rgba(120,74,36,.18) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.notif-box .notif-item{
  padding:12px !important;
  color:#17120d !important;
  font-size:13px !important;
  line-height:1.35 !important;
  display:flex !important;
  flex-direction:column !important;
  gap:8px !important;
  border:1px solid rgba(233,135,67,.08) !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.84) !important;
  box-shadow:0 8px 20px rgba(120,74,36,.06) !important;
}

.notif-box .notif-item + .notif-item{
  margin-top:8px !important;
}

.notif-box .notif-item:hover{
  background:#fff !important;
  border-color:rgba(233,135,67,.16) !important;
  box-shadow:0 12px 26px rgba(120,74,36,.10) !important;
}

.notif-box .notif-item.unread{
  background:rgba(233,135,67,.075) !important;
  font-weight:800 !important;
}

.notif-text{
  display:grid !important;
  grid-template-columns:24px minmax(0, 1fr) !important;
  align-items:start !important;
  gap:8px !important;
  word-break:break-word !important;
}

.notif-ico{
  width:24px !important;
  height:24px !important;
  display:grid !important;
  place-items:center !important;
  color:#d87431 !important;
  border-radius:10px !important;
  background:rgba(233,135,67,.09) !important;
}

.notif-time{
  padding-left:32px !important;
  color:rgba(31,23,18,.56) !important;
  font-size:12px !important;
}

.notif-empty{
  display:grid !important;
  gap:6px !important;
  padding:16px !important;
  color:#17120d !important;
  border-radius:18px !important;
  background:rgba(233,135,67,.055) !important;
  border:1px solid rgba(233,135,67,.09) !important;
}

.notif-empty strong{
  font-size:14px !important;
  font-weight:900 !important;
}

.notif-empty span{
  color:rgba(31,23,18,.66) !important;
  font-size:13px !important;
  line-height:1.4 !important;
}

.menu{
  background:#ffffff !important;
  border-bottom:1px solid var(--border) !important;
  box-shadow:var(--shadow-header) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.menu-item{
  color:var(--text-main) !important;
}

.menu-item:hover{
  background:rgba(233,135,67,.08) !important;
  color:var(--brand) !important;
}

.header-icon,
.dropdown-toggle{
  background:rgba(233,135,67,.08) !important;
  border:1px solid rgba(233,135,67,.14) !important;
  color:var(--brand) !important;
  box-shadow:none !important;
}

.header-icon:hover,
.dropdown-toggle:hover{
  background:rgba(233,135,67,.14) !important;
  border-color:rgba(233,135,67,.24) !important;
  color:#d87431 !important;
  box-shadow:var(--glow) !important;
}

.dropdown-content,
.notif-box{
  background:rgba(255,255,255,.96) !important;
  border:1px solid var(--border) !important;
  box-shadow:var(--shadow-pop) !important;
  color:var(--text-main) !important;
}

.dropdown-content a:hover,
.notif-box a:hover{
  background:rgba(233,135,67,.08) !important;
}

.footer{
  background:rgba(255,255,255,.84) !important;
  border-top:1px solid var(--border) !important;
  color:var(--text-muted) !important;
  box-shadow:0 -8px 24px rgba(120,74,36,.05);
}

.footer-logo{
  background:linear-gradient(135deg, #d87431, #f0a15e) !important;
  border:1px solid rgba(233,135,67,.16) !important;
  box-shadow:0 10px 24px rgba(233,135,67,.18) !important;
}

.footer a,
.footer-brand__text strong{
  color:var(--text-main) !important;
}

.footer a:hover{
  background:rgba(233,135,67,.08) !important;
  color:var(--brand) !important;
}

.appbar{
  background:rgba(255,255,255,.95) !important;
  border:1px solid var(--border) !important;
  box-shadow:var(--shadow-pop) !important;
}

.appbar__item{
  color:var(--text-muted) !important;
}

.appbar__item:hover{
  background:rgba(233,135,67,.08) !important;
  color:var(--brand) !important;
}

.appbar__ico{
  color:var(--brand) !important;
}

:is(
  .car-card,
  .catalog-card,
  .similar-card,
  .related-card,
  .dashboard-card,
  .quick-card,
  .choice-card,
  .auth-card,
  .profile-card,
  .seller-listing,
  .cargo-publication-card,
  .cargo-list-item,
  .requests-card,
  .request-card,
  .offer-card,
  .notification-card,
  .admin-moderation-card,
  .admin-moderation-filterbar,
  .admin-moderation-stat,
  .admin-moderation-empty,
  .cat-card
){
  background:var(--bg-card) !important;
  border:1px solid var(--border) !important;
  box-shadow:var(--shadow-sm) !important;
  color:var(--text-main) !important;
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}

:is(
  .car-card:hover,
  .catalog-card:hover,
  .similar-card:hover,
  .related-card:hover,
  .dashboard-card:hover,
  .quick-card:hover,
  .choice-card:hover,
  .seller-listing:hover,
  .cargo-publication-card:hover,
  .request-card:hover,
  .offer-card:hover,
  .cat-card:hover
){
  border-color:var(--border-2) !important;
  box-shadow:var(--shadow-md), var(--glow) !important;
}

.page.home{
  --brand:#e98743;
  --brand2:#f0a15e;
  --bg0:#ffffff;
  --bg1:#ffffff;
  --glass:rgba(255,255,255,.86);
  --glass2:rgba(255,248,241,.96);
  --soft:rgba(233,135,67,.06);
  --text:#17120d;
  --muted:rgba(31,23,18,.72);
  --dim:rgba(31,23,18,.56);
  --line:rgba(233,135,67,.14);
  --shadow:0 12px 30px rgba(120,74,36,.08);
  --shadow2:0 18px 45px rgba(120,74,36,.13);
  --glow:0 0 0 1px rgba(233,135,67,.12), 0 12px 28px rgba(240,161,94,.16);
  --glow-strong:0 0 0 1px rgba(233,135,67,.18), 0 18px 44px rgba(240,161,94,.22);
  background:#ffffff !important;
  color:var(--text) !important;
}

.page.home .hero{
  background:linear-gradient(135deg, rgba(255,255,255,.95), rgba(244,236,255,.96)) !important;
  border-color:rgba(233,135,67,.16) !important;
}

.page.home .hero__title,
.page.home .section-head h2,
.page.home .home-breadcrumbs{
  color:var(--text-main) !important;
}

.page.home .hero__desc,
.page.home .section-head p{
  color:var(--text-muted) !important;
}

.page.home .home-breadcrumbs a{
  color:var(--brand) !important;
}

.page.home .cat-card{
  background:rgba(255,255,255,.88) !important;
}

.page.home .cat-card::after{
  background:
    radial-gradient(420px 220px at 18% 22%, rgba(255, 154, 74, .24), transparent 55%),
    linear-gradient(120deg, rgba(24, 18, 14, .55), rgba(118, 63, 28, .72)) !important;
}

.page.home .cat-chip{
  background: rgba(255, 247, 239, .86) !important;
  border: 1px solid rgba(238, 132, 55, .24) !important;
  color: #c85f24 !important;
}

.page.home .cat-title,
.page.home .cat-sub{
  color:#ffffff !important;
  text-shadow:0 6px 20px rgba(45,23,12,.40);
}

.page.home .car-card,
.page.home .car-card.promoted{
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,248,241,.98)) !important;
}

.page.home .car-card__price,
.car-card__price{
  color:#e98743 !important;
  text-shadow:0 0 18px rgba(240,161,94,.16) !important;
}

.page.home .spec,
.spec{
  color:var(--text-main) !important;
}

.page.home .no-photo,
.no-photo{
  background:
    repeating-linear-gradient(
      45deg,
      rgba(233,135,67,.08),
      rgba(233,135,67,.08) 12px,
      rgba(233,135,67,.03) 12px,
      rgba(233,135,67,.03) 24px
    ) !important;
  color:var(--text-muted) !important;
}

:is(.btnx, .auth-submit, .cargo-btn, .admin-moderation-bot__apply, .admin-moderation-actions button){
  border-radius:999px !important;
}

:is(.btnx.primary, .btn-primary, .auth-submit, .cargo-btn--primary, .admin-moderation-actions button, .admin-moderation-bot__apply){
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  color:#ffffff !important;
  border:1px solid rgba(233,135,67,.18) !important;
  box-shadow:0 12px 28px rgba(233,135,67,.20) !important;
}

:is(.btnx.primary, .btn-primary, .auth-submit, .cargo-btn--primary, .admin-moderation-actions button, .admin-moderation-bot__apply):hover{
  box-shadow:var(--glow-strong) !important;
  transform:translateY(-1px);
}

:is(.btnx, .btn-ghost, .btn-soft, .cargo-btn--secondary):not(.primary):not(.btn-primary){
  background:rgba(233,135,67,.07) !important;
  color:#d87431 !important;
  border:1px solid rgba(233,135,67,.16) !important;
}

:is(.btnx, .btn-ghost, .btn-soft, .cargo-btn--secondary):not(.primary):not(.btn-primary):hover{
  background:rgba(233,135,67,.12) !important;
  box-shadow:var(--glow) !important;
}

.page :where(
  .auth-card input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  .auth-card select,
  .auth-card textarea,
  .profile-sheet input:not([type="checkbox"]):not([type="radio"]):not([type="file"]),
  .profile-sheet select,
  .profile-sheet textarea
){
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(233,135,67,.16) !important;
  color:var(--text-main) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.75), 0 6px 18px rgba(120,74,36,.05) !important;
}

.page :where(
  .auth-card input::placeholder,
  .auth-card textarea::placeholder,
  .profile-sheet input::placeholder,
  .profile-sheet textarea::placeholder
){
  color:rgba(31,23,18,.42) !important;
}

.page :where(
  .auth-card input:focus,
  .auth-card select:focus,
  .auth-card textarea:focus,
  .profile-sheet input:focus,
  .profile-sheet select:focus,
  .profile-sheet textarea:focus
){
  outline:none;
  border-color:rgba(233,135,67,.32) !important;
  box-shadow:0 0 0 4px rgba(233,135,67,.10), 0 12px 26px rgba(120,74,36,.10) !important;
}

table,
thead,
tbody,
tr,
.table,
.table-responsive{
  color:var(--text-main);
}

.badge,
.card-badge,
.admin-moderation-badge,
.cat-chip{
  box-shadow:0 10px 22px rgba(120,74,36,.16) !important;
}

.admin-moderation-badge--high{
  background:rgba(233,135,67,.14) !important;
  color:#d87431 !important;
}

.admin-moderation-badge--medium{
  background:rgba(240,161,94,.10) !important;
  color:#e98743 !important;
}

.admin-moderation-badge--low{
  background:rgba(255,231,214,.82) !important;
  color:#b45309 !important;
}

.admin-moderation-notice,
.admin-moderation-note{
  background:rgba(255,255,255,.86) !important;
  border:1px solid var(--border) !important;
  color:var(--text-main) !important;
}

/* ==================================================
   Auth / Login
================================================== */

body.auth-body{
  --auth-brand:#e98743 !important;
  --auth-brand-2:#f0a15e !important;
  --auth-brand-dark:#5a2d16 !important;
  --auth-text:#17120d !important;
  --auth-muted:rgba(31,23,18,.72) !important;
  --auth-muted-2:rgba(31,23,18,.54) !important;
  --auth-glass:rgba(255,255,255,.95) !important;
  --auth-glass-2:rgba(255,248,241,.98) !important;
  --auth-line:rgba(233,135,67,.14) !important;
  --auth-line-soft:rgba(233,135,67,.10) !important;
  --auth-line-strong:rgba(233,135,67,.22) !important;
  --auth-danger:#dc2626 !important;
  --auth-shadow:0 20px 44px rgba(120,74,36,.12) !important;
  --auth-btn-shadow:0 14px 30px rgba(233,135,67,.18) !important;
  background:#ffffff !important;
}

body.auth-body .auth-login__hero,
body.auth-body .auth-card{
  background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,248,241,.98)) !important;
  border-color:rgba(233,135,67,.12) !important;
  box-shadow:0 24px 56px rgba(120,74,36,.12) !important;
}

body.auth-body .auth-login__feature,
body.auth-body .auth-card__logo,
body.auth-body .auth-card__label{
  background:rgba(233,135,67,.05) !important;
  border-color:rgba(233,135,67,.12) !important;
}

body.auth-body .auth-note{
  background:rgba(233,135,67,.08) !important;
  border-color:rgba(233,135,67,.14) !important;
  color:#c85f24 !important;
}

/* ==================================================
   Cars / Spares hubs
================================================== */

.cars-page .breadcrumbs,
#spares .breadcrumbs{
  color:var(--text-dim) !important;
}

.cars-page .breadcrumbs a:hover,
#spares .breadcrumbs a:hover{
  color:var(--brand) !important;
}

.cars-page .hero,
#spares .hero,
#spares .actions-pill{
  background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,248,241,.98)) !important;
  border-color:rgba(233,135,67,.12) !important;
  box-shadow:var(--shadow-md) !important;
}

.cars-page .service-card,
#spares .service-card{
  border-color: rgba(233, 135, 67, .18) !important;
  box-shadow: 0 18px 44px rgba(120, 74, 36, .14) !important;
  background:
    linear-gradient(180deg, rgba(255, 180, 105, .12) 0%, rgba(91, 48, 22, .68) 100%),
    var(--bg) center / cover no-repeat !important;
}

.cars-page .service-card:hover,
#spares .service-card:hover{
  border-color:rgba(233,135,67,.20) !important;
  box-shadow:0 24px 56px rgba(120,74,36,.18) !important;
}

.cars-page .card-badge,
#spares .card-badge {
  background: rgba(255, 247, 239, .90) !important;
  border-color: rgba(238, 132, 55, .28) !important;
  color: #d96f2c !important;
}

#spares .pill-btn{
  background:rgba(233,135,67,.06) !important;
  border-color:rgba(233,135,67,.14) !important;
  color:var(--text-main) !important;
}

#spares .pill-btn:hover{
  background:rgba(233,135,67,.10) !important;
  border-color:rgba(233,135,67,.22) !important;
}

#spares .pill-btn .ico{
  background:rgba(233,135,67,.12) !important;
  color:var(--brand) !important;
}

#spares .pill-btn--primary{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  border-color:rgba(233,135,67,.18) !important;
  color:#fff !important;
}

#spares .pill-btn--primary .ico{
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
}

/* ==================================================
   Catalog pages
================================================== */

#catalog{
  --brand:#e98743 !important;
  --brand-2:#f0a15e !important;
  --brand-dark:#5a2d16 !important;
  --text:#17120d !important;
  --muted:rgba(31,23,18,.72) !important;
  --muted-2:rgba(31,23,18,.54) !important;
  --glass:rgba(255,255,255,.97) !important;
  --glass-2:rgba(255,248,241,.98) !important;
  --line:rgba(233,135,67,.14) !important;
  --line-soft:rgba(233,135,67,.10) !important;
  --line-strong:rgba(233,135,67,.20) !important;
  --panel-shadow:0 16px 40px rgba(120,74,36,.10) !important;
  --card-shadow:0 12px 28px rgba(120,74,36,.10) !important;
  --btn-shadow:0 12px 28px rgba(233,135,67,.18) !important;
}

#catalog.section{
  margin-top:18px !important;
}

#catalog .info-card,
#catalog .mode-switch,
#catalog .filters{
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,248,241,.98)) !important;
  border-color:rgba(233,135,67,.12) !important;
}

#catalog .mode-btn:hover{
  background:rgba(233,135,67,.08) !important;
}

#catalog .mode-btn.active{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  color:#fff !important;
  border-color:rgba(233,135,67,.18) !important;
  box-shadow:0 14px 30px rgba(233,135,67,.18) !important;
}

#catalog .filter-item input,
#catalog .filter-item select{
  background:rgba(255,255,255,.97) !important;
  border-color:rgba(233,135,67,.14) !important;
  color:var(--text-main) !important;
}

#catalog .filter-item input::placeholder{
  color:rgba(31,23,18,.42) !important;
}

#catalog .filter-item input:focus,
#catalog .filter-item select:focus{
  background:#fff !important;
  border-color:rgba(233,135,67,.26) !important;
  box-shadow:0 0 0 4px rgba(233,135,67,.08) !important;
}

#catalog .car-card{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,248,241,.98)) !important;
  border-color:rgba(233,135,67,.10) !important;
  box-shadow:0 18px 42px rgba(120,74,36,.10) !important;
}

#catalog .car-card:hover{
  border-color:rgba(233,135,67,.18) !important;
  box-shadow:0 22px 52px rgba(120,74,36,.14) !important;
}

body.parts-used,
body.parts-new{
  --brand:#e98743 !important;
  --brand-2:#f0a15e !important;
  --brand-dark:#5a2d16 !important;
  --text:#17120d !important;
  --muted:rgba(31,23,18,.72) !important;
  --muted-2:rgba(31,23,18,.54) !important;
  --page-bg:#fffaf6 !important;
  --header-bg:rgba(255,255,255,.95) !important;
  --glass:rgba(255,255,255,.97) !important;
  --glass-2:rgba(255,248,241,.98) !important;
  --glass-3:rgba(233,135,67,.04) !important;
  --line:rgba(233,135,67,.14) !important;
  --line-soft:rgba(233,135,67,.10) !important;
  --line-strong:rgba(233,135,67,.20) !important;
  --shadow-panel:0 16px 40px rgba(120,74,36,.10) !important;
  --shadow-card:0 12px 28px rgba(120,74,36,.10) !important;
  --shadow-btn:0 14px 30px rgba(233,135,67,.18) !important;
  background:#ffffff !important;
  color:var(--text) !important;
}

body.parts-used .info-card,
body.parts-used .mode-switch,
body.parts-used .filters,
body.parts-new .info-card,
body.parts-new .mode-switch,
body.parts-new .filters{
  background:linear-gradient(180deg, rgba(255,255,255,.95), rgba(255,248,241,.98)) !important;
  border-color:rgba(233,135,67,.12) !important;
}

body.parts-used .mode-btn.active,
body.parts-new .mode-btn.active{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  color:#fff !important;
  border-color:rgba(233,135,67,.18) !important;
  box-shadow:0 14px 30px rgba(233,135,67,.18) !important;
}

body.parts-used .part-card,
body.parts-new .part-card{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,248,241,.98)) !important;
  border-color:rgba(233,135,67,.10) !important;
  box-shadow:0 18px 42px rgba(120,74,36,.10) !important;
}

/* ==================================================
   Profile dashboard
================================================== */

body .profile-dashboard-page{
  background:#ffffff !important;
}

.profile-dashboard{
  --brand:#e98743 !important;
  --brand-strong:#d87431 !important;
  --bg:rgba(255,255,255,.97) !important;
  --bg-soft:rgba(255,248,241,.96) !important;
  --line:rgba(233,135,67,.12) !important;
  --line-strong:rgba(233,135,67,.20) !important;
  --text:#17120d !important;
  --muted:rgba(31,23,18,.68) !important;
  --shadow:0 20px 52px rgba(120,74,36,.12) !important;
  --glow:0 14px 34px rgba(233,135,67,.12) !important;
  color:var(--text) !important;
}

.profile-toast,
.profile-topbar,
.dashboard-card,
.profile-sheet{
  background:
    linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,248,241,.98)),
    rgba(255,255,255,.97) !important;
  border-color:rgba(233,135,67,.12) !important;
  box-shadow:0 20px 52px rgba(120,74,36,.12) !important;
}

.profile-topbar__avatar{
  background:rgba(233,135,67,.12) !important;
  color:var(--brand) !important;
  border-color:rgba(233,135,67,.12) !important;
  box-shadow:0 12px 26px rgba(233,135,67,.12) !important;
}

.profile-topbar__link{
  background:rgba(233,135,67,.07) !important;
  border-color:rgba(233,135,67,.14) !important;
  color:#d87431 !important;
}

.profile-primary__button{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  color:#fff !important;
  box-shadow:0 18px 36px rgba(233,135,67,.22) !important;
}

.profile-primary__icon{
  background:rgba(255,255,255,.18) !important;
  color:#fff !important;
}

.profile-primary__text small{
  color:rgba(255,255,255,.76) !important;
}

/* ==================================================
   Chat
================================================== */

.chat-page{
  --chat-brand:#e98743 !important;
  --chat-brand-2:#f0a15e !important;
  --chat-brand-dark:#5a2d16 !important;
  --chat-text:#17120d !important;
  --chat-muted:rgba(31,23,18,.72) !important;
  --chat-muted-2:rgba(31,23,18,.52) !important;
  --chat-glass:rgba(255,255,255,.97) !important;
  --chat-glass-2:rgba(255,248,241,.98) !important;
  --chat-glass-soft:rgba(233,135,67,.04) !important;
  --chat-line:rgba(233,135,67,.12) !important;
  --chat-line-soft:rgba(233,135,67,.08) !important;
  --chat-line-strong:rgba(233,135,67,.18) !important;
  --chat-shadow:0 20px 52px rgba(120,74,36,.12) !important;
  --chat-shadow-soft:0 10px 24px rgba(120,74,36,.10) !important;
  background:#ffffff !important;
}

.chat-page .chat-filter.is-active{
  background:rgba(233,135,67,.10) !important;
  border-color:rgba(233,135,67,.18) !important;
  box-shadow:0 10px 22px rgba(233,135,67,.10) !important;
}

.chat-page .chat-bubble--mine,
.chat-page .chat-compose__send{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  color:#fff !important;
}

/* ==================================================
   Admin moderation
================================================== */

body .admin-moderation-page{
  background:#ffffff !important;
}

body .admin-moderation-page .admin-moderation-card,
body .admin-moderation-page .admin-moderation-filterbar,
body .admin-moderation-page .admin-moderation-stat,
body .admin-moderation-page .admin-moderation-empty,
body .admin-moderation-page .admin-moderation-bot,
body .admin-moderation-page .admin-moderation-details,
body .admin-moderation-page .admin-moderation-actions,
body .admin-moderation-page .admin-moderation-info > div{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,248,241,.98)) !important;
  border-color:rgba(233,135,67,.12) !important;
  box-shadow:0 18px 44px rgba(120,74,36,.10) !important;
}

body .admin-moderation-page .admin-moderation-card p,
body .admin-moderation-page .admin-moderation-card__meta,
body .admin-moderation-page .admin-moderation-bot__explanation,
body .admin-moderation-page .admin-moderation-note-meta,
body .admin-moderation-page .admin-moderation-info dt{
  color:rgba(31,23,18,.62) !important;
}

body .admin-moderation-page,
body .admin-moderation-page h1,
body .admin-moderation-page h2,
body .admin-moderation-page strong,
body .admin-moderation-page dd,
body .admin-moderation-page label,
body .admin-moderation-page select,
body .admin-moderation-page textarea{
  color:#17120d !important;
}

body .admin-moderation-page .admin-moderation-service{
  background:rgba(233,135,67,.10) !important;
  border-color:rgba(233,135,67,.18) !important;
  color:#d87431 !important;
}

body .admin-moderation-page .admin-moderation-status--new{
  background:rgba(233,135,67,.10) !important;
  border-color:rgba(233,135,67,.18) !important;
  color:#d87431 !important;
}

body .admin-moderation-page .admin-moderation-status--reviewing{
  background:rgba(240,161,94,.10) !important;
  border-color:rgba(240,161,94,.18) !important;
  color:#e98743 !important;
}

body .admin-moderation-page .admin-moderation-status--resolved{
  background:rgba(255,241,230,.70) !important;
  border-color:rgba(233,135,67,.18) !important;
  color:#b45309 !important;
}

body .admin-moderation-page .admin-moderation-status--rejected{
  background:rgba(254,226,226,.78) !important;
  border-color:rgba(239,68,68,.18) !important;
  color:#b91c1c !important;
}

body .admin-moderation-page .admin-moderation-flag{
  background:rgba(255,231,214,.82) !important;
  border-color:rgba(240,161,94,.18) !important;
  color:#b45309 !important;
}

body .admin-moderation-page .admin-moderation-card__id{
  background:rgba(233,135,67,.06) !important;
  border-color:rgba(233,135,67,.14) !important;
  color:#c85f24 !important;
}

body .admin-moderation-page .admin-moderation-note,
body .admin-moderation-page .admin-moderation-notice{
  background:rgba(255,255,255,.95) !important;
  border-color:rgba(233,135,67,.12) !important;
}

body .admin-moderation-page .admin-moderation-notice--warning{
  background:rgba(255,247,239,.96) !important;
  border-color:rgba(240,161,94,.14) !important;
}

/* ==================================================
   Detail pages
================================================== */

:root{
  --cd-brand:#e98743;
  --cd-brand-2:#f0a15e;
  --cd-brand-soft:rgba(233,135,67,.10);
  --cd-bg:#fffaf6;
  --cd-bg-2:#fff4ea;
  --cd-card:rgba(255,255,255,.97);
  --cd-card-2:rgba(255,248,241,.98);
  --cd-text:#17120d;
  --cd-text-2:#5c3a22;
  --cd-muted:rgba(31,23,18,.64);
  --cd-line:rgba(233,135,67,.12);
  --cd-line-strong:rgba(233,135,67,.20);
  --cd-success-bg:rgba(255,241,230,.28);
  --cd-success:#d87431;
  --cd-used-bg:rgba(245,243,255,.92);
  --cd-used:#e98743;

  --pd-brand:#e98743;
  --pd-brand-2:#f0a15e;
  --pd-brand-soft:rgba(233,135,67,.10);
  --pd-bg:#fffaf6;
  --pd-bg-2:#fff4ea;
  --pd-card:rgba(255,255,255,.97);
  --pd-card-2:rgba(255,248,241,.98);
  --pd-soft:rgba(233,135,67,.04);
  --pd-text:#17120d;
  --pd-text-2:#5c3a22;
  --pd-muted:rgba(31,23,18,.64);
  --pd-line:rgba(233,135,67,.12);
  --pd-line-strong:rgba(233,135,67,.20);
  --pd-success-bg:rgba(255,241,230,.28);
  --pd-success:#d87431;
  --pd-danger-bg:rgba(254,226,226,.82);
  --pd-danger:#b91c1c;
}

.car-detail{
  background:#ffffff !important;
  color:var(--text-main) !important;
}

.card,
.card.media,
.card.location-box,
.card.sidebar{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,248,241,.98)) !important;
  border-color:rgba(233,135,67,.12) !important;
  box-shadow:0 18px 44px rgba(120,74,36,.10) !important;
}

.media-zoom-btn{
  background:rgba(255,255,255,.90) !important;
  border-color:rgba(233,135,67,.14) !important;
  color:#c85f24 !important;
}

.media-thumb,
.spec-chip,
.seller-badge,
.chip{
  background:rgba(233,135,67,.06) !important;
  border-color:rgba(233,135,67,.12) !important;
}

/* ==================================================
   Favorites
================================================== */

.fav-page{
  --fav-brand:#e98743 !important;
  --fav-brand-2:#f0a15e !important;
  --fav-brand-dark:#5a2d16 !important;
  --fav-text:#17120d !important;
  --fav-muted:rgba(31,23,18,.72) !important;
  --fav-muted-2:rgba(31,23,18,.54) !important;
  --fav-glass:rgba(255,255,255,.97) !important;
  --fav-glass-2:rgba(255,248,241,.98) !important;
  --fav-line:rgba(233,135,67,.14) !important;
  --fav-line-soft:rgba(233,135,67,.10) !important;
  --fav-shadow:0 18px 44px rgba(120,74,36,.10) !important;
}

.fav-page .seg{
  background:rgba(233,135,67,.05) !important;
  border-color:rgba(233,135,67,.12) !important;
}

.fav-page .seg button.active,
.fav-page .fav-eyebrow{
  background:rgba(233,135,67,.10) !important;
  border-color:rgba(233,135,67,.16) !important;
  color:#d87431 !important;
}

.fav-page .fav-stat{
  background:rgba(233,135,67,.04) !important;
  border-color:rgba(233,135,67,.10) !important;
}

/* ==================================================
   Seller profile
================================================== */

.seller-page{
  --brand:#e98743 !important;
  --brand-2:#f0a15e !important;
  --brand-dark:#5a2d16 !important;
  --text:#17120d !important;
  --muted:rgba(31,23,18,.72) !important;
  --muted-2:rgba(31,23,18,.54) !important;
  --panel:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,248,241,.98)) !important;
  --surface:rgba(233,135,67,.05) !important;
  --surface-2:rgba(233,135,67,.03) !important;
  --line:rgba(233,135,67,.12) !important;
  --shadow:0 18px 44px rgba(120,74,36,.10) !important;
}

.seller-page .seller-avatar{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  color:#fff !important;
  box-shadow:0 14px 30px rgba(233,135,67,.18) !important;
}

.seller-page .seller-eyebrow,
.seller-page .seller-tag{
  color:#d87431 !important;
}

/* Icon contrast and light-page completion */

#catalog .meta-item i,
#usedCatalog .meta-item i{
  color:#e98743 !important;
  opacity:1 !important;
}

#catalog .info-card i,
#catalog .mode-btn i,
#usedCatalog .info-card i,
#usedCatalog .mode-btn i{
  color:#e98743 !important;
  opacity:1 !important;
}

#catalog .mode-btn.active i,
#usedCatalog .mode-btn.active i,
#catalog .btn-show i,
#catalog .btn-save i,
#usedCatalog .btn-show i,
#usedCatalog .btn-save i{
  color:inherit !important;
}

#catalog .filters-toggle,
#usedCatalog .filters-toggle{
  color:#8a461d !important;
}

#catalog .filters-toggle .chev,
#usedCatalog .filters-toggle .chev{
  border-top-color:#d87431 !important;
}

#catalog .catalog-sort,
#usedCatalog .catalog-sort{
  color:rgba(31,23,18,.72) !important;
}

#catalog .catalog-sort select,
#usedCatalog .catalog-sort select{
  background:rgba(255,255,255,.96) !important;
  border-color:rgba(233,135,67,.14) !important;
  color:#17120d !important;
}

#usedCatalog{
  --brand:#e98743 !important;
  --brand-2:#f0a15e !important;
  --brand-dark:#5a2d16 !important;
  --text:#17120d !important;
  --muted:rgba(31,23,18,.72) !important;
  --muted-2:rgba(31,23,18,.54) !important;
  --glass:rgba(255,255,255,.97) !important;
  --glass-2:rgba(255,248,241,.98) !important;
  --line:rgba(233,135,67,.14) !important;
  --line-soft:rgba(233,135,67,.10) !important;
  --line-strong:rgba(233,135,67,.20) !important;
  --panel-shadow:0 16px 40px rgba(120,74,36,.10) !important;
  --card-shadow:0 12px 28px rgba(120,74,36,.10) !important;
  --btn-shadow:0 12px 28px rgba(233,135,67,.18) !important;
  background:#ffffff !important;
  color:#17120d !important;
}

#usedCatalog .info-card,
#usedCatalog .mode-switch,
#usedCatalog .filters.filters-ui,
#usedCatalog .catalog-topbar,
#usedCatalog .catalog-empty,
#usedCatalog .car-card{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,248,241,.98)) !important;
  border-color:rgba(233,135,67,.12) !important;
  box-shadow:0 18px 42px rgba(120,74,36,.10) !important;
}

#usedCatalog .mode-btn{
  color:#8a461d !important;
}

#usedCatalog .mode-btn:hover{
  background:rgba(233,135,67,.08) !important;
}

#usedCatalog .mode-btn.active{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  color:#fff !important;
  border-color:rgba(233,135,67,.18) !important;
  box-shadow:0 14px 30px rgba(233,135,67,.18) !important;
}

#usedCatalog .filter-item input,
#usedCatalog .filter-item select{
  background:rgba(255,255,255,.96) !important;
  border-color:rgba(233,135,67,.14) !important;
  color:#17120d !important;
}

#usedCatalog .filter-item input::placeholder{
  color:rgba(31,23,18,.42) !important;
}

#usedCatalog .filter-item label,
#usedCatalog .section-sub,
#usedCatalog .catalog-count,
#usedCatalog .catalog-empty p,
#usedCatalog .breadcrumbs,
#usedCatalog .breadcrumbs a{
  color:rgba(31,23,18,.68) !important;
}

body.break-page{
  --break-bg:#ffffff !important;
  --break-text:#17120d !important;
  --break-muted:rgba(31,23,18,.72) !important;
  --break-muted-2:rgba(31,23,18,.54) !important;
  --break-glass:rgba(255,255,255,.97) !important;
  --break-glass-2:rgba(255,248,241,.98) !important;
  --break-line:rgba(233,135,67,.12) !important;
  --break-line-soft:rgba(233,135,67,.10) !important;
  --break-line-strong:rgba(233,135,67,.20) !important;
  --break-brand:#e98743 !important;
  --break-brand-2:#f0a15e !important;
  --break-shadow:0 18px 44px rgba(120,74,36,.10) !important;
  background:#ffffff !important;
}

body.break-page .info-card,
body.break-page .mode-switch,
body.break-page .filters.filters-ui,
body.break-page .catalog-topbar,
body.break-page .catalog-empty,
body.break-page .break-card,
body.break-page .break-grid{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,248,241,.98)) !important;
  border-color:rgba(233,135,67,.12) !important;
  box-shadow:0 18px 44px rgba(120,74,36,.10) !important;
}

body.break-page .mode-btn,
body.break-page .filters-toggle,
body.break-page .catalog-sort,
body.break-page .btn-reset{
  color:#8a461d !important;
}

body.break-page .mode-btn:hover,
body.break-page .btn-reset:hover,
body.break-page .btn-save:hover:not(:disabled){
  background:rgba(233,135,67,.08) !important;
  color:#17120d !important;
}

body.break-page .mode-btn.active{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  color:#fff !important;
  border-color:rgba(233,135,67,.18) !important;
  box-shadow:0 14px 30px rgba(233,135,67,.18) !important;
}

body.break-page .mode-btn.active i,
body.break-page .btn-show i,
body.break-page .btn-save i{
  color:inherit !important;
}

body.break-page .filters-toggle .chev{
  border-top-color:#d87431 !important;
}

body.break-page .filter-item input,
body.break-page .filter-item select,
body.break-page .catalog-sort select{
  background:rgba(255,255,255,.96) !important;
  border-color:rgba(233,135,67,.14) !important;
  color:#17120d !important;
}

body.break-page .filter-item input::placeholder{
  color:rgba(31,23,18,.42) !important;
}

body.break-page .info-card i,
body.break-page .mode-btn i,
body.break-page .break-card i,
body.break-page .catalog-sort i{
  color:#e98743 !important;
  opacity:1 !important;
}

body.break-add-page{
  --break-bg:#ffffff !important;
  --break-surface:rgba(255,255,255,.96) !important;
  --break-surface-2:rgba(255,248,241,.98) !important;
  --break-surface-3:rgba(255,241,230,.96) !important;
  --break-text:#17120d !important;
  --break-muted:rgba(31,23,18,.72) !important;
  --break-muted-2:rgba(31,23,18,.54) !important;
  --break-line:rgba(233,135,67,.12) !important;
  --break-line-soft:rgba(233,135,67,.08) !important;
  --break-line-strong:rgba(233,135,67,.18) !important;
  --break-brand:#e98743 !important;
  --break-brand-2:#f0a15e !important;
  --break-brand-soft:rgba(233,135,67,.08) !important;
  --break-brand-line:rgba(233,135,67,.18) !important;
  --break-danger:#b91c1c !important;
  --break-danger-soft:rgba(254,226,226,.72) !important;
  --break-shadow:0 18px 44px rgba(120,74,36,.10) !important;
  background:#ffffff !important;
}

body.break-add-page .hero,
body.break-add-page .form-card,
body.break-add-page .notice,
body.break-add-page .sticky-submit{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,248,241,.98)) !important;
  border-color:rgba(233,135,67,.12) !important;
  box-shadow:0 18px 44px rgba(120,74,36,.10) !important;
}

body.break-add-page .mode-switch{
  background:rgba(233,135,67,.04) !important;
  border-color:rgba(233,135,67,.12) !important;
}

body.break-add-page .mode-btn{
  color:#8a461d !important;
}

body.break-add-page .mode-btn:hover{
  color:#17120d !important;
  background:rgba(233,135,67,.08) !important;
}

body.break-add-page .mode-btn.active{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  color:#fff !important;
  box-shadow:0 14px 30px rgba(233,135,67,.18) !important;
}

body.break-add-page .btnx,
body.break-add-page .btn-lite{
  background:rgba(233,135,67,.04) !important;
  border-color:rgba(233,135,67,.12) !important;
  color:#8a461d !important;
}

body.break-add-page .btnx:hover,
body.break-add-page .btn-lite:hover{
  background:rgba(233,135,67,.08) !important;
  border-color:rgba(233,135,67,.18) !important;
  color:#17120d !important;
}

body.break-add-page .btnx.danger{
  background:rgba(254,226,226,.74) !important;
  border-color:rgba(239,68,68,.18) !important;
  color:#b91c1c !important;
}

body.break-add-page .btn-submit{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  color:#fff !important;
  border-color:rgba(233,135,67,.18) !important;
  box-shadow:0 14px 30px rgba(233,135,67,.18) !important;
}

body.break-add-page .form-field input,
body.break-add-page .form-field select,
body.break-add-page .form-field textarea,
body.break-add-page .location-dropdown,
body.break-add-page .break-add .image-upload,
body.break-add-page .hero-note,
body.break-add-page .parts-example,
body.break-add-page .writing-prompts span,
body.break-add-page .hero-checks span{
  background:rgba(255,255,255,.96) !important;
  border-color:rgba(233,135,67,.12) !important;
  color:#17120d !important;
}

body.break-add-page .form-field input::placeholder,
body.break-add-page .form-field textarea::placeholder{
  color:rgba(31,23,18,.42) !important;
}

body.break-add-page .form-card__head h2 i,
body.break-add-page .break-add .image-upload__icon,
body.break-add-page .btnx i,
body.break-add-page .btn-lite i,
body.break-add-page .leaflet-control-zoom a{
  color:#e98743 !important;
  opacity:1 !important;
}

body.break-add-page .btn-submit i{
  color:#fff !important;
}

.add-car{
  --brand:#e98743 !important;
  --brand-2:#f0a15e !important;
  --brand-dark:#5a2d16 !important;
  --text:#17120d !important;
  --muted:rgba(31,23,18,.72) !important;
  --muted-2:rgba(31,23,18,.54) !important;
  --glass:rgba(255,255,255,.96) !important;
  --glass-2:rgba(255,248,241,.98) !important;
  --line:rgba(233,135,67,.12) !important;
  --line-soft:rgba(233,135,67,.08) !important;
  --line-strong:rgba(233,135,67,.18) !important;
  background:#ffffff !important;
}

.add-car .card-block{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,248,241,.98)) !important;
  border-color:rgba(233,135,67,.12) !important;
  box-shadow:0 18px 44px rgba(120,74,36,.10) !important;
}

.add-car .filter-item input,
.add-car .filter-item select,
.add-car .filter-item textarea,
.add-car .location-dropdown,
.add-car .image-upload,
.add-car .suggest-list{
  background:rgba(255,255,255,.96) !important;
  border-color:rgba(233,135,67,.12) !important;
  color:#17120d !important;
}

.add-car .filter-item input::placeholder,
.add-car .filter-item textarea::placeholder{
  color:rgba(31,23,18,.42) !important;
}

.add-car .card-block h3 i,
.add-car .hero-mark i,
.add-car .image-upload__icon{
  color:#e98743 !important;
  opacity:1 !important;
}

.add-car .btnx.danger{
  background:rgba(233,135,67,.04) !important;
  border-color:rgba(233,135,67,.12) !important;
  color:#8a461d !important;
}

.add-car .btnx.danger i{
  color:#ef4444 !important;
}

.add-car .btn-submit{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  color:#fff !important;
  box-shadow:0 14px 30px rgba(233,135,67,.18) !important;
}

.add-car .btn-submit i{
  color:#fff !important;
}

.car-detail .btnx.ghost,
.car-detail .btnx.outline,
.part-detail .btnx.ghost,
.part-detail .btnx.outline{
  background:rgba(233,135,67,.04) !important;
  border-color:rgba(233,135,67,.14) !important;
  color:#8a461d !important;
}

.car-detail .btnx.ghost i,
.car-detail .btnx.outline i,
.part-detail .btnx.ghost i,
.part-detail .btnx.outline i,
.car-detail .media-zoom-btn i,
.part-detail .media-zoom-btn i{
  color:currentColor !important;
  opacity:1 !important;
}

/* Global dropdown normalization */

:root{
  --lilac-select-arrow:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M5 7.5 10 12.5 15 7.5' stroke='%23e98743' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

select:not([multiple]):not([size]),
.sort-select,
.catalog-sort select,
.cargo-create-select,
.cargo-create-price__currency,
.transport-field__input--select,
.cargo-create-field__input.cargo-create-select,
.cargo-create-field__input.cargo-create-price__currency,
.form-page select{
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  appearance:none !important;
  background-color:rgba(255,255,255,.98) !important;
  background-image:var(--lilac-select-arrow) !important;
  background-repeat:no-repeat !important;
  background-position:right 16px center !important;
  background-size:14px 14px !important;
  padding-right:46px !important;
  border-color:rgba(233,135,67,.16) !important;
  color:#17120d !important;
}

select:not([multiple]):not([size]):hover,
.sort-select:hover,
.catalog-sort select:hover,
.cargo-create-select:hover,
.cargo-create-price__currency:hover,
.transport-field__input--select:hover{
  border-color:rgba(233,135,67,.24) !important;
}

select:not([multiple]):not([size]):focus,
.sort-select:focus,
.catalog-sort select:focus,
.cargo-create-select:focus,
.cargo-create-price__currency:focus,
.transport-field__input--select:focus{
  outline:none !important;
  border-color:rgba(233,135,67,.32) !important;
  box-shadow:0 0 0 4px rgba(233,135,67,.10), 0 12px 26px rgba(120,74,36,.10) !important;
}

select:disabled,
select[disabled],
.sort-select:disabled,
.catalog-sort select:disabled{
  background-color:rgba(255,241,230,.82) !important;
  border-color:rgba(233,135,67,.10) !important;
  color:rgba(31,23,18,.42) !important;
  cursor:not-allowed !important;
  opacity:1 !important;
}

select option,
select optgroup{
  background:#ffffff !important;
  color:#17120d !important;
}

select optgroup{
  font-weight:800 !important;
}

:is(.suggest-list, .location-dropdown, .dg-suggest-list, .dropdown-content, .notif-box){
  background:rgba(255,255,255,.98) !important;
  border:1px solid rgba(233,135,67,.14) !important;
  box-shadow:0 18px 40px rgba(120,74,36,.14) !important;
  color:#17120d !important;
}

:is(.suggest-list li, .suggest-list .suggest-item, .suggest-list .location-item, .dg-suggest-item, .dropdown-content a, .notif-item, .location-dropdown .location-item, .location-dropdown > div, .location-dropdown > button){
  color:#17120d !important;
}

:is(.suggest-list li:hover, .suggest-list .suggest-item:hover, .suggest-list .location-item:hover, .suggest-list li:focus, .suggest-list .suggest-item:focus, .suggest-list .location-item:focus, .dg-suggest-item:hover, .dg-suggest-item:focus-visible, .dg-suggest-item.is-active, .dropdown-content a:hover, .location-dropdown .location-item:hover, .location-dropdown > div:hover, .location-dropdown > button:hover){
  background:rgba(233,135,67,.08) !important;
  color:#8a461d !important;
}

.suggest-list .nope,
.dg-suggest-item.is-muted,
.location-item__meta,
.notif-meta,
.dropdown-content .muted,
.location-dropdown .muted{
  color:rgba(31,23,18,.56) !important;
}

.brand-option__logo,
.dg-suggest-logo{
  border-color:rgba(23,58,52,.20) !important;
  background:#fffaf4 !important;
}

.brand-option__logo img,
.dg-suggest-logo img{
  opacity:1 !important;
  filter:contrast(1.25) saturate(1.1) !important;
}

.add-car .brand-preview,
.add-part .brand-preview{
  position:absolute !important;
  left:16px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:3 !important;
  display:grid !important;
  place-items:center !important;
  width:34px !important;
  height:34px !important;
  border-radius:12px !important;
  background:#fff1e6 !important;
  border:1px solid rgba(23,58,52,.18) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72) !important;
  overflow:hidden !important;
  opacity:1 !important;
}

.add-car .brand-autocomplete #brandInput,
.add-part .brand-autocomplete #brandInput{
  position:relative !important;
  z-index:1 !important;
  padding-left:68px !important;
}

.add-car .brand-preview:not(:empty),
.add-car .brand-preview.is-visible,
.add-part .brand-preview:not(:empty),
.add-part .brand-preview.is-visible{
  opacity:1 !important;
  visibility:visible !important;
}

.add-car .brand-preview::before,
.add-part .brand-preview::before{
  content:attr(data-initials) !important;
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  place-items:center !important;
  color:#173a34 !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
  z-index:0 !important;
}

.add-car .brand-preview:has(img)::before,
.add-part .brand-preview:has(img)::before{
  content:none !important;
  display:none !important;
}

.add-car .brand-preview img,
.add-part .brand-preview img{
  width:24px !important;
  height:24px !important;
  display:block !important;
  object-fit:contain !important;
  opacity:1 !important;
  filter:brightness(.62) contrast(1.65) saturate(1.2) !important;
  position:relative !important;
  z-index:1 !important;
}

.add-car .body-select-native{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
  overflow:hidden !important;
}

.add-car .color-select-native{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
  overflow:hidden !important;
}

.add-car .fuel-select-native{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
  overflow:hidden !important;
}

.add-car .gearbox-select-native,
.add-car .drive-select-native{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  min-height:0 !important;
  padding:0 !important;
  margin:0 !important;
  border:0 !important;
  opacity:0 !important;
  pointer-events:none !important;
  overflow:hidden !important;
}

.add-car .body-icon-picker{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:10px !important;
  width:100% !important;
}

.add-car .body-icon-option{
  min-width:0 !important;
  min-height:82px !important;
  padding:10px 8px !important;
  border-radius:18px !important;
  border:1px solid rgba(233,135,67,.14) !important;
  background:#ffffff !important;
  color:#17120d !important;
  box-shadow:0 10px 24px rgba(120,74,36,.06) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
  cursor:pointer !important;
  font:inherit !important;
  transition:border-color .18s ease, box-shadow .18s ease, background .18s ease, transform .18s ease !important;
}

.add-car .body-icon-option i{
  color:#e98743 !important;
  font-size:22px !important;
  line-height:1 !important;
}

.add-car .body-icon-option span{
  color:#17120d !important;
  font-size:12px !important;
  font-weight:900 !important;
  line-height:1.15 !important;
  text-align:center !important;
  overflow-wrap:anywhere !important;
}

.add-car .body-icon-option:hover{
  border-color:rgba(233,135,67,.32) !important;
  box-shadow:0 14px 30px rgba(120,74,36,.10) !important;
  transform:translateY(-1px) !important;
}

.add-car .body-icon-option.is-active{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  border-color:#e98743 !important;
  box-shadow:0 16px 34px rgba(233,135,67,.22) !important;
}

.add-car .body-icon-option.is-active i,
.add-car .body-icon-option.is-active span{
  color:#ffffff !important;
}

@media (max-width:720px){
  .add-car .body-icon-picker{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

.add-car .body-icon-dropdown{
  position:relative !important;
  width:100% !important;
}

.add-car .body-icon-trigger{
  width:100% !important;
  min-height:56px !important;
  padding:0 16px !important;
  border-radius:18px !important;
  border:1px solid rgba(233,135,67,.14) !important;
  background:#ffffff !important;
  color:#17120d !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  box-shadow:none !important;
  cursor:pointer !important;
  font:inherit !important;
}

.add-car .body-icon-trigger__main{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
}

.add-car .body-icon-trigger__main i{
  color:#e98743 !important;
  font-size:20px !important;
  width:24px !important;
  text-align:center !important;
}

.add-car .body-icon-trigger__main span{
  color:#17120d !important;
  font-size:15px !important;
  font-weight:900 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.add-car .body-icon-trigger__chev{
  color:#d87431 !important;
  font-size:13px !important;
  transition:transform .18s ease !important;
}

.add-car .body-icon-dropdown[data-open="true"] .body-icon-trigger__chev{
  transform:rotate(180deg) !important;
}

.add-car .body-icon-menu{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  left:0 !important;
  right:0 !important;
  z-index:60 !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:6px !important;
  max-height:320px !important;
  overflow:auto !important;
  padding:8px !important;
  border-radius:18px !important;
  border:1px solid rgba(233,135,67,.14) !important;
  background:#ffffff !important;
  box-shadow:0 22px 54px rgba(45,28,16,.16) !important;
}

.add-car .body-icon-menu[hidden]{
  display:none !important;
}

.add-car .body-icon-menu .body-icon-option{
  width:100% !important;
  min-height:48px !important;
  padding:0 12px !important;
  border-radius:12px !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  box-shadow:none !important;
  transform:none !important;
}

.add-car .body-icon-menu .body-icon-option i{
  width:24px !important;
  font-size:18px !important;
  text-align:center !important;
}

.add-car .body-icon-menu .body-icon-option span{
  font-size:14px !important;
  text-align:left !important;
}

.add-car .color-dropdown{
  position:relative !important;
  width:100% !important;
}

.add-car .color-trigger{
  width:100% !important;
  min-height:56px !important;
  padding:0 16px !important;
  border-radius:18px !important;
  border:1px solid rgba(233,135,67,.14) !important;
  background:#ffffff !important;
  color:#17120d !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  box-shadow:none !important;
  cursor:pointer !important;
  font:inherit !important;
}

.add-car .color-trigger__main{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
}

.add-car .color-trigger__main span:last-child{
  color:#17120d !important;
  font-size:15px !important;
  font-weight:900 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.add-car .color-trigger__chev{
  color:#d87431 !important;
  font-size:13px !important;
  transition:transform .18s ease !important;
}

.add-car .color-dropdown[data-open="true"] .color-trigger__chev{
  transform:rotate(180deg) !important;
}

.add-car .color-menu{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  left:0 !important;
  right:0 !important;
  z-index:60 !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:6px !important;
  max-height:320px !important;
  overflow:auto !important;
  padding:8px !important;
  border-radius:18px !important;
  border:1px solid rgba(233,135,67,.14) !important;
  background:#ffffff !important;
  box-shadow:0 22px 54px rgba(45,28,16,.16) !important;
}

.add-car .color-menu[hidden]{
  display:none !important;
}

.add-car .color-option{
  width:100% !important;
  min-height:48px !important;
  padding:0 12px !important;
  border-radius:12px !important;
  border:1px solid rgba(233,135,67,.10) !important;
  background:#ffffff !important;
  color:#17120d !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  box-shadow:none !important;
  cursor:pointer !important;
  font:inherit !important;
}

.add-car .color-option span:last-child{
  color:#17120d !important;
  font-size:14px !important;
  font-weight:900 !important;
}

.add-car .color-option:hover{
  border-color:rgba(233,135,67,.28) !important;
  background:#fffaf4 !important;
}

.add-car .color-option.is-active{
  border-color:#e98743 !important;
  background:#fff1e6 !important;
}

.add-car .color-swatch{
  width:22px !important;
  height:22px !important;
  border-radius:999px !important;
  flex:0 0 auto !important;
  background:var(--swatch, transparent) !important;
  border:1px solid rgba(31,23,18,.16) !important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.42) !important;
}

.add-car .color-swatch--light{
  border-color:rgba(31,23,18,.22) !important;
  box-shadow:inset 0 0 0 2px rgba(31,23,18,.05) !important;
}

.add-car .color-swatch--empty{
  background:linear-gradient(135deg, #ffffff 0 46%, #e98743 47% 53%, #ffffff 54% 100%) !important;
}

.add-car .fuel-dropdown{
  position:relative !important;
  width:100% !important;
}

.add-car .fuel-trigger{
  width:100% !important;
  min-height:56px !important;
  padding:0 16px !important;
  border-radius:18px !important;
  border:1px solid rgba(233,135,67,.14) !important;
  background:#ffffff !important;
  color:#17120d !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  box-shadow:none !important;
  cursor:pointer !important;
  font:inherit !important;
}

.add-car .fuel-trigger__main{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
}

.add-car .fuel-trigger__main i{
  color:#e98743 !important;
  font-size:20px !important;
  width:24px !important;
  text-align:center !important;
}

.add-car .fuel-trigger__main span{
  color:#17120d !important;
  font-size:15px !important;
  font-weight:900 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.add-car .fuel-trigger__chev{
  color:#d87431 !important;
  font-size:13px !important;
  transition:transform .18s ease !important;
}

.add-car .fuel-dropdown[data-open="true"] .fuel-trigger__chev{
  transform:rotate(180deg) !important;
}

.add-car .fuel-menu{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  left:0 !important;
  right:0 !important;
  z-index:60 !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:6px !important;
  max-height:320px !important;
  overflow:auto !important;
  padding:8px !important;
  border-radius:18px !important;
  border:1px solid rgba(233,135,67,.14) !important;
  background:#ffffff !important;
  box-shadow:0 22px 54px rgba(45,28,16,.16) !important;
}

.add-car .fuel-menu[hidden]{
  display:none !important;
}

.add-car .fuel-option{
  width:100% !important;
  min-height:48px !important;
  padding:0 12px !important;
  border-radius:12px !important;
  border:1px solid rgba(233,135,67,.10) !important;
  background:#ffffff !important;
  color:#17120d !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  box-shadow:none !important;
  cursor:pointer !important;
  font:inherit !important;
}

.add-car .fuel-option i{
  width:24px !important;
  color:#e98743 !important;
  font-size:18px !important;
  text-align:center !important;
}

.add-car .fuel-option span{
  color:#17120d !important;
  font-size:14px !important;
  font-weight:900 !important;
}

.add-car .fuel-option:hover{
  border-color:rgba(233,135,67,.28) !important;
  background:#fffaf4 !important;
}

.add-car .fuel-option.is-active{
  border-color:#e98743 !important;
  background:#fff1e6 !important;
}

.add-car .gearbox-dropdown,
.add-car .drive-dropdown{
  position:relative !important;
  width:100% !important;
}

.add-car .gearbox-trigger,
.add-car .drive-trigger{
  width:100% !important;
  min-height:56px !important;
  padding:0 16px !important;
  border-radius:18px !important;
  border:1px solid rgba(233,135,67,.14) !important;
  background:#ffffff !important;
  color:#17120d !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  box-shadow:none !important;
  cursor:pointer !important;
  font:inherit !important;
}

.add-car .gearbox-trigger__main,
.add-car .drive-trigger__main{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-width:0 !important;
}

.add-car .gearbox-trigger__main i,
.add-car .drive-trigger__main i{
  color:#e98743 !important;
  font-size:20px !important;
  width:24px !important;
  text-align:center !important;
}

.add-car .gearbox-trigger__main span,
.add-car .drive-trigger__main span{
  color:#17120d !important;
  font-size:15px !important;
  font-weight:900 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

.add-car .gearbox-trigger__chev,
.add-car .drive-trigger__chev{
  color:#d87431 !important;
  font-size:13px !important;
  transition:transform .18s ease !important;
}

.add-car .gearbox-dropdown[data-open="true"] .gearbox-trigger__chev,
.add-car .drive-dropdown[data-open="true"] .drive-trigger__chev{
  transform:rotate(180deg) !important;
}

.add-car .gearbox-menu,
.add-car .drive-menu{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  left:0 !important;
  right:0 !important;
  z-index:60 !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:6px !important;
  max-height:320px !important;
  overflow:auto !important;
  padding:8px !important;
  border-radius:18px !important;
  border:1px solid rgba(233,135,67,.14) !important;
  background:#ffffff !important;
  box-shadow:0 22px 54px rgba(45,28,16,.16) !important;
}

.add-car .gearbox-menu[hidden],
.add-car .drive-menu[hidden]{
  display:none !important;
}

.add-car .gearbox-option,
.add-car .drive-option{
  width:100% !important;
  min-height:48px !important;
  padding:0 12px !important;
  border-radius:12px !important;
  border:1px solid rgba(233,135,67,.10) !important;
  background:#ffffff !important;
  color:#17120d !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  gap:12px !important;
  box-shadow:none !important;
  cursor:pointer !important;
  font:inherit !important;
}

.add-car .gearbox-option i,
.add-car .drive-option i{
  width:24px !important;
  color:#e98743 !important;
  font-size:18px !important;
  text-align:center !important;
}

.add-car .gearbox-option span,
.add-car .drive-option span{
  color:#17120d !important;
  font-size:14px !important;
  font-weight:900 !important;
}

.add-car .gearbox-option:hover,
.add-car .drive-option:hover{
  border-color:rgba(233,135,67,.28) !important;
  background:#fffaf4 !important;
}

.add-car .gearbox-option.is-active,
.add-car .drive-option.is-active{
  border-color:#e98743 !important;
  background:#fff1e6 !important;
}

.location-item__title,
.brand-option__name,
.dg-suggest-item strong{
  color:#17120d !important;
}

/* Residual accent cleanup */

:root{
  --brand:#e98743 !important;
  --brand-2:#f0a15e !important;
  --accent:#e98743 !important;
}

:is(.btnx i, .btn-submit i, .mode-btn i, .action-btn .ico, .dg-btn .ico, .hero-mode__switch i){
  color:currentColor !important;
}

:is(.btnx.danger, .btn-danger, .action-btn.danger, .dg-btn--danger){
  background:rgba(233,135,67,.04) !important;
  border-color:rgba(233,135,67,.14) !important;
  color:#d87431 !important;
  box-shadow:none !important;
}

:is(.btnx.danger, .btn-danger, .action-btn.danger, .dg-btn--danger):hover{
  background:rgba(233,135,67,.10) !important;
  border-color:rgba(233,135,67,.20) !important;
  color:#8a461d !important;
}

:is(.btnx.danger i, .btn-danger i, .action-btn.danger .ico, .dg-btn--danger .ico){
  color:currentColor !important;
}

.action-btn,
.dg-btn,
.dg-btn--outline{
  background:rgba(233,135,67,.04) !important;
  border-color:rgba(233,135,67,.14) !important;
  color:#8a461d !important;
  box-shadow:0 12px 28px rgba(120,74,36,.10) !important;
}

.action-btn:hover,
.dg-btn:hover,
.dg-btn--outline:hover{
  background:rgba(233,135,67,.10) !important;
  border-color:rgba(233,135,67,.20) !important;
  color:#17120d !important;
  box-shadow:0 16px 34px rgba(120,74,36,.12) !important;
}

.action-btn .ico,
.dg-btn--outline .ico,
.dg-btn .ico,
.appbar__ico{
  color:#e98743 !important;
}

.action-btn--primary,
.dg-btn--brand,
.appbar__item--fab{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  border-color:rgba(233,135,67,.18) !important;
  color:#ffffff !important;
  box-shadow:0 16px 34px rgba(233,135,67,.18) !important;
}

.action-btn--primary .ico,
.dg-btn--brand .ico,
.appbar__item--fab .appbar__ico,
.appbar__item--fab .appbar__txt{
  color:#ffffff !important;
}

.appbar{
  background:rgba(255,255,255,.97) !important;
  border-color:rgba(233,135,67,.12) !important;
  box-shadow:0 18px 44px rgba(120,74,36,.12) !important;
}

.appbar__item{
  color:rgba(31,23,18,.68) !important;
}

.appbar__item:hover{
  background:rgba(233,135,67,.08) !important;
  color:#17120d !important;
}

.appbar__item.is-active{
  background:rgba(233,135,67,.08) !important;
  border:1px solid rgba(233,135,67,.18) !important;
  box-shadow:0 10px 24px rgba(233,135,67,.12) !important;
  color:#8a461d !important;
}

.footer,
.footer-bottom{
  background:rgba(255,255,255,.90) !important;
  border-top-color:rgba(233,135,67,.12) !important;
  color:rgba(31,23,18,.68) !important;
}

.footer-logo{
  background:linear-gradient(135deg, #d87431, #f0a15e) !important;
  color:#fff !important;
  border-color:rgba(233,135,67,.16) !important;
  box-shadow:0 10px 24px rgba(233,135,67,.16) !important;
}

.footer-brand__text strong,
.footer a{
  color:#17120d !important;
}

.footer-brand__text span,
.footer-muted{
  color:rgba(31,23,18,.56) !important;
}

.footer a:hover{
  background:rgba(233,135,67,.08) !important;
  color:#8a461d !important;
}

.request-create .dg-suggest-list,
.request-create .dg-suggest-item,
.request-create .dg-suggest-logo{
  border-color:rgba(233,135,67,.12) !important;
}

.request-create .dg-suggest-item:hover,
.request-create .dg-suggest-item:focus-visible,
.request-create .dg-suggest-item.is-active{
  background:rgba(233,135,67,.08) !important;
  color:#8a461d !important;
}
/* Detail normalization final */
.car-detail,
.section.car-detail{
  background:#ffffff !important;
  color:#17120d !important;
}

.car-detail .title-row h1,
.section.car-detail .title-row h1,
.car-detail .desc h3,
.section.car-detail .desc h3,
.car-detail .seller-main strong,
.section.car-detail .seller-main strong,
.car-detail .spec strong,
.section.car-detail .spec strong,
.car-detail .spec b,
.section.car-detail .spec b,
.car-detail .quick-card strong,
.section.car-detail .quick-card strong,
.car-detail .similar-card__title,
.car-detail .related-card__title,
.section.car-detail .related-card__title{
  color:#17120d !important;
}

.car-detail .meta,
.section.car-detail .meta,
.car-detail .muted,
.section.car-detail .muted,
.car-detail .desc .text,
.section.car-detail .desc .text,
.car-detail .seller-main small,
.section.car-detail .seller-main small,
.car-detail .spec span,
.section.car-detail .spec span,
.car-detail .quick-card span,
.section.car-detail .quick-card span,
.car-detail .similar-card__meta span,
.car-detail .similar-card__loc,
.section.car-detail .related-card__meta{
  color:rgba(31,23,18,.68) !important;
}

.car-detail .price,
.section.car-detail .price{
  background:linear-gradient(135deg, rgba(233,135,67,.12), rgba(240,161,94,.10)) !important;
  border:1px solid rgba(233,135,67,.16) !important;
  color:#c85f24 !important;
  box-shadow:0 18px 36px rgba(233,135,67,.10) !important;
}

.car-detail .badge,
.section.car-detail .badge,
.car-detail .chip,
.section.car-detail .chip,
.car-detail .spec-chip,
.section.car-detail .spec-chip,
.car-detail .seller-badge,
.section.car-detail .seller-badge,
.car-detail .similar-card__badge,
.section.car-detail .similar-card__badge{
  background:rgba(233,135,67,.08) !important;
  border:1px solid rgba(233,135,67,.14) !important;
  color:#d87431 !important;
  box-shadow:none !important;
}

.car-detail .badge.used,
.section.car-detail .badge.used{
  background:rgba(245,243,255,.96) !important;
  color:#e98743 !important;
}

.car-detail .badge.new,
.section.car-detail .badge.new{
  background:rgba(255,231,214,.72) !important;
  color:#d87431 !important;
}

.car-detail .quick-card,
.section.car-detail .quick-card,
.car-detail .spec,
.section.car-detail .spec,
.car-detail .desc .text,
.section.car-detail .desc .text,
.car-detail .seller,
.section.car-detail .seller,
.car-detail .seller-top,
.section.car-detail .seller-top,
.car-detail .seller-trust,
.section.car-detail .seller-trust,
.car-detail .similar-card,
.car-detail .related-card,
.section.car-detail .related-card,
.car-detail .similar-block,
.section.car-detail .related-section{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,248,241,.98)) !important;
  border-color:rgba(233,135,67,.12) !important;
  box-shadow:0 18px 44px rgba(120,74,36,.10) !important;
}

.car-detail .seller-trust__score,
.section.car-detail .seller-trust__score{
  background:rgba(233,135,67,.08) !important;
  border:1px solid rgba(233,135,67,.14) !important;
  color:#d87431 !important;
}

.car-detail .trust-stars__base,
.section.car-detail .trust-stars__base{
  color:rgba(233,135,67,.18) !important;
}

.car-detail .trust-stars__fill,
.section.car-detail .trust-stars__fill{
  color:#e98743 !important;
}

.car-detail .seller-trust--dealer strong,
.car-detail .seller-trust--online strong,
.section.car-detail .seller-trust--dealer strong,
.section.car-detail .seller-trust--online strong{
  color:#d87431 !important;
}

.car-detail .seller-trust--dealer .seller-trust__dot,
.car-detail .seller-trust--online .seller-trust__dot,
.section.car-detail .seller-trust--dealer .seller-trust__dot,
.section.car-detail .seller-trust--online .seller-trust__dot{
  background:#e98743 !important;
  box-shadow:0 0 0 4px rgba(233,135,67,.12) !important;
}

.car-detail .seller-trust--active strong,
.section.car-detail .seller-trust--active strong{
  color:#b45309 !important;
}

.car-detail .seller-trust--active .seller-trust__dot,
.section.car-detail .seller-trust--active .seller-trust__dot{
  background:#f59e0b !important;
  box-shadow:0 0 0 4px rgba(245,158,11,.12) !important;
}

.car-detail .seller-trust--recent strong,
.section.car-detail .seller-trust--recent strong{
  color:#2563eb !important;
}

.car-detail .seller-trust--recent .seller-trust__dot,
.section.car-detail .seller-trust--recent .seller-trust__dot{
  background:#60a5fa !important;
  box-shadow:0 0 0 4px rgba(96,165,250,.12) !important;
}

.car-detail .seller-trust--offline .seller-trust__dot,
.section.car-detail .seller-trust--offline .seller-trust__dot{
  background:rgba(233,135,67,.24) !important;
  box-shadow:none !important;
}

.car-detail .btnx.primary,
.section.car-detail .btnx.primary{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  color:#ffffff !important;
  border:1px solid rgba(233,135,67,.14) !important;
  box-shadow:0 14px 30px rgba(233,135,67,.18) !important;
}

.car-detail .btnx.primary:hover,
.section.car-detail .btnx.primary:hover{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
}

.car-detail .btnx.outline,
.section.car-detail .btnx.outline,
.car-detail .btnx.ghost,
.section.car-detail .btnx.ghost,
.car-detail .fav-btn,
.section.car-detail .fav-btn,
.car-detail .similar-card__fav,
.section.car-detail .similar-card__fav,
.car-detail .similar-card__cta,
.section.car-detail .related-card__cta{
  background:rgba(233,135,67,.05) !important;
  border:1px solid rgba(233,135,67,.14) !important;
  color:#c85f24 !important;
  box-shadow:none !important;
}

.car-detail .btnx.outline:hover,
.section.car-detail .btnx.outline:hover,
.car-detail .btnx.ghost:hover,
.section.car-detail .btnx.ghost:hover,
.car-detail .fav-btn:hover,
.section.car-detail .fav-btn:hover,
.car-detail .similar-card__fav:hover,
.section.car-detail .similar-card__fav:hover,
.car-detail .similar-card__cta:hover,
.section.car-detail .related-card__cta:hover{
  background:rgba(233,135,67,.10) !important;
  border-color:rgba(233,135,67,.20) !important;
  color:#8a461d !important;
}

.car-detail .fav-btn.active,
.section.car-detail .fav-btn.active,
.car-detail .similar-card__fav.active,
.section.car-detail .similar-card__fav.active{
  background:rgba(244,114,182,.12) !important;
  border-color:rgba(236,72,153,.20) !important;
  color:#be185d !important;
}

.car-detail .btnx i,
.section.car-detail .btnx i,
.car-detail .fav-btn i,
.section.car-detail .fav-btn i,
.car-detail .similar-card__fav i,
.section.car-detail .similar-card__fav i,
.car-detail .similar-card__cta i,
.section.car-detail .related-card__cta i,
.car-detail .media-zoom-btn i,
.section.car-detail .media-zoom-btn i{
  color:currentColor !important;
  opacity:1 !important;
}

.car-detail .similar-card__price,
.car-detail .related-card__price,
.section.car-detail .related-card__price{
  color:#d87431 !important;
}

.car-detail .similar-card__cta,
.section.car-detail .related-card__cta{
  text-decoration:none !important;
}

.car-detail .similar-card__title:hover,
.car-detail .related-card__title:hover,
.section.car-detail .related-card__title:hover{
  color:#d87431 !important;
}

.car-detail #carMap,
.section.car-detail #partMap,
.car-detail .map,
.section.car-detail .map{
  border:1px solid rgba(233,135,67,.12) !important;
  box-shadow:0 18px 44px rgba(120,74,36,.10) !important;
}
/* Break detail normalization */
body.break-view-page{
  --bd-brand:#e98743 !important;
  --bd-brand-strong:#f0a15e !important;
  --bd-bg:#ffffff !important;
  --bd-panel:rgba(255,255,255,.96) !important;
  --bd-panel-2:rgba(255,248,241,.98) !important;
  --bd-soft:rgba(233,135,67,.05) !important;
  --bd-text:#17120d !important;
  --bd-muted:rgba(31,23,18,.68) !important;
  --bd-dim:rgba(31,23,18,.52) !important;
  --bd-line:rgba(233,135,67,.12) !important;
  --bd-line-strong:rgba(233,135,67,.18) !important;
  background:#ffffff !important;
  color:#17120d !important;
}

body.break-view-page .card,
body.break-view-page .parts-section,
body.break-view-page .part-item,
body.break-view-page .seller,
body.break-view-page .seller-trust,
body.break-view-page .quick-card,
body.break-view-page .desc .text,
body.break-view-page .chip,
body.break-view-page .chip-soft,
body.break-view-page .location-empty,
body.break-view-page .image-lightbox__dialog,
body.break-view-page .image-lightbox__nav,
body.break-view-page .image-lightbox__close{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,248,241,.98)) !important;
  border-color:rgba(233,135,67,.12) !important;
  color:#17120d !important;
  box-shadow:0 18px 44px rgba(120,74,36,.10) !important;
}

body.break-view-page .card.media{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,248,241,.98)) !important;
}

body.break-view-page .media-main-image,
body.break-view-page #breakMap{
  border-color:rgba(233,135,67,.12) !important;
  background:#fff8f1 !important;
}

body.break-view-page .media-zoom-btn,
body.break-view-page .btnx.outline,
body.break-view-page .btnx.ghost,
body.break-view-page .parts-head__link{
  background:rgba(233,135,67,.05) !important;
  border-color:rgba(233,135,67,.14) !important;
  color:#c85f24 !important;
}

body.break-view-page .media-zoom-btn:hover,
body.break-view-page .btnx.outline:hover,
body.break-view-page .btnx.ghost:hover,
body.break-view-page .parts-head__link:hover{
  background:rgba(233,135,67,.10) !important;
  border-color:rgba(233,135,67,.20) !important;
  color:#8a461d !important;
}

body.break-view-page .btnx.primary{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  color:#ffffff !important;
  border-color:rgba(233,135,67,.16) !important;
  box-shadow:0 14px 30px rgba(233,135,67,.18) !important;
}

body.break-view-page .btnx.primary:hover{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
}

body.break-view-page .badge,
body.break-view-page .chip,
body.break-view-page .chip-soft{
  background:rgba(233,135,67,.08) !important;
  border-color:rgba(233,135,67,.14) !important;
  color:#d87431 !important;
}

body.break-view-page .badge.available{
  background:rgba(255,231,214,.72) !important;
  color:#d87431 !important;
}

body.break-view-page .badge.process{
  background:rgba(254,240,138,.48) !important;
  color:#b45309 !important;
  border-color:rgba(245,158,11,.18) !important;
}

body.break-view-page .badge.sold{
  background:rgba(254,226,226,.78) !important;
  color:#b91c1c !important;
  border-color:rgba(239,68,68,.18) !important;
}

body.break-view-page .price,
body.break-view-page .part-item__price{
  background:linear-gradient(135deg, rgba(233,135,67,.12), rgba(240,161,94,.10)) !important;
  border:1px solid rgba(233,135,67,.16) !important;
  color:#c85f24 !important;
  box-shadow:none !important;
}

body.break-view-page .price.is-muted{
  color:#17120d !important;
}

body.break-view-page .quick-card span,
body.break-view-page .muted,
body.break-view-page .seller-sub,
body.break-view-page .desc .text,
body.break-view-page .location-empty{
  color:rgba(31,23,18,.68) !important;
}

body.break-view-page .quick-card strong,
body.break-view-page .seller-name a,
body.break-view-page .seller-name span,
body.break-view-page .seller-rating__value,
body.break-view-page .spec strong,
body.break-view-page .part-item strong{
  color:#17120d !important;
}

body.break-view-page .seller-trust__meta strong{
  color:#d87431 !important;
}

body.break-view-page .seller-trust__score{
  background:rgba(233,135,67,.08) !important;
  border:1px solid rgba(233,135,67,.14) !important;
  color:#d87431 !important;
}

body.break-view-page .seller-trust--online .seller-trust__dot,
body.break-view-page .seller-trust--dealer .seller-trust__dot,
body.break-view-page .seller-trust--active .seller-trust__dot{
  background:#e98743 !important;
  box-shadow:0 0 0 5px rgba(233,135,67,.12) !important;
}

body.break-view-page .trust-stars__base{
  color:rgba(233,135,67,.18) !important;
}

body.break-view-page .trust-stars__fill{
  color:#e98743 !important;
}

body.break-view-page .image-lightbox__backdrop{
  background:rgba(31,23,18,.54) !important;
}
/* Favorites final normalization */
.fav-page{
  background:#ffffff !important;
  color:#17120d !important;
}

.fav-page .container{
  padding-top:26px !important;
}

.fav-page .fav-head,
.fav-page .fav-toolbar,
.fav-page .fav-card,
.fav-page .empty-state{
  background:linear-gradient(180deg, rgba(255,255,255,.96), rgba(255,248,241,.98)) !important;
  border-color:rgba(233,135,67,.12) !important;
  box-shadow:0 18px 44px rgba(120,74,36,.10) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.fav-page .fav-eyebrow,
.fav-page .fav-card__badge,
.fav-page .fav-card__meta span,
.fav-page .seg button.active{
  background:rgba(233,135,67,.08) !important;
  border-color:rgba(233,135,67,.14) !important;
  color:#d87431 !important;
  box-shadow:none !important;
}

.fav-page .fav-card__badge--new{
  background:rgba(255,231,214,.72) !important;
  color:#d87431 !important;
}

.fav-page .fav-card__badge--used,
.fav-page .fav-card__badge--part{
  background:rgba(245,243,255,.96) !important;
  color:#e98743 !important;
}

.fav-page .fav-head h1,
.fav-page .fav-toolbar__top h2,
.fav-page .fav-card__title-wrap h3 a,
.fav-page .fav-stat strong{
  color:#17120d !important;
}

.fav-page .fav-head p,
.fav-page .fav-toolbar__top p,
.fav-page .fav-card__subtitle,
.fav-page .fav-card__saved,
.fav-page .fav-stat span,
.fav-page .empty-state p{
  color:rgba(31,23,18,.68) !important;
}

.fav-page .seg{
  background:rgba(233,135,67,.05) !important;
  border-color:rgba(233,135,67,.12) !important;
}

.fav-page .seg button{
  color:#7d7168 !important;
}

.fav-page .seg button:hover{
  background:rgba(233,135,67,.06) !important;
  color:#17120d !important;
}

.fav-page .search{
  background:rgba(255,255,255,.96) !important;
  border-color:rgba(233,135,67,.14) !important;
  color:#17120d !important;
  padding-left:48px !important;
  text-align:left !important;
}

.fav-page .fav-search{
  position:relative !important;
  width:100% !important;
}

.fav-page .fav-search i{
  position:absolute !important;
  left:17px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:2 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#e98743 !important;
  font-size:17px !important;
  line-height:1 !important;
  pointer-events:none !important;
}

.fav-page .search::placeholder{
  color:rgba(31,23,18,.42) !important;
}

.fav-page .search:focus{
  border-color:rgba(233,135,67,.22) !important;
  box-shadow:0 0 0 4px rgba(233,135,67,.08) !important;
}

.fav-page .fav-card:hover{
  border-color:rgba(233,135,67,.18) !important;
}

.fav-page .fav-card__media{
  background:#fff3e6 !important;
}

.fav-page .fav-remove{
  background:rgba(255,255,255,.95) !important;
  border-color:rgba(233,135,67,.14) !important;
  color:#d87431 !important;
  box-shadow:0 10px 22px rgba(120,74,36,.10) !important;
}

.fav-page .fav-remove:hover{
  background:rgba(233,135,67,.10) !important;
  border-color:rgba(233,135,67,.20) !important;
  color:#8a461d !important;
}

.fav-page .fav-card__price{
  background:linear-gradient(135deg, rgba(233,135,67,.12), rgba(240,161,94,.10)) !important;
  border-color:rgba(233,135,67,.16) !important;
  color:#d87431 !important;
}

.fav-page .fav-card__footer{
  border-top-color:rgba(233,135,67,.10) !important;
}

.fav-page .btn-open,
.fav-page .btn,
.fav-page .empty-state .btn{
  background:rgba(233,135,67,.05) !important;
  border:1px solid rgba(233,135,67,.14) !important;
  color:#c85f24 !important;
  box-shadow:none !important;
}

.fav-page .btn-open:hover,
.fav-page .btn:hover,
.fav-page .empty-state .btn:hover{
  background:rgba(233,135,67,.10) !important;
  border-color:rgba(233,135,67,.20) !important;
  color:#8a461d !important;
}

.fav-page .ico{
  color:#e98743 !important;
}
/* Catalog view switch */
#catalog .catalog-topbar__right,
#usedCatalog .catalog-topbar__right,
body.parts-new .catalog-topbar__right,
body.break-page .catalog-topbar__right{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:12px !important;
  flex-wrap:wrap !important;
}

.catalog-view-switch{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:0;
  border-radius:0;
  background:transparent;
  border:none;
  box-shadow:none;
}

.catalog-view-switch__btn{
  min-height:44px;
  padding:0 18px;
  border:1px solid rgba(233,135,67,.14);
  border-radius:18px;
  background:rgba(255,255,255,.95);
  color:#7d7168;
  font-size:13px;
  font-weight:900;
  cursor:pointer;
  transition:.18s ease;
  white-space:nowrap;
}

.catalog-view-switch__btn:hover{
  background:#ffffff;
  color:#17120d;
}

.catalog-view-switch__btn.is-active{
  background:linear-gradient(135deg, #e98743, #f0a15e);
  color:#ffffff;
  box-shadow:0 10px 24px rgba(233,135,67,.18);
}

#catalog .catalog-topbar__right label,
#usedCatalog .catalog-topbar__right label,
body.parts-new .catalog-topbar__right .sort-label,
body.break-page .catalog-topbar__right .sort-label{
  margin:0 !important;
  white-space:nowrap !important;
}

#catalog .catalog-topbar__right select,
#usedCatalog .catalog-topbar__right select,
body.parts-new .catalog-topbar__right select,
body.break-page .catalog-topbar__right select{
  width:min(320px, 100%) !important;
  min-width:240px !important;
  flex:0 0 auto !important;
}

body.parts-new .catalog-topbar__right,
body.break-page .catalog-topbar__right{
  flex-wrap:nowrap !important;
}

body.parts-new .catalog-topbar__right .catalog-view-switch,
body.break-page .catalog-topbar__right .catalog-view-switch{
  margin-right:6px !important;
}

body.parts-new .catalog-sort-group{
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 10px;
  border-radius:22px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(233,135,67,.12);
  box-shadow:0 12px 28px rgba(120,74,36,.08);
}

body.parts-new .catalog-sort-group .sort-label{
  color:#7d7168 !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
}

body.parts-new .catalog-sort-group .sort-select{
  width:280px !important;
  min-width:280px !important;
  margin:0 !important;
  box-shadow:none !important;
}

.cars-grid[data-view="list"],
.latest-grid[data-view="list"],
.break-grid[data-view="list"]{
  grid-template-columns:1fr !important;
}

.cars-grid[data-view="list"] .car-card,
.latest-grid[data-view="list"] .car-card{
  display:grid !important;
  grid-template-columns:minmax(280px, 340px) minmax(0, 1fr) !important;
  align-items:stretch !important;
}

.cars-grid[data-view="list"] .car-card__img,
.cars-grid[data-view="list"] .car-card__photo,
.latest-grid[data-view="list"] .car-card__img,
.latest-grid[data-view="list"] .car-card__photo{
  aspect-ratio:auto !important;
  height:100% !important;
  min-height:240px !important;
}

.cars-grid[data-view="list"] .car-card__body,
.latest-grid[data-view="list"] .car-card__body{
  justify-content:center !important;
  gap:16px !important;
  padding:20px !important;
}

.cars-grid[data-view="list"] .price-big,
.latest-grid[data-view="list"] .price-big,
.cars-grid[data-view="list"] .car-card__price,
.latest-grid[data-view="list"] .car-card__price{
  align-self:flex-start !important;
}

.cars-grid[data-view="gallery"]{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:16px !important;
}

.latest-grid[data-view="gallery"]{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:16px !important;
}

.cars-grid[data-view="gallery"] .car-card__img,
.cars-grid[data-view="gallery"] .car-card__photo,
.latest-grid[data-view="gallery"] .car-card__img,
.latest-grid[data-view="gallery"] .car-card__photo{
  height:220px !important;
  aspect-ratio:auto !important;
}

.cars-grid[data-view="gallery"] .car-card__body,
.latest-grid[data-view="gallery"] .car-card__body{
  padding:14px !important;
  gap:10px !important;
}

.cars-grid[data-view="gallery"] .meta-grid .meta-item:nth-child(n+5),
.latest-grid[data-view="gallery"] .meta-grid .meta-item:nth-child(n+5){
  display:none !important;
}

body.break-page .break-grid[data-view="list"] .break-card{
  display:grid !important;
  grid-template-columns:minmax(280px, 340px) minmax(0, 1fr) !important;
  align-items:stretch !important;
}

body.break-page .break-grid[data-view="list"] .break-photo{
  height:100% !important;
  min-height:240px !important;
}

body.break-page .break-grid[data-view="list"] .break-info{
  padding:20px !important;
  gap:12px !important;
  justify-content:center !important;
}

body.break-page .break-grid[data-view="gallery"]{
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:16px !important;
}

body.break-page .break-grid[data-view="gallery"] .break-photo{
  height:180px !important;
}

body.break-page .break-grid[data-view="gallery"] .break-info{
  padding:14px !important;
  gap:10px !important;
}

body.break-page .break-grid[data-view="gallery"] .break-bottom{
  flex-direction:column !important;
  align-items:flex-start !important;
  gap:8px !important;
}

@media (max-width:1180px){
  .cars-grid[data-view="gallery"],
  .latest-grid[data-view="gallery"],
  body.break-page .break-grid[data-view="gallery"]{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width:900px){
  .catalog-view-switch{
    width:100%;
    display:grid;
    grid-template-columns:repeat(3, minmax(0, 1fr));
  }

  .catalog-view-switch__btn{
    justify-content:center;
  }

  #catalog .catalog-topbar__right,
  #usedCatalog .catalog-topbar__right,
  body.parts-new .catalog-topbar__right,
  body.break-page .catalog-topbar__right{
    width:100% !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
  }

  #catalog .catalog-topbar__right select,
  #usedCatalog .catalog-topbar__right select,
  body.parts-new .catalog-topbar__right select,
  body.break-page .catalog-topbar__right select{
    width:100% !important;
    min-width:0 !important;
    flex:1 1 100% !important;
  }

  body.parts-new .catalog-sort-group{
    width:100%;
    justify-content:space-between;
  }

  body.parts-new .catalog-sort-group .sort-select{
    width:auto !important;
    min-width:0 !important;
    flex:1 1 auto !important;
  }

  .cars-grid[data-view="list"] .car-card,
  .latest-grid[data-view="list"] .car-card,
  body.break-page .break-grid[data-view="list"] .break-card{
    grid-template-columns:1fr !important;
  }

  .cars-grid[data-view="list"] .car-card__img,
  .cars-grid[data-view="list"] .car-card__photo,
  .latest-grid[data-view="list"] .car-card__img,
  .latest-grid[data-view="list"] .car-card__photo,
  body.break-page .break-grid[data-view="list"] .break-photo{
    min-height:0 !important;
    height:208px !important;
  }

  .cars-grid[data-view="gallery"],
  .latest-grid[data-view="gallery"],
  body.break-page .break-grid[data-view="gallery"]{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width:560px){
  body.parts-new .catalog-sort-group{
    flex-direction:column;
    align-items:stretch;
    gap:8px;
  }

  .cars-grid[data-view="gallery"],
  .latest-grid[data-view="gallery"],
  body.break-page .break-grid[data-view="gallery"]{
    grid-template-columns:1fr !important;
  }
}

/* Parts used + detail refinements */
body.parts-used .catalog-topbar__right{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:12px !important;
  flex-wrap:nowrap !important;
}

body.parts-used .catalog-topbar__right .catalog-view-switch,
body.break-page .catalog-topbar__right .catalog-view-switch{
  margin-right:6px !important;
}

body.parts-used .catalog-sort-group,
body.break-page .catalog-sort-group{
  display:flex;
  align-items:center;
  gap:12px;
  padding:8px 10px;
  border-radius:22px;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(233,135,67,.12);
  box-shadow:0 12px 24px rgba(233,135,67,.08);
}

body.parts-used .catalog-sort-group .sort-label,
body.break-page .catalog-sort-group .sort-label{
  margin:0 !important;
  color:#7d7168 !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  white-space:nowrap !important;
}

body.parts-used .catalog-sort-group .sort-select,
body.break-page .catalog-sort-group .sort-select{
  width:280px !important;
  min-width:280px !important;
  margin:0 !important;
  box-shadow:none !important;
}

body.car-detail-page .cd-layout,
body.part-detail-page .cd-layout{
  align-items:start;
  gap:28px;
}

body.car-detail-page .card.media,
body.car-detail-page .card.location-box,
body.car-detail-page .card.info,
body.part-detail-page .card.media,
body.part-detail-page .card.location-box,
body.part-detail-page .card.info{
  background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,248,241,.99)) !important;
  border:1px solid rgba(233,135,67,.12) !important;
  box-shadow:0 22px 48px rgba(120,74,36,.10) !important;
}

body.car-detail-page .card.media,
body.part-detail-page .card.media{
  padding:20px !important;
}

body.car-detail-page .media-main-image,
body.part-detail-page #partMainImage{
  display:block;
  width:100%;
  height:520px;
  object-fit:cover;
  border-radius:24px;
  background:#fff8f1 !important;
}

body.car-detail-page .media-main-image[src*="no-image"],
body.part-detail-page #partMainImage[src*="no-image"]{
  height:300px !important;
  object-fit:contain !important;
  max-width:560px;
  margin:8px auto 0;
  padding:24px;
  opacity:.96 !important;
}

body.car-detail-page .media-thumbs,
body.part-detail-page .media-thumbs{
  padding-top:16px !important;
  background:transparent !important;
  border-top:none !important;
}

body.car-detail-page .media-thumb,
body.part-detail-page .media-thumb{
  background:rgba(255,255,255,.90) !important;
  border:1px solid rgba(233,135,67,.12) !important;
  box-shadow:none !important;
}

body.car-detail-page .location-box,
body.part-detail-page .location-box{
  padding:22px 22px 18px !important;
}

body.car-detail-page #carMap,
body.part-detail-page #partMap{
  min-height:360px !important;
  background:#fff8f1 !important;
  border-radius:22px !important;
  overflow:hidden;
}

body.part-detail-page .title-row{
  display:grid;
  grid-template-columns:minmax(0, 1fr) auto;
  grid-template-areas:
    "title badge"
    "fav badge";
  gap:14px;
  align-items:start;
}

body.part-detail-page .title-left{
  grid-area:title;
  min-width:0;
}

body.part-detail-page .badge{
  grid-area:badge;
  justify-self:end;
  margin:0 !important;
}

body.part-detail-page .fav-btn{
  grid-area:fav;
  justify-self:start;
  margin:0 !important;
}

body.car-detail-page .title-row{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}

body.car-detail-page .title-left{
  min-width:0;
}

body.car-detail-page .price,
body.part-detail-page .price{
  width:fit-content;
  padding:16px 22px !important;
  border-radius:26px !important;
}

body.car-detail-page .quick-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px !important;
}

body.part-detail-page .specs{
  grid-template-columns:repeat(2, minmax(0, 1fr));
}

body.car-detail-page .quick-card,
body.car-detail-page .spec,
body.part-detail-page .spec{
  min-height:88px;
}

body.part-detail-page .desc strong{
  display:block;
  margin-bottom:12px;
  font-size:18px;
  font-weight:900;
  color:#17120d;
}

body.part-detail-page .desc .text{
  line-height:1.65;
}

body.car-detail-page .seller,
body.part-detail-page .seller{
  padding:18px 20px !important;
}

body.car-detail-page .seller .avatar,
body.part-detail-page .seller .avatar{
  background:rgba(233,135,67,.06) !important;
  border:1px solid rgba(233,135,67,.14) !important;
  color:#d87431 !important;
  box-shadow:none !important;
}

body.car-detail-page .actions,
body.part-detail-page .actions{
  display:grid;
  gap:12px;
}

body.car-detail-page .actions-row{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:12px;
}

body.car-detail-page .actions .btnx,
body.car-detail-page .actions-row .btnx,
body.part-detail-page .actions .btnx{
  width:100%;
  justify-content:center;
}

body.part-detail-page .related-card__img img{
  height:180px;
  object-fit:cover;
  background:#fff8f1;
}

@media (max-width:980px){
  body.parts-used .catalog-topbar__right,
  body.break-page .catalog-topbar__right{
    width:100% !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
  }

  body.parts-used .catalog-sort-group,
  body.break-page .catalog-sort-group{
    width:100%;
    justify-content:space-between;
  }

  body.parts-used .catalog-sort-group .sort-select,
  body.break-page .catalog-sort-group .sort-select{
    width:auto !important;
    min-width:0 !important;
    flex:1 1 auto !important;
  }

  body.car-detail-page .cd-layout,
  body.part-detail-page .cd-layout{
    gap:22px;
  }
}

@media (max-width:700px){
  body.car-detail-page .media-main-image,
  body.part-detail-page #partMainImage{
    height:360px;
  }

  body.part-detail-page .title-row{
    grid-template-columns:1fr;
    grid-template-areas:
      "title"
      "badge"
      "fav";
  }

  body.part-detail-page .badge{
    justify-self:start;
  }

  body.part-detail-page .specs,
  body.car-detail-page .quick-grid{
    grid-template-columns:1fr;
  }

  body.car-detail-page .actions-row{
    grid-template-columns:1fr;
  }
}

@media (max-width:560px){
  body.parts-used .catalog-sort-group,
  body.break-page .catalog-sort-group{
    flex-direction:column;
    align-items:stretch;
    gap:8px;
  }

  body.car-detail-page .media-main-image,
  body.part-detail-page #partMainImage{
    height:280px;
    border-radius:20px;
  }

  body.car-detail-page #carMap,
  body.part-detail-page #partMap{
    min-height:280px !important;
  }
}

/* Unified detail composition */
body.car-detail-page .card.info,
body.part-detail-page .card.info,
body.break-view-page .card.info{
  display:grid;
  gap:22px;
  /* Липкий сайдбар (як buy-box у car_detail): слідує при скролі, тож коли
     ліва колонка коротка (без фото/мапи) — простір не «мертвий». */
  position:sticky;
  top:16px;
  align-self:start;
}

/* Ліва колонка (галерея) вирівнюється по висоті правого сайдбара —
   рівні за висотою колонки замість «мертвого» простору під фото. */
body.break-view-page .cd-layout > div:first-child{
  align-self:stretch !important;
  display:flex !important;
  flex-direction:column !important;
}
body.break-view-page .cd-layout > div:first-child > .card.media{
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
}
body.break-view-page .cd-layout .card.media .media-main-image{
  flex:1 1 auto !important;
  height:auto !important;
  min-height:460px !important;
}

/* Компактні характеристики — 3 колонки, лейбл зверху / значення знизу
   (як у car_detail). Було 2 колонки по 96px = дуже високий сайдбар. */
body.break-view-page .card.info .specs{
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:10px !important;
  border-top:0 !important;
}
body.break-view-page .card.info .spec{
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:4px !important;
  min-height:0 !important;
  padding:11px 12px !important;
  border:1px solid rgba(233,135,67,.14) !important;
  border-bottom:1px solid rgba(233,135,67,.14) !important;
  border-radius:14px !important;
  background:#ffffff !important;
}
body.break-view-page .card.info .spec span{
  font-size:10.5px !important;
  font-weight:800 !important;
  letter-spacing:.03em;
  text-transform:uppercase;
  line-height:1.2;
}
body.break-view-page .card.info .spec strong{
  font-size:13.5px !important;
  text-align:left !important;
  line-height:1.2;
}

body.car-detail-page .detail-secondary,
body.part-detail-page .detail-secondary,
body.break-view-page .detail-secondary{
  /* Продавця перенесено в праву info-картку (як car_detail), тож тут лишився
     тільки опис — на всю ширину, одна колонка. */
  display:grid;
  grid-template-columns:1fr;
  gap:24px;
  margin-top:24px;
  align-items:start;
}

body.break-view-page .detail-panels-stack{
  display:grid;
  gap:20px;
}

body.car-detail-page .detail-panel,
body.part-detail-page .detail-panel,
body.break-view-page .detail-panel{
  background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,248,241,.99)) !important;
  border:1px solid rgba(233,135,67,.12) !important;
  border-radius:30px !important;
  box-shadow:0 22px 48px rgba(120,74,36,.10) !important;
}

body.car-detail-page .detail-panel--description,
body.part-detail-page .detail-panel--description,
body.break-view-page .detail-panel--description,
body.break-view-page .detail-panel--tags{
  padding:24px 26px !important;
}

body.car-detail-page .detail-panel--sidebar,
body.part-detail-page .detail-panel--sidebar,
body.break-view-page .detail-panel--sidebar{
  padding:22px !important;
  display:grid;
  gap:16px;
}

body.car-detail-page .detail-panel--sidebar .seller,
body.part-detail-page .detail-panel--sidebar .seller,
body.break-view-page .detail-panel--sidebar .seller,
body.car-detail-page .detail-panel--sidebar .actions,
body.part-detail-page .detail-panel--sidebar .actions,
body.break-view-page .detail-panel--sidebar .actions{
  margin:0 !important;
  padding:0 !important;
  border-top:none !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.car-detail-page .detail-panel--sidebar .actions,
body.part-detail-page .detail-panel--sidebar .actions,
body.break-view-page .detail-panel--sidebar .actions{
  padding-top:12px !important;
  border-top:1px solid rgba(233,135,67,.12) !important;
}

body.part-detail-page .detail-panel--sidebar .seller .avatar img,
body.car-detail-page .detail-panel--sidebar .seller .avatar img,
body.break-view-page .detail-panel--sidebar .seller .avatar img{
  width:100%;
  height:100%;
  object-fit:cover;
  border-radius:inherit;
  display:block;
}

body.car-detail-page .desc--standalone h3,
body.part-detail-page .desc--standalone strong,
body.break-view-page .desc--standalone h3{
  display:block;
  margin:0 0 12px;
  color:#17120d !important;
}

body.car-detail-page .desc--standalone .text,
body.part-detail-page .desc--standalone .text,
body.break-view-page .desc--standalone .text{
  line-height:1.7;
  color:rgba(31,23,18,.74) !important;
}

body.break-view-page .detail-panel--tags .tag-list{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

body.car-detail-page .location-empty,
body.part-detail-page .location-empty,
body.break-view-page .location-empty{
  min-height:240px !important;
  display:grid !important;
  place-items:center !important;
  padding:28px !important;
  text-align:center !important;
  border:1px dashed rgba(233,135,67,.18) !important;
  border-radius:22px !important;
  background:linear-gradient(180deg, rgba(255,248,241,.92), rgba(255,255,255,.96)) !important;
  color:#7d7168 !important;
  font-weight:700 !important;
}

body.car-detail-page .location-box .muted,
body.part-detail-page .location-box .muted,
body.break-view-page .location-box .muted{
  margin-top:14px;
}

body.car-detail-page .spec,
body.part-detail-page .spec,
body.car-detail-page .quick-card,
body.break-view-page .spec,
body.break-view-page .quick-card{
  min-height:96px;
}

body.car-detail-page .actions .btnx,
body.part-detail-page .actions .btnx,
body.break-view-page .actions .btnx,
body.car-detail-page .actions-row .btnx,
body.break-view-page .actions-row .btnx{
  width:100%;
  justify-content:center;
}

body.break-view-page .parts-section{
  margin-top:28px !important;
}

body.parts-new .catalog-topbar,
body.parts-used .catalog-topbar,
body.break-page .catalog-topbar{
  align-items:center !important;
}

body.parts-new .catalog-topbar__right,
body.parts-used .catalog-topbar__right,
body.break-page .catalog-topbar__right{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
  justify-content:flex-end;
}

body.parts-new .catalog-view-switch,
body.parts-used .catalog-view-switch,
body.break-page .catalog-view-switch{
  flex:0 0 auto;
}

@media (max-width:1180px){
  body.car-detail-page .detail-secondary,
  body.part-detail-page .detail-secondary,
  body.break-view-page .detail-secondary{
    grid-template-columns:1fr;
  }

  body.car-detail-page .detail-panel--sidebar,
  body.part-detail-page .detail-panel--sidebar,
  body.break-view-page .detail-panel--sidebar{
    max-width:none;
  }
}

@media (max-width:980px){
  body.parts-new .catalog-topbar__right,
  body.parts-used .catalog-topbar__right,
  body.break-page .catalog-topbar__right{
    width:100%;
    justify-content:flex-start;
  }
}

@media (max-width:700px){
  body.car-detail-page .detail-panel--description,
  body.part-detail-page .detail-panel--description,
  body.break-view-page .detail-panel--description,
  body.break-view-page .detail-panel--tags,
  body.car-detail-page .detail-panel--sidebar,
  body.part-detail-page .detail-panel--sidebar,
  body.break-view-page .detail-panel--sidebar{
    padding:20px !important;
    border-radius:24px !important;
  }

  body.car-detail-page .location-empty,
  body.part-detail-page .location-empty,
  body.break-view-page .location-empty{
    min-height:200px !important;
  }
}

@media (max-width:560px){
  body.parts-new .catalog-topbar__right,
  body.parts-used .catalog-topbar__right,
  body.break-page .catalog-topbar__right{
    gap:12px;
  }

  body.parts-new .catalog-view-switch,
  body.parts-used .catalog-view-switch,
  body.break-page .catalog-view-switch,
  body.parts-new .catalog-sort-group,
  body.parts-used .catalog-sort-group,
  body.break-page .catalog-sort-group{
    width:100%;
  }

  body.car-detail-page .detail-secondary,
  body.part-detail-page .detail-secondary,
  body.break-view-page .detail-secondary{
    gap:18px;
  }
}

/* Final lilac normalization */
#catalog .filters-actions.filters-bottom,
#usedCatalog .filters-actions.filters-bottom{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  flex-wrap:wrap !important;
}

#catalog .filters-actions.filters-bottom .btn-save,
#usedCatalog .filters-actions.filters-bottom .btn-save{
  margin-left:auto !important;
}

#catalog .catalog-head.catalog-topbar,
#usedCatalog .catalog-head.catalog-topbar,
body.parts-new .catalog-topbar,
body.parts-used .catalog-topbar,
body.break-page .catalog-topbar{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  margin-bottom:18px !important;
}

#catalog .catalog-topbar__left,
#usedCatalog .catalog-topbar__left,
body.parts-new .catalog-topbar__left,
body.parts-used .catalog-topbar__left,
body.break-page .catalog-topbar__left{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

#catalog .catalog-count,
#usedCatalog .catalog-count,
body.parts-new .results-count,
body.parts-used .results-count,
body.break-page .results-count{
  color:rgba(31,23,18,.74) !important;
  font-size:18px !important;
  font-weight:900 !important;
}

#catalog .catalog-sort-group,
#usedCatalog .catalog-sort-group,
body.parts-new .catalog-sort-group,
body.parts-used .catalog-sort-group,
body.break-page .catalog-sort-group{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:6px 8px 6px 16px !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.95) !important;
  border:1px solid rgba(233,135,67,.14) !important;
  box-shadow:0 12px 24px rgba(120,74,36,.08) !important;
}

#catalog .catalog-sort-group .sort-label,
#usedCatalog .catalog-sort-group .sort-label,
body.parts-new .catalog-sort-group .sort-label,
body.parts-used .catalog-sort-group .sort-label,
body.break-page .catalog-sort-group .sort-label{
  margin:0 !important;
  color:#7d7168 !important;
  font-size:13px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  white-space:nowrap !important;
}

#catalog .catalog-sort-group .sort-select,
#usedCatalog .catalog-sort-group .sort-select,
body.parts-new .catalog-sort-group .sort-select,
body.parts-used .catalog-sort-group .sort-select,
body.break-page .catalog-sort-group .sort-select{
  width:280px !important;
  min-width:280px !important;
  height:48px !important;
  padding:0 16px !important;
  margin:0 !important;
  border-radius:18px !important;
  background:#ffffff !important;
  border:1px solid rgba(233,135,67,.10) !important;
  box-shadow:none !important;
}

#catalog .car-card,
#usedCatalog .car-card,
body.parts-new .car-card,
body.parts-used .car-card,
body.break-page .break-card,
body.car-detail-page .similar-card,
body.car-detail-page .related-card,
body.part-detail-page .related-card{
  border-radius:28px !important;
  border:1px solid rgba(233,135,67,.12) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,248,241,.99)) !important;
  box-shadow:0 18px 42px rgba(120,74,36,.10) !important;
  overflow:hidden !important;
}

#catalog .car-card__img,
#catalog .car-card__photo,
#usedCatalog .car-card__img,
#usedCatalog .car-card__photo,
body.parts-new .car-card__img,
body.parts-new .car-card__photo,
body.parts-used .car-card__img,
body.parts-used .car-card__photo,
body.break-page .break-photo,
body.car-detail-page .similar-card__img img,
body.car-detail-page .related-card__img img,
body.part-detail-page .related-card__img img{
  background:linear-gradient(180deg, rgba(255,248,241,.96), rgba(255,255,255,.98)) !important;
}

body.break-page .break-photo .no-photo{
  display:grid !important;
  place-items:center !important;
  width:100% !important;
  min-height:220px !important;
  background:
    repeating-linear-gradient(
      45deg,
      rgba(233,135,67,.08),
      rgba(233,135,67,.08) 12px,
      rgba(233,135,67,.03) 12px,
      rgba(233,135,67,.03) 24px
    ) !important;
  color:#7d7168 !important;
  font-weight:800 !important;
}

body.break-page .break-info,
body.car-detail-page .similar-card__body,
body.part-detail-page .related-card__body{
  gap:12px !important;
}

body.car-detail-page .card.media,
body.part-detail-page .card.media,
body.break-view-page .card.media,
body.car-detail-page .card.location-box,
body.part-detail-page .card.location-box,
body.break-view-page .card.location-box,
body.car-detail-page .card.info,
body.part-detail-page .card.info,
body.break-view-page .card.info,
body.break-view-page .parts-section{
  border-radius:30px !important;
  overflow:hidden !important;
}

body.car-detail-page .card.location-box,
body.part-detail-page .card.location-box,
body.break-view-page .card.location-box{
  padding:22px 22px 18px !important;
}

body.car-detail-page #carMap,
body.part-detail-page #partMap,
body.break-view-page #breakMap{
  min-height:340px !important;
  height:340px !important;
  border-radius:22px !important;
  border:1px solid rgba(233,135,67,.10) !important;
  background:#fff8f1 !important;
}

body.car-detail-page .location-empty,
body.part-detail-page .location-empty,
body.break-view-page .location-empty{
  min-height:220px !important;
}

body.break-view-page .parts-section .location-empty{
  min-height:180px !important;
}

body.car-detail-page .detail-panel--description,
body.part-detail-page .detail-panel--description,
body.break-view-page .detail-panel--description,
body.break-view-page .detail-panel--tags,
body.car-detail-page .detail-panel--sidebar,
body.part-detail-page .detail-panel--sidebar,
body.break-view-page .detail-panel--sidebar{
  box-shadow:0 18px 40px rgba(120,74,36,.10) !important;
}

body.car-detail-page .detail-panel--description .text,
body.part-detail-page .detail-panel--description .text,
body.break-view-page .detail-panel--description .text{
  /* Опис — простий текст під заголовком, як у car_detail/part_detail
     (а не вкладений бордюрний бокс, що виглядав як порожнє поле). */
  min-height:0 !important;
  padding:4px 0 0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

body.car-detail-page .similar-block,
body.car-detail-page .related-section,
body.part-detail-page .related-section,
body.break-view-page .parts-section{
  background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,248,241,.99)) !important;
  border:1px solid rgba(233,135,67,.12) !important;
  box-shadow:0 18px 42px rgba(120,74,36,.10) !important;
  border-radius:30px !important;
}

body.car-detail-page .similar-card__img img,
body.car-detail-page .related-card__img img,
body.part-detail-page .related-card__img img{
  height:200px !important;
  object-fit:cover !important;
}

body.part-detail-page .seller,
body.car-detail-page .seller,
body.break-view-page .seller{
  display:grid !important;
  gap:14px !important;
}

@media (max-width:1180px){
  #catalog .catalog-head.catalog-topbar,
  #usedCatalog .catalog-head.catalog-topbar,
  body.parts-new .catalog-topbar,
  body.parts-used .catalog-topbar,
  body.break-page .catalog-topbar{
    align-items:flex-start !important;
  }
}

@media (max-width:980px){
  #catalog .filters-actions.filters-bottom,
  #usedCatalog .filters-actions.filters-bottom{
    justify-content:flex-start !important;
  }

  #catalog .filters-actions.filters-bottom .btn-save,
  #usedCatalog .filters-actions.filters-bottom .btn-save{
    margin-left:0 !important;
  }

  #catalog .catalog-topbar__right,
  #usedCatalog .catalog-topbar__right,
  body.parts-new .catalog-topbar__right,
  body.parts-used .catalog-topbar__right,
  body.break-page .catalog-topbar__right{
    width:100% !important;
    justify-content:flex-start !important;
  }

  #catalog .catalog-sort-group,
  #usedCatalog .catalog-sort-group,
  body.parts-new .catalog-sort-group,
  body.parts-used .catalog-sort-group,
  body.break-page .catalog-sort-group{
    width:100% !important;
    justify-content:space-between !important;
  }

  #catalog .catalog-sort-group .sort-select,
  #usedCatalog .catalog-sort-group .sort-select,
  body.parts-new .catalog-sort-group .sort-select,
  body.parts-used .catalog-sort-group .sort-select,
  body.break-page .catalog-sort-group .sort-select{
    width:auto !important;
    min-width:0 !important;
    flex:1 1 auto !important;
  }

  body.car-detail-page #carMap,
  body.part-detail-page #partMap,
  body.break-view-page #breakMap{
    min-height:300px !important;
    height:300px !important;
  }
}

@media (max-width:700px){
  #catalog .catalog-head.catalog-topbar,
  #usedCatalog .catalog-head.catalog-topbar,
  body.parts-new .catalog-topbar,
  body.parts-used .catalog-topbar,
  body.break-page .catalog-topbar{
    gap:14px !important;
  }

  #catalog .catalog-sort-group,
  #usedCatalog .catalog-sort-group,
  body.parts-new .catalog-sort-group,
  body.parts-used .catalog-sort-group,
  body.break-page .catalog-sort-group{
    flex-direction:column !important;
    align-items:stretch !important;
    gap:8px !important;
  }

  body.car-detail-page #carMap,
  body.part-detail-page #partMap,
  body.break-view-page #breakMap{
    min-height:260px !important;
    height:260px !important;
  }
}

#catalog .cars-grid,
#usedCatalog .cars-grid,
body.parts-new .latest-grid,
body.parts-used .latest-grid,
body.break-page .break-grid{
  align-items:stretch !important;
  justify-content:start !important;
  justify-items:stretch !important;
}

#catalog .cars-grid[data-view="tile"],
#usedCatalog .cars-grid[data-view="tile"],
body.parts-new .latest-grid[data-view="tile"],
body.parts-used .latest-grid[data-view="tile"],
body.break-page .break-grid[data-view="tile"]{
  gap:24px !important;
}

#catalog .car-card,
#usedCatalog .car-card,
body.parts-new .car-card,
body.parts-used .car-card,
body.break-page .break-card{
  width:100% !important;
  max-width:none !important;
  justify-self:stretch !important;
  align-self:stretch !important;
}

body.break-page .break-card,
body.break-page .break-info,
body.break-page .break-photo,
body.break-page .break-photo .no-photo{
  background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,248,241,.99)) !important;
}

body.break-page .break-photo .no-photo{
  color:#e98743 !important;
  border-bottom:1px solid rgba(233,135,67,.08) !important;
}

body.break-page .break-status,
body.break-page .break-status.status-available{
  background:rgba(233,135,67,.10) !important;
  border:1px solid rgba(233,135,67,.16) !important;
  color:#d87431 !important;
  box-shadow:none !important;
}

body.break-page .break-status.status-process{
  background:rgba(245,158,11,.12) !important;
  border:1px solid rgba(245,158,11,.18) !important;
  color:#b45309 !important;
}

body.break-page .break-status.status-sold{
  background:rgba(239,68,68,.10) !important;
  border:1px solid rgba(239,68,68,.18) !important;
  color:#b91c1c !important;
}

body.car-detail-page .detail-secondary,
body.part-detail-page .detail-secondary,
body.break-view-page .detail-secondary{
  gap:24px !important;
  margin-top:28px !important;
}

body.car-detail-page .detail-panel--description,
body.part-detail-page .detail-panel--description,
body.break-view-page .detail-panel--description,
body.break-view-page .detail-panel--tags,
body.car-detail-page .detail-panel--sidebar,
body.part-detail-page .detail-panel--sidebar,
body.break-view-page .detail-panel--sidebar{
  background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,248,241,.99)) !important;
  border:1px solid rgba(233,135,67,.12) !important;
  border-radius:30px !important;
  box-shadow:0 18px 40px rgba(120,74,36,.10) !important;
}

body.car-detail-page #carMap,
body.part-detail-page #partMap,
body.break-view-page #breakMap{
  background:#fff8f1 !important;
  border:1px solid rgba(233,135,67,.12) !important;
}

body.car-detail-page .seller,
body.part-detail-page .seller,
body.break-view-page .seller{
  display:grid !important;
  gap:14px !important;
}

body.car-detail-page .actions-row,
body.part-detail-page .actions-row,
body.break-view-page .actions-row{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:12px !important;
}

body.profile-dashboard-page,
body .profile-dashboard-page{
  background:#ffffff !important;
}

.profile-dashboard{
  background:transparent !important;
}

.profile-dashboard__shell{
  padding-bottom:48px !important;
}

.profile-topbar,
.dashboard-card,
.profile-sheet{
  background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,248,241,.99)) !important;
  border:1px solid rgba(233,135,67,.12) !important;
  box-shadow:0 18px 42px rgba(120,74,36,.10) !important;
}

.profile-topbar__link,
.alert-row__action,
.screen-pill,
.choice-card,
.limit-mini{
  border-color:rgba(233,135,67,.14) !important;
}

.profile-topbar__link,
.alert-row__action{
  background:rgba(233,135,67,.06) !important;
  color:#d87431 !important;
}

.profile-primary__button{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  color:#ffffff !important;
  box-shadow:0 18px 40px rgba(233,135,67,.20) !important;
}

.profile-primary__button strong,
.profile-primary__button small,
.profile-primary__icon{
  color:#ffffff !important;
}

.profile-primary__icon{
  background:rgba(255,255,255,.18) !important;
}

.quick-card--strong{
  border-color:rgba(233,135,67,.16) !important;
  background:rgba(233,135,67,.06) !important;
  box-shadow:0 18px 42px rgba(120,74,36,.10) !important;
}

.profile-tabs{
  background:rgba(255,255,255,.97) !important;
  border:1px solid rgba(233,135,67,.12) !important;
  box-shadow:0 18px 42px rgba(120,74,36,.14) !important;
  backdrop-filter:blur(18px) !important;
  -webkit-backdrop-filter:blur(18px) !important;
}

.profile-tab{
  color:#7d7168 !important;
}

.profile-tab.is-active{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  color:#ffffff !important;
  box-shadow:none !important;
}

.profile-sheet-backdrop{
  background:rgba(31,23,18,.22) !important;
  backdrop-filter:blur(10px) !important;
  -webkit-backdrop-filter:blur(10px) !important;
}

@media (min-width:1100px){
  .profile-tabs{
    display:none !important;
  }

  .profile-dashboard__shell{
    padding-bottom:32px !important;
  }

  .profile-sheet,
  .profile-sheet--wide{
    bottom:28px !important;
  }
}

@media (max-width:980px){
  #catalog .catalog-head.catalog-topbar,
  #usedCatalog .catalog-head.catalog-topbar,
  body.parts-new .catalog-topbar,
  body.parts-used .catalog-topbar,
  body.break-page .catalog-topbar{
    align-items:flex-start !important;
  }

  #catalog .catalog-topbar__right,
  #usedCatalog .catalog-topbar__right,
  body.parts-new .catalog-topbar__right,
  body.parts-used .catalog-topbar__right,
  body.break-page .catalog-topbar__right{
    width:100% !important;
    min-width:0 !important;
    justify-content:flex-start !important;
  }

  body.car-detail-page .actions-row,
  body.part-detail-page .actions-row,
  body.break-view-page .actions-row{
    grid-template-columns:1fr !important;
  }
}

/* Final lilac normalization for legacy page styles */

.my-ads{
  --ads-text:#17120d !important;
  --ads-muted:#7d7168 !important;
  --ads-line:rgba(233,135,67,.12) !important;
  --ads-card:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,248,241,.99)) !important;
  --ads-accent:#e98743 !important;
  --ads-accent-2:#f0a15e !important;
  --ads-danger:#dc2626 !important;
  --ads-shadow:0 18px 42px rgba(120,74,36,.12) !important;
  color:#17120d !important;
}

.my-ads .my-ads-hero,
.my-ads .my-ads-stat,
.my-ads .ad-card,
.my-ads .empty-box{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,248,241,.99)) !important;
  border:1px solid rgba(233,135,67,.12) !important;
  box-shadow:0 18px 42px rgba(120,74,36,.12) !important;
}

.my-ads .my-ads-eyebrow,
.my-ads .badge,
.my-ads .ad-meta span{
  background:rgba(233,135,67,.08) !important;
  border-color:rgba(233,135,67,.14) !important;
  color:#d87431 !important;
}

.my-ads .badge.pending{
  background:rgba(245,158,11,.12) !important;
  border-color:rgba(245,158,11,.18) !important;
  color:#b45309 !important;
}

.my-ads .badge.draft{
  background:rgba(148,163,184,.12) !important;
  border-color:rgba(148,163,184,.18) !important;
  color:#7d7168 !important;
}

.my-ads .ad-body,
.my-ads .ad-head,
.my-ads .ad-title,
.my-ads .ad-price,
.my-ads .ad-date{
  color:#17120d !important;
}

.my-ads .ad-card .btn-soft{
  background:rgba(233,135,67,.07) !important;
  border:1px solid rgba(233,135,67,.14) !important;
  color:#d87431 !important;
}

.my-ads .ad-card .btn-soft:hover{
  background:rgba(233,135,67,.12) !important;
}

.my-ads .ad-card .btn-danger{
  background:rgba(239,68,68,.07) !important;
  border:1px solid rgba(239,68,68,.16) !important;
  color:#b91c1c !important;
}

.my-ads .btnx.primary,
.my-ads .empty-box .btnx.primary{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  border-color:transparent !important;
  color:#ffffff !important;
  box-shadow:0 18px 40px rgba(233,135,67,.18) !important;
}

.chat-page{
  --chat-brand:#e98743 !important;
  --chat-brand-2:#f0a15e !important;
  --chat-brand-dark:#17120d !important;
  --chat-text:#17120d !important;
  --chat-muted:#7d7168 !important;
  --chat-muted-2:#9a8f86 !important;
  --chat-glass:rgba(255,255,255,.97) !important;
  --chat-glass-2:rgba(255,248,241,.99) !important;
  --chat-glass-soft:rgba(233,135,67,.04) !important;
  --chat-line:rgba(233,135,67,.12) !important;
  --chat-line-soft:rgba(233,135,67,.08) !important;
  --chat-line-strong:rgba(233,135,67,.16) !important;
  --chat-shadow:0 20px 48px rgba(120,74,36,.12) !important;
  --chat-shadow-soft:0 12px 30px rgba(120,74,36,.08) !important;
}

.chat-page .chat-sidebar,
.chat-page .chat-panel,
.chat-page .chat-empty-card,
.chat-page .chat-empty,
.chat-page .chat-bubble,
.chat-page .chat-composer{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,248,241,.99)) !important;
  border-color:rgba(233,135,67,.12) !important;
  box-shadow:0 18px 42px rgba(120,74,36,.12) !important;
}

.chat-page .chat-list .chat-item,
.chat-page .chat-filter,
.chat-page .chat-search input,
.chat-page .chat-search{
  background:#ffffff !important;
  border-color:rgba(233,135,67,.12) !important;
  color:#17120d !important;
}

.chat-page .chat-list .chat-item.is-active,
.chat-page .chat-list .chat-item:hover{
  background:rgba(233,135,67,.06) !important;
}

.chat-page .chat-action{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  border-color:transparent !important;
  color:#ffffff !important;
}

.chat-page .chat-action.chat-action--ghost{
  background:rgba(233,135,67,.06) !important;
  border:1px solid rgba(233,135,67,.14) !important;
  color:#d87431 !important;
}

.chat-page .chat-filter.is-active,
.chat-page .chat-avatar,
.chat-page .chat-empty-card__icon{
  background:rgba(233,135,67,.10) !important;
  border-color:rgba(233,135,67,.14) !important;
  color:#d87431 !important;
}

.add-part,
.add-car{
  --brand:#e98743 !important;
  --brand-2:#f0a15e !important;
  --brand-dark:#17120d !important;
  --text:#17120d !important;
  --muted:#7d7168 !important;
  --muted-2:#9a8f86 !important;
  --glass:rgba(255,255,255,.98) !important;
  --glass-2:rgba(255,248,241,.99) !important;
  --line:rgba(233,135,67,.12) !important;
  --line-soft:rgba(233,135,67,.08) !important;
  --line-strong:rgba(233,135,67,.16) !important;
  --panel-shadow:0 18px 42px rgba(120,74,36,.12) !important;
  --btn-shadow:0 18px 40px rgba(233,135,67,.18) !important;
}

.add-part .hero,
.add-part .card-block,
.add-part .notice,
.add-car .hero,
.add-car .card-block{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,248,241,.99)) !important;
  border:1px solid rgba(233,135,67,.12) !important;
  box-shadow:0 18px 42px rgba(120,74,36,.12) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

.add-part input,
.add-part select,
.add-part textarea,
.add-part .input-shell,
.add-part .image-upload,
.add-part .suggest-list,
.add-part .location-dropdown,
.add-car input,
.add-car select,
.add-car textarea,
.add-car .image-upload,
.add-car .suggest-list,
.add-car .location-dropdown{
  background:#ffffff !important;
  border-color:rgba(233,135,67,.12) !important;
  color:#17120d !important;
  box-shadow:none !important;
}

.add-part input::placeholder,
.add-part textarea::placeholder,
.add-car input::placeholder,
.add-car textarea::placeholder{
  color:#9a8f86 !important;
}

.add-part .hero-mark,
.add-part .block-head i,
.add-car .hero-mark,
.add-car .block-head i{
  background:rgba(233,135,67,.10) !important;
  border-color:rgba(233,135,67,.14) !important;
  color:#d87431 !important;
}

.add-part .hero-mode__badge,
.add-car .hero-mode__badge{
  background:rgba(233,135,67,.08) !important;
  border-color:rgba(233,135,67,.14) !important;
  color:#d87431 !important;
}

.add-part .hero-mode__switch,
.add-car .hero-mode__switch{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:42px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  background:#ffffff !important;
  border:1px solid rgba(233,135,67,.14) !important;
  box-shadow:0 10px 24px rgba(120,74,36,.08) !important;
  color:#d87431 !important;
  text-decoration:none !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.add-part .hero-mode__switch span,
.add-car .hero-mode__switch span{
  color:currentColor !important;
  font-weight:900 !important;
}

.add-part .hero-mode__switch:hover,
.add-car .hero-mode__switch:hover{
  background:#fff1e6 !important;
  border-color:rgba(233,135,67,.24) !important;
  color:#d87431 !important;
  text-decoration:none !important;
}

.add-part .btnx.danger,
.add-car .btnx.danger{
  background:rgba(233,135,67,.06) !important;
  border:1px solid rgba(233,135,67,.14) !important;
  color:#d87431 !important;
}

.add-part .btn-submit,
.add-car .btn-submit{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  border-color:transparent !important;
  color:#ffffff !important;
  box-shadow:0 18px 40px rgba(233,135,67,.18) !important;
}

.add-part .input-addon,
.add-car .field-note,
.add-part .field-note{
  color:#7d7168 !important;
}

.add-part .image-upload,
.add-car .image-upload{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,248,241,.99)) !important;
}

.add-part #pickMap,
.add-car #pickMap,
.add-car #map,
.add-part #map{
  background:#fff8f1 !important;
  border:1px solid rgba(233,135,67,.12) !important;
}

.add-part .leaflet-control-zoom a,
.add-car .leaflet-control-zoom a{
  background:#ffffff !important;
  color:#d87431 !important;
  border-color:rgba(233,135,67,.14) !important;
}

#catalog .catalog-head.catalog-topbar,
#usedCatalog .catalog-head.catalog-topbar,
body.parts-new .catalog-topbar,
body.parts-used .catalog-topbar,
body.break-page .catalog-topbar{
  row-gap:18px !important;
}

#catalog .catalog-count,
#usedCatalog .catalog-count,
body.parts-new .catalog-count,
body.parts-used .catalog-count,
body.break-page .catalog-count{
  align-items:center !important;
}

#catalog .catalog-count strong,
#usedCatalog .catalog-count strong,
body.parts-new .catalog-count strong,
body.parts-used .catalog-count strong,
body.break-page .catalog-count strong{
  font-size:20px !important;
  color:#17120d !important;
}

#catalog .catalog-count span,
#usedCatalog .catalog-count span,
body.parts-new .catalog-count span,
body.parts-used .catalog-count span,
body.break-page .catalog-count span{
  color:#7d7168 !important;
}

body.parts-new .latest-grid[data-view="tile"],
body.parts-used .latest-grid[data-view="tile"],
body.break-page .break-grid[data-view="tile"],
#catalog .cars-grid[data-view="tile"],
#usedCatalog .cars-grid[data-view="tile"]{
  grid-template-columns:repeat(auto-fill, minmax(280px, 1fr)) !important;
  align-items:start !important;
  align-content:start !important;
}

#catalog .cars-grid .car-card,
#usedCatalog .cars-grid .car-card,
body.parts-new .latest-grid .car-card,
body.parts-used .latest-grid .car-card,
body.break-page .break-grid .break-card{
  justify-self:stretch !important;
  max-width:none !important;
}

body.break-page .break-photo,
body.break-page .break-photo .no-photo,
body.break-page .break-card{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,248,241,.99)) !important;
  border-color:rgba(233,135,67,.12) !important;
}

body.break-page .break-photo .no-photo{
  color:#d87431 !important;
}

body.break-view-page .break-tags .tag,
body.break-view-page .parts-tags .tag,
body.part-detail-page .detail-badge,
body.car-detail-page .detail-badge{
  background:rgba(233,135,67,.08) !important;
  border:1px solid rgba(233,135,67,.14) !important;
  color:#d87431 !important;
}

body.part-detail-page .detail-main,
body.break-view-page .detail-main,
body.car-detail-page .detail-main{
  align-items:start !important;
}

body.part-detail-page .detail-panel--hero,
body.break-view-page .detail-panel--hero,
body.car-detail-page .detail-panel--hero,
body.part-detail-page .detail-panel--description,
body.break-view-page .detail-panel--description,
body.car-detail-page .detail-panel--description,
body.part-detail-page .detail-panel--sidebar,
body.break-view-page .detail-panel--sidebar,
body.car-detail-page .detail-panel--sidebar{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,248,241,.99)) !important;
  border:1px solid rgba(233,135,67,.12) !important;
}

body.part-detail-page .seller-card,
body.break-view-page .seller-card,
body.car-detail-page .seller-card,
body.part-detail-page .seller,
body.break-view-page .seller,
body.car-detail-page .seller{
  background:#ffffff !important;
  border-color:rgba(233,135,67,.12) !important;
}

body.part-detail-page .detail-secondary .btn,
body.break-view-page .detail-secondary .btn,
body.car-detail-page .detail-secondary .btn{
  border-radius:18px !important;
}

body.part-detail-page .detail-secondary .btn-primary,
body.break-view-page .detail-secondary .btn-primary,
body.car-detail-page .detail-secondary .btn-primary{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  border-color:transparent !important;
  color:#ffffff !important;
}

body.part-detail-page .detail-secondary .btn-secondary,
body.break-view-page .detail-secondary .btn-secondary,
body.car-detail-page .detail-secondary .btn-secondary{
  background:rgba(233,135,67,.06) !important;
  border:1px solid rgba(233,135,67,.14) !important;
  color:#d87431 !important;
}

@media (min-width:1100px){
  .profile-tabs,
  .profile-dashboard .profile-tabs,
  .profile-dashboard .dashboard-bottom-nav,
  .profile-dashboard .mobile-nav,
  .profile-dashboard .bottom-nav{
    display:none !important;
  }
}

@media (max-width:980px){
  #catalog .catalog-topbar__right,
  #usedCatalog .catalog-topbar__right,
  body.parts-new .catalog-topbar__right,
  body.parts-used .catalog-topbar__right,
  body.break-page .catalog-topbar__right{
    gap:12px !important;
  }

  .my-ads-stats,
  .my-ads-grid{
    grid-template-columns:1fr !important;
  }

  .chat-page .chat-layout{
    grid-template-columns:1fr !important;
    padding:0 16px !important;
  }
}
body.parts-used .filters-ui .filter-item input,
body.parts-used .filters-ui .filter-item select,
body.parts-used .filters-ui .sort-select{
  background:#ffffff !important;
  border-color:rgba(233,135,67,.14) !important;
  color:#17120d !important;
}

body.parts-used .filters-ui .filter-item input::placeholder{
  color:rgba(31,23,18,.42) !important;
}

body.parts-new .filters-ui .filter-item input::placeholder{
  color:rgba(31,23,18,.42) !important;
}

body.parts-used .filters-ui .btn-show{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  color:#ffffff !important;
  box-shadow:0 18px 40px rgba(233,135,67,.18) !important;
}

body.parts-used .filters-ui .btn-reset{
  background:#ffffff !important;
  border:1px solid rgba(233,135,67,.14) !important;
  color:#17120d !important;
}

body.parts-used .filters-ui .btn-save{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  color:#ffffff !important;
  box-shadow:0 12px 28px rgba(233,135,67,.18) !important;
}

#catalog .btn-show,
#catalog .btn-save,
#usedCatalog .btn-show,
#usedCatalog .btn-save,
body.parts-new .filters-ui .btn-show,
body.parts-new .filters-ui .btn-save,
body.parts-used .filters-ui .btn-show,
body.break-page .btn-show{
  color:#ffffff !important;
  box-shadow:0 12px 28px rgba(233,135,67,.18) !important;
}

#catalog .btn-show:hover,
#catalog .btn-save:hover,
#usedCatalog .btn-show:hover,
#usedCatalog .btn-save:hover,
body.parts-new .filters-ui .btn-show:hover,
body.parts-new .filters-ui .btn-save:hover,
body.parts-used .filters-ui .btn-show:hover,
body.parts-used .filters-ui .btn-save:hover,
body.break-page .btn-show:hover{
  box-shadow:0 16px 34px rgba(233,135,67,.22) !important;
  filter:none !important;
}

@media (max-width:820px){
  body.car-detail-page .car-detail,
  body.part-detail-page .car-detail,
  body.break-view-page .car-detail,
  body.parts-used .parts-used-page,
  #usedCatalog.section,
  body.break-page .section{
    padding-bottom:calc(var(--appbar-h) + 84px) !important;
    padding-bottom:calc(var(--appbar-h) + env(safe-area-inset-bottom) + 84px) !important;
  }

  #catalog .catalog-head.catalog-topbar,
  #usedCatalog .catalog-head.catalog-topbar,
  body.parts-new .catalog-topbar,
  body.parts-used .catalog-topbar,
  body.break-page .catalog-topbar{
    display:grid !important;
    grid-template-columns:1fr !important;
    align-items:stretch !important;
    gap:12px !important;
    padding:0 !important;
    background:transparent !important;
    border:none !important;
    box-shadow:none !important;
    margin-bottom:14px !important;
  }

  #catalog .catalog-topbar__left,
  #usedCatalog .catalog-topbar__left,
  body.parts-new .catalog-topbar__left,
  body.parts-used .catalog-topbar__left,
  body.break-page .catalog-topbar__left{
    width:100% !important;
    min-height:0 !important;
    display:block !important;
  }

  #catalog .catalog-topbar__right,
  #usedCatalog .catalog-topbar__right,
  body.parts-new .catalog-topbar__right,
  body.parts-used .catalog-topbar__right,
  body.break-page .catalog-topbar__right{
    display:grid !important;
    grid-template-columns:1fr !important;
    width:100% !important;
    min-width:0 !important;
    gap:12px !important;
    justify-content:stretch !important;
    align-items:stretch !important;
  }

  #catalog .catalog-view-switch,
  #usedCatalog .catalog-view-switch,
  body.parts-new .catalog-view-switch,
  body.parts-used .catalog-view-switch,
  body.break-page .catalog-view-switch{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:10px !important;
    margin:0 !important;
  }

  #catalog .catalog-view-switch__btn,
  #usedCatalog .catalog-view-switch__btn,
  body.parts-new .catalog-view-switch__btn,
  body.parts-used .catalog-view-switch__btn,
  body.break-page .catalog-view-switch__btn{
    min-width:0 !important;
    width:100% !important;
  }

  #catalog .catalog-sort-group,
  #usedCatalog .catalog-sort-group,
  body.parts-new .catalog-sort-group,
  body.parts-used .catalog-sort-group,
  body.break-page .catalog-sort-group{
    width:100% !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    padding:12px !important;
    gap:10px !important;
  }

  #catalog .catalog-sort-group .sort-select,
  #usedCatalog .catalog-sort-group .sort-select,
  body.parts-new .catalog-sort-group .sort-select,
  body.parts-used .catalog-sort-group .sort-select,
  body.break-page .catalog-sort-group .sort-select{
    width:100% !important;
    min-width:0 !important;
    flex:none !important;
  }

  #catalog .catalog-empty,
  #usedCatalog .catalog-empty,
  body.parts-new .catalog-empty,
  body.parts-used .catalog-empty,
  body.break-page .catalog-empty{
    margin-top:12px !important;
    padding:26px 18px !important;
  }
}

@media (max-width:768px){
  .section{
    margin-top:18px;
    margin-bottom:18px;
  }

  .container{
    padding-left:var(--page-gutter-mobile);
    padding-right:var(--page-gutter-mobile);
  }

  #catalog.section,
  #usedCatalog.section,
  body.break-page .section,
  body.parts-new .page-wrap,
  body.parts-new .content-wrap,
  body.parts-new .main-wrap,
  body.parts-used .page-wrap,
  body.parts-used .content-wrap,
  body.parts-used .main-wrap,
  .seller-wrap,
  .cd-wrap,
  body.break-view-page .cd-wrap{
    width:100% !important;
    padding-left:var(--page-gutter-mobile) !important;
    padding-right:var(--page-gutter-mobile) !important;
  }
}

/* ==================================================
   Driveandgo WARM MARKETPLACE OVERRIDE
================================================== */

:root{
  --brand:#e98743 !important;
  --brand-2:#f0a15e !important;
  --brand-soft:rgba(233,135,67,.10) !important;
  --bg-main:#f7f2eb !important;
  --bg-header:rgba(255,255,255,.95) !important;
  --bg-card:rgba(255,255,255,.97) !important;
  --bg-card-2:rgba(255,248,241,.98) !important;
  --bg-soft:rgba(233,135,67,.06) !important;
  --text-main:#17120d !important;
  --text-muted:rgba(31,23,18,.72) !important;
  --text-dim:rgba(31,23,18,.56) !important;
  --border:rgba(31,23,18,.08) !important;
  --border-2:rgba(233,135,67,.16) !important;
  --shadow-sm:0 12px 30px rgba(45,28,16,.08) !important;
  --shadow-md:0 18px 45px rgba(45,28,16,.12) !important;
  --shadow-header:0 10px 30px rgba(45,28,16,.10) !important;
  --shadow-pop:0 22px 60px rgba(45,28,16,.14) !important;
  --glow:0 0 0 1px rgba(233,135,67,.12), 0 12px 28px rgba(240,161,94,.16) !important;
  --glow-strong:0 0 0 1px rgba(233,135,67,.18), 0 18px 44px rgba(240,161,94,.22) !important;
}

html,
body,
.page{
  background:#f7f2eb !important;
  color:#17120d !important;
}

.menu{
  background:rgba(255,255,255,.94) !important;
  border-bottom:1px solid rgba(31,23,18,.08) !important;
  box-shadow:0 10px 30px rgba(45,28,16,.08) !important;
}

.menu-item{
  color:#2a2018 !important;
}

.menu-item:hover{
  color:#17120d !important;
  background:rgba(233,135,67,.08) !important;
}

.dropdown-toggle,
.header-icon,
.mobile-icons a{
  color:#e98743 !important;
  background:#fff8f1 !important;
  border:1px solid rgba(233,135,67,.14) !important;
  box-shadow:0 8px 20px rgba(45,28,16,.08) !important;
}

.dropdown-toggle:hover,
.header-icon:hover,
.mobile-icons a:hover{
  background:#fff1e6 !important;
  border-color:rgba(233,135,67,.24) !important;
  box-shadow:0 12px 26px rgba(233,135,67,.14) !important;
}

.dropdown-content,
.notif-box{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,248,241,.98)) !important;
  border:1px solid rgba(233,135,67,.12) !important;
  box-shadow:0 22px 54px rgba(45,28,16,.12) !important;
}

.dropdown-content a,
.notif-box .notif-item,
.notif-box .notif-item *{
  color:#17120d !important;
}

.page :where(.btnx, button.btnx, a.btnx, .btn, .btn-secondary, .btn-ghost, .btn-soft, .btn-main, .btn-submit, .chat-action),
.mode-btn,
.hero-mode__switch,
.action-btn,
.dg-btn{
  color:#17120d !important;
  background:#fffaf4 !important;
  border:1px solid rgba(31,23,18,.10) !important;
  box-shadow:0 8px 22px rgba(45,28,16,.06) !important;
}

.page :where(.btnx, button.btnx, a.btnx, .btn, .btn-secondary, .btn-ghost, .btn-soft, .btn-main, .btn-submit, .chat-action):hover,
.mode-btn:hover,
.hero-mode__switch:hover,
.action-btn:hover,
.dg-btn:hover{
  background:#fff1e6 !important;
  border-color:rgba(233,135,67,.22) !important;
  color:#17120d !important;
}

.page :where(.btnx.primary, .btnx--primary, .btn-primary, .btn-submit, .chat-action:not(.chat-action--ghost)),
.mode-btn.active,
.dg-btn--primary,
.action-btn.primary{
  color:#fff !important;
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  border-color:transparent !important;
  box-shadow:0 14px 30px rgba(233,135,67,.22) !important;
}

:is(.card, .panel, .box, .tile, .hero, .block, .surface, .latest-card, .car-card, .adv-card, .filter-card, .empty-box, .detail-panel, .catalog-toolbar, .catalog-empty, .my-ads-hero, .my-ads-card, .fav-hero, .fav-card, .profile-card, .profile-shell, .request-card, .seller-card, .offer-card){
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,248,241,.96)) !important;
  border:1px solid rgba(31,23,18,.08) !important;
  box-shadow:0 16px 40px rgba(45,28,16,.08) !important;
  color:#17120d !important;
}

:is(.card, .panel, .box, .tile, .hero, .block, .surface, .latest-card, .car-card, .adv-card, .filter-card, .empty-box, .detail-panel, .catalog-toolbar, .catalog-empty, .my-ads-hero, .my-ads-card, .fav-hero, .fav-card, .profile-card, .profile-shell, .request-card, .seller-card, .offer-card) :is(h1,h2,h3,h4,h5,strong,label){
  color:#17120d !important;
}

:is(.card, .panel, .box, .tile, .hero, .block, .surface, .latest-card, .car-card, .adv-card, .filter-card, .empty-box, .detail-panel, .catalog-toolbar, .catalog-empty, .my-ads-hero, .my-ads-card, .fav-hero, .fav-card, .profile-card, .profile-shell, .request-card, .seller-card, .offer-card) :is(p,span,small,li,dd,td){
  color:rgba(31,23,18,.72) !important;
}

:is(input, select, textarea){
  background:#fffaf4 !important;
  color:#17120d !important;
  border:1px solid rgba(31,23,18,.10) !important;
  box-shadow:none !important;
}

:is(input, select, textarea)::placeholder{
  color:rgba(31,23,18,.46) !important;
}

:is(input, select, textarea):focus{
  outline:none !important;
  border-color:rgba(233,135,67,.28) !important;
  box-shadow:0 0 0 4px rgba(233,135,67,.10) !important;
}

:is(.badge, .chip, .pill, .tag, .meta p, .catalog-stat, .hero-mark, .hero-mode__badge){
  background:#fff1e6 !important;
  color:#d87431 !important;
  border:1px solid rgba(233,135,67,.12) !important;
}

:is(.breadcrumbs, .home-breadcrumbs){
  color:rgba(31,23,18,.60) !important;
}

:is(.breadcrumbs, .home-breadcrumbs) a{
  color:#e98743 !important;
}

:is(.breadcrumbs, .home-breadcrumbs) span,
:is(.breadcrumbs, .home-breadcrumbs) .sep{
  color:#1f1712 !important;
}

.fav-btn,
.header-icon .badge,
.notify-count{
  background:#fff8f1 !important;
  color:#e98743 !important;
  border:1px solid rgba(233,135,67,.16) !important;
}

/* ==================================================
   Driveandgo LILAC FINAL POLISH
   Must stay last: it neutralizes legacy dark marketplace rules.
================================================== */

html,
body,
main.page,
body.parts-new,
body.parts-used,
body.break-page,
body.car-detail-page,
body.part-detail-page,
body.break-view-page{
  background:#f7f2eb !important;
}

body{
  color:#17120d !important;
}

.page{
  isolation:isolate;
}

.menu{
  position:relative !important;
  height:var(--header-h, 72px) !important;
}

.menu-inner,
.container,
.section,
.footer-inner{
  width:100%;
}

.menu-logo img{
  width:auto !important;
  height:34px !important;
  object-fit:contain !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

.dropdown-content{
  overflow:hidden !important;
}

.dropdown-content a{
  color:#17120d !important;
  border-radius:12px !important;
}

.dropdown-content a:hover{
  background:#fff1e6 !important;
  color:#d87431 !important;
}

.footer{
  margin-top:56px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.90), rgba(255,248,241,.95)) !important;
  border-top:1px solid rgba(31,23,18,.08) !important;
  color:rgba(31,23,18,.68) !important;
  box-shadow:0 -12px 30px rgba(45,28,16,.05) !important;
}

.footer-logo{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  color:#fff !important;
  border:1px solid rgba(233,135,67,.20) !important;
  box-shadow:0 12px 26px rgba(233,135,67,.18) !important;
}

.footer-brand__text strong,
.footer a{
  color:#17120d !important;
}

.footer-brand__text span,
.footer-muted{
  color:rgba(31,23,18,.58) !important;
}

.footer-bottom{
  border-top-color:rgba(31,23,18,.08) !important;
}

.footer a:hover{
  background:#fff1e6 !important;
  color:#d87431 !important;
}

.appbar{
  background:rgba(255,255,255,.96) !important;
  border:1px solid rgba(31,23,18,.08) !important;
  box-shadow:0 18px 44px rgba(45,28,16,.14) !important;
  backdrop-filter:blur(14px) !important;
  -webkit-backdrop-filter:blur(14px) !important;
}

.appbar__item{
  color:rgba(31,23,18,.64) !important;
}

.appbar__item:hover,
.appbar__item.is-active{
  background:#fff1e6 !important;
  border-color:rgba(233,135,67,.18) !important;
  color:#17120d !important;
  box-shadow:0 10px 24px rgba(233,135,67,.10) !important;
}

.appbar__ico{
  color:#e98743 !important;
}

.appbar__item--fab{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  border-color:transparent !important;
  box-shadow:0 18px 38px rgba(233,135,67,.26) !important;
  color:#fff !important;
}

.appbar__item--fab .appbar__ico,
.appbar__item--fab .appbar__txt{
  color:#fff !important;
}

.appbar__badge,
.header-icon .badge,
.notify-count{
  background:#e98743 !important;
  color:#fff !important;
  border:2px solid #fff8f1 !important;
}

:is(.filters, .filters-ui, .filters-card, .catalog-topbar, .catalog-sort-group, .catalog-view-switch, .catalog-empty, .info-card, .mode-switch, .filters-more, .suggest-list, .location-dropdown, .brand-suggest, .model-suggest){
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,248,241,.96)) !important;
  border:1px solid rgba(31,23,18,.08) !important;
  box-shadow:0 16px 40px rgba(45,28,16,.08) !important;
  color:#17120d !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

:is(.suggest-list, .location-dropdown, .brand-suggest, .model-suggest){
  border-radius:16px !important;
  box-shadow:0 18px 44px rgba(45,28,16,.12) !important;
}

:is(.suggest-list li, .suggest-list .suggest-item, .suggest-list .location-item, .location-dropdown li, .brand-suggest li, .model-suggest li){
  background:#fff !important;
  color:#17120d !important;
}

:is(.suggest-list li, .suggest-list .suggest-item, .suggest-list .location-item, .location-dropdown li, .brand-suggest li, .model-suggest li):hover{
  background:#fff1e6 !important;
  color:#d87431 !important;
}

:is(table, .table, .table-responsive){
  background:#fffaf4 !important;
  border-color:rgba(31,23,18,.08) !important;
  color:#17120d !important;
}

:is(th, td){
  color:#17120d !important;
  border-bottom-color:rgba(31,23,18,.08) !important;
}

th{
  color:rgba(31,23,18,.70) !important;
}

tr:hover td{
  background:#fff1e6 !important;
}

.page :where(.btnx.danger, .btnx-danger, .btn-danger, .danger),
body.cargo-body .page.cargo-page :where(.cargo-my-load-card__action--delete, .cargo-publication-card__action--danger){
  background:rgba(220,38,38,.08) !important;
  border-color:rgba(220,38,38,.18) !important;
  color:#b91c1c !important;
}

.page :where(.btnx.dark, .dg-btn--dark, .apply-btn.secondary){
  background:#17120d !important;
  color:#fff !important;
  border-color:#17120d !important;
}

.page :where(.btnx.dark, .dg-btn--dark, .apply-btn.secondary):hover{
  background:#2a2018 !important;
  border-color:#2a2018 !important;
}

@media (max-width:820px){
  .menu{
    height:var(--header-h, 56px) !important;
  }

  .footer{
    margin-bottom:calc(var(--appbar-h, 72px) + env(safe-area-inset-bottom) + 12px) !important;
  }

  .appbar{
    left:10px !important;
    right:10px !important;
    bottom:10px !important;
    height:var(--appbar-h, 72px) !important;
    gap:8px !important;
    padding:10px !important;
    border-radius:22px !important;
  }

  .appbar__item{
    min-width:0 !important;
  }

  .appbar__txt{
    max-width:100% !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
    white-space:nowrap !important;
    letter-spacing:0 !important;
  }
}

@media (max-width:520px){
  .container,
  .section,
  main.page > .container{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .menu-inner{
    padding-left:12px !important;
    padding-right:12px !important;
  }
}

/* ==================================================
   VISUAL QA FIXES - catalog controls, icons, dropdowns
================================================== */

#catalog .meta-item i,
#usedCatalog .meta-item i,
body.parts-new .meta-item i,
body.parts-used .meta-item i,
body.break-page .meta-item i,
body.break-page .break-meta i,
.car-card .meta-item i,
.part-card .meta-item i{
  width:18px !important;
  min-width:18px !important;
  height:18px !important;
  display:inline-grid !important;
  place-items:center !important;
  margin:0 !important;
  color:#e98743 !important;
  font-size:14px !important;
  line-height:1 !important;
  opacity:1 !important;
}

#catalog .meta-item i::before,
#usedCatalog .meta-item i::before,
body.parts-new .meta-item i::before,
body.parts-used .meta-item i::before,
body.break-page .meta-item i::before,
body.break-page .break-meta i::before,
.car-card .meta-item i::before,
.part-card .meta-item i::before{
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  color:currentColor !important;
}

.car-card__fav,
.card-fav,
.fav-btn{
  width:44px !important;
  height:44px !important;
  min-width:44px !important;
  padding:0 !important;
  border-radius:999px !important;
  display:inline-grid !important;
  place-items:center !important;
  background:#fff8f1 !important;
  border:1px solid rgba(233,135,67,.16) !important;
  color:#e98743 !important;
  box-shadow:0 12px 28px rgba(45,28,16,.10) !important;
  font-size:18px !important;
  line-height:1 !important;
}

.car-card__fav i,
.card-fav i,
.fav-btn i{
  width:18px !important;
  height:18px !important;
  display:grid !important;
  place-items:center !important;
  font-size:18px !important;
  line-height:1 !important;
  color:#e98743 !important;
}

.car-card__fav i::before,
.card-fav i::before,
.fav-btn i::before{
  width:auto !important;
  min-width:0 !important;
  font-size:inherit !important;
  font-weight:inherit !important;
  line-height:1 !important;
  color:currentColor !important;
}

.car-card__fav:hover,
.card-fav:hover,
.fav-btn:hover,
.car-card__fav.active,
.card-fav.active,
.fav-btn.active{
  background:#fff1e6 !important;
  border-color:rgba(233,135,67,.26) !important;
  color:#d87431 !important;
  transform:translateY(-1px) !important;
}

.catalog-head.catalog-topbar,
.catalog-topbar,
#catalog .catalog-topbar,
#usedCatalog .catalog-topbar,
body.parts-new .catalog-topbar,
body.parts-used .catalog-topbar,
body.break-page .catalog-topbar{
  width:100% !important;
  min-height:auto !important;
  padding:12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:14px !important;
  background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(31,23,18,.06) !important;
  border-radius:0 !important;
  box-shadow:0 12px 30px rgba(45,28,16,.06) !important;
  overflow:visible !important;
}

.catalog-topbar__left,
#catalog .catalog-topbar__left,
#usedCatalog .catalog-topbar__left,
body.parts-new .catalog-topbar__left,
body.parts-used .catalog-topbar__left,
body.break-page .catalog-topbar__left{
  min-width:0 !important;
  flex:1 1 auto !important;
}

.results-count,
.catalog-count,
#catalog .catalog-count,
#usedCatalog .catalog-count,
body.parts-new .results-count,
body.parts-used .results-count,
body.break-page .results-count{
  color:#4b4038 !important;
  font-size:26px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
}

.catalog-topbar__right,
#catalog .catalog-topbar__right,
#usedCatalog .catalog-topbar__right,
body.parts-new .catalog-topbar__right,
body.parts-used .catalog-topbar__right,
body.break-page .catalog-topbar__right{
  flex:0 1 auto !important;
  width:auto !important;
  min-width:0 !important;
  max-width:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:12px !important;
  margin-left:auto !important;
}

.catalog-view-switch,
#catalog .catalog-view-switch,
#usedCatalog .catalog-view-switch,
body.parts-new .catalog-view-switch,
body.parts-used .catalog-view-switch,
body.break-page .catalog-view-switch{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  padding:0 !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

.catalog-view-switch__btn,
#catalog .catalog-view-switch__btn,
#usedCatalog .catalog-view-switch__btn,
body.parts-new .catalog-view-switch__btn,
body.parts-used .catalog-view-switch__btn,
body.break-page .catalog-view-switch__btn{
  min-width:126px !important;
  height:66px !important;
  padding:0 26px !important;
  border-radius:28px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fffaf4 !important;
  border:1px solid rgba(233,135,67,.14) !important;
  color:#7a3f1d !important;
  box-shadow:none !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.catalog-view-switch__btn.is-active,
#catalog .catalog-view-switch__btn.is-active,
#usedCatalog .catalog-view-switch__btn.is-active,
body.parts-new .catalog-view-switch__btn.is-active,
body.parts-used .catalog-view-switch__btn.is-active,
body.break-page .catalog-view-switch__btn.is-active{
  background:#D85A30 !important;
  border-color:#D85A30 !important;
  color:#fff !important;
  box-shadow:none !important;
}

.catalog-sort-group,
#catalog .catalog-sort-group,
#usedCatalog .catalog-sort-group,
body.parts-new .catalog-sort-group,
body.parts-used .catalog-sort-group,
body.break-page .catalog-sort-group{
  flex:0 0 auto !important;
  width:auto !important;
  min-width:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  min-height:80px !important;
  padding:0 12px 0 24px !important;
  border-radius:34px !important;
  background:#fff !important;
  border:1px solid rgba(233,135,67,.12) !important;
  box-shadow:none !important;
}

.sort-label,
#catalog .catalog-topbar__right label,
#usedCatalog .catalog-topbar__right label,
body.parts-new .catalog-topbar__right .sort-label,
body.parts-used .catalog-topbar__right .sort-label,
body.break-page .catalog-topbar__right .sort-label{
  margin:0 !important;
  color:#7d7168 !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.sort-select,
#catalog .catalog-topbar__right select,
#usedCatalog .catalog-topbar__right select,
body.parts-new .catalog-topbar__right select,
body.parts-used .catalog-topbar__right select,
body.break-page .catalog-topbar__right select{
  width:420px !important;
  min-width:260px !important;
  max-width:min(420px, 38vw) !important;
  height:68px !important;
  padding:0 24px !important;
  border-radius:26px !important;
  background:#fff !important;
  border:1px solid rgba(31,23,18,.08) !important;
  color:#17120d !important;
  font-size:18px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

.filters-toggle,
#catalog .filters-toggle,
#usedCatalog .filters-toggle,
body.parts-new .filters-ui .filters-toggle,
body.parts-used .filters-ui .filters-toggle,
body.break-page .filters-toggle{
  min-width:188px !important;
  min-height:64px !important;
  padding:0 22px !important;
  border-radius:24px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:14px !important;
  background:#fff8f1 !important;
  border:1px solid rgba(233,135,67,.18) !important;
  color:#8a461d !important;
  box-shadow:none !important;
  font-size:22px !important;
  font-weight:900 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.filters-toggle .chev,
#catalog .filters-toggle .chev,
#usedCatalog .filters-toggle .chev,
body.parts-new .filters-ui .filters-toggle .chev,
body.parts-used .filters-ui .filters-toggle .chev,
body.break-page .filters-toggle .chev{
  width:0 !important;
  height:0 !important;
  border-left:10px solid transparent !important;
  border-right:10px solid transparent !important;
  border-top:15px solid #df7431 !important;
  transform:translateY(2px) !important;
}

.btn-reset,
#catalog .btn-reset,
#usedCatalog .btn-reset,
body.parts-new .filters-ui .btn-reset,
body.parts-used .filters-ui .btn-reset,
body.break-page .btn-reset{
  min-width:180px !important;
  min-height:72px !important;
  padding:0 30px !important;
  border-radius:24px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(31,23,18,.08) !important;
  color:#8a461d !important;
  box-shadow:none !important;
  font-size:22px !important;
  font-weight:900 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.page :where(.btnx, button.btnx, a.btnx, .btn, .btn-primary, .btn-secondary, .btn-ghost, .btn-soft, .btn-main, .btn-submit, .chat-action, .apply-btn, .mode-btn),
.dg-btn,
.action-btn{
  min-height:58px !important;
  padding:0 28px !important;
  border-radius:26px !important;
  font-size:20px !important;
  font-weight:900 !important;
  line-height:1 !important;
  letter-spacing:0 !important;
  white-space:nowrap !important;
  text-decoration:none !important;
}

.page :where(.btnx.primary, .btnx--primary, .btn-primary, .btn-submit, .chat-action:not(.chat-action--ghost), .apply-btn.purple, .mode-btn.active),
.dg-btn--primary,
.action-btn.primary{
  background:#D85A30 !important;
  border-color:#D85A30 !important;
  color:#fff !important;
}

.mode-switch,
#catalog .mode-switch,
#usedCatalog .mode-switch,
body.parts-new .mode-switch,
body.parts-used .mode-switch,
body.break-page .mode-switch{
  width:max-content !important;
  max-width:100% !important;
  padding:10px !important;
  gap:12px !important;
  border-radius:34px !important;
  background:rgba(255,255,255,.82) !important;
  border:1px solid rgba(233,135,67,.10) !important;
  box-shadow:0 14px 34px rgba(45,28,16,.07) !important;
}

.mode-btn,
#catalog .mode-btn,
#usedCatalog .mode-btn,
body.parts-new .mode-btn,
body.parts-used .mode-btn,
body.break-page .mode-btn{
  min-height:66px !important;
  padding:0 30px !important;
  border-radius:28px !important;
  color:#8a461d !important;
  background:#fffaf4 !important;
  border:1px solid rgba(233,135,67,.12) !important;
  font-size:18px !important;
  font-weight:900 !important;
}

.mode-btn.active,
#catalog .mode-btn.active,
#usedCatalog .mode-btn.active,
body.parts-new .mode-btn.active,
body.parts-used .mode-btn.active,
body.break-page .mode-btn.active{
  background:#fff1e6 !important;
  color:#d87431 !important;
  border-color:rgba(233,135,67,.18) !important;
}

.dropdown-content{
  min-width:270px !important;
  padding:12px !important;
  border-radius:24px !important;
}

.dropdown-content a{
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  padding:0 20px !important;
  border-radius:16px !important;
  color:#17120d !important;
  font-size:22px !important;
  font-weight:900 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

.dropdown-content a:hover,
.dropdown-content a:focus-visible{
  background:#fff8f1 !important;
  color:#8a461d !important;
  outline:none !important;
}

.profileDropdown .dropdown-content,
#profileDropdown .dropdown-content{
  right:0 !important;
  top:calc(100% + 12px) !important;
}

@media (max-width:1180px){
  .catalog-head.catalog-topbar,
  .catalog-topbar,
  #catalog .catalog-topbar,
  #usedCatalog .catalog-topbar,
  body.parts-new .catalog-topbar,
  body.parts-used .catalog-topbar,
  body.break-page .catalog-topbar{
    align-items:stretch !important;
    flex-direction:column !important;
  }

  .catalog-topbar__right,
  #catalog .catalog-topbar__right,
  #usedCatalog .catalog-topbar__right,
  body.parts-new .catalog-topbar__right,
  body.parts-used .catalog-topbar__right,
  body.break-page .catalog-topbar__right{
    width:100% !important;
    justify-content:space-between !important;
    margin-left:0 !important;
  }

  .sort-select,
  #catalog .catalog-topbar__right select,
  #usedCatalog .catalog-topbar__right select,
  body.parts-new .catalog-topbar__right select,
  body.parts-used .catalog-topbar__right select,
  body.break-page .catalog-topbar__right select{
    max-width:100% !important;
    width:100% !important;
  }
}

@media (max-width:760px){
  .results-count,
  .catalog-count,
  #catalog .catalog-count,
  #usedCatalog .catalog-count,
  body.parts-new .results-count,
  body.parts-used .results-count,
  body.break-page .results-count{
    font-size:22px !important;
  }

  .catalog-topbar__right,
  #catalog .catalog-topbar__right,
  #usedCatalog .catalog-topbar__right,
  body.parts-new .catalog-topbar__right,
  body.parts-used .catalog-topbar__right,
  body.break-page .catalog-topbar__right{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .catalog-view-switch,
  #catalog .catalog-view-switch,
  #usedCatalog .catalog-view-switch,
  body.parts-new .catalog-view-switch,
  body.parts-used .catalog-view-switch,
  body.break-page .catalog-view-switch{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:8px !important;
  }

  .catalog-view-switch__btn,
  #catalog .catalog-view-switch__btn,
  #usedCatalog .catalog-view-switch__btn,
  body.parts-new .catalog-view-switch__btn,
  body.parts-used .catalog-view-switch__btn,
  body.break-page .catalog-view-switch__btn{
    min-width:0 !important;
    height:54px !important;
    padding:0 10px !important;
    border-radius:20px !important;
    font-size:14px !important;
  }

  .catalog-sort-group,
  #catalog .catalog-sort-group,
  #usedCatalog .catalog-sort-group,
  body.parts-new .catalog-sort-group,
  body.parts-used .catalog-sort-group,
  body.break-page .catalog-sort-group{
    width:100% !important;
    min-height:auto !important;
    padding:12px !important;
    border-radius:24px !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
  }

  .sort-label,
  #catalog .catalog-topbar__right label,
  #usedCatalog .catalog-topbar__right label,
  body.parts-new .catalog-topbar__right .sort-label,
  body.parts-used .catalog-topbar__right .sort-label,
  body.break-page .catalog-topbar__right .sort-label{
    font-size:14px !important;
  }

  .sort-select,
  #catalog .catalog-topbar__right select,
  #usedCatalog .catalog-topbar__right select,
  body.parts-new .catalog-topbar__right select,
  body.parts-used .catalog-topbar__right select,
  body.break-page .catalog-topbar__right select{
    height:52px !important;
    min-width:0 !important;
    padding:0 14px !important;
    border-radius:18px !important;
    font-size:15px !important;
  }

  .page :where(.btnx, button.btnx, a.btnx, .btn, .btn-primary, .btn-secondary, .btn-ghost, .btn-soft, .btn-main, .btn-submit, .chat-action, .apply-btn, .mode-btn),
  .dg-btn,
  .action-btn,
  .filters-toggle,
  .btn-reset{
    width:100% !important;
    min-height:52px !important;
    padding:0 16px !important;
    border-radius:20px !important;
    font-size:16px !important;
  }

  .mode-switch,
  #catalog .mode-switch,
  #usedCatalog .mode-switch,
  body.parts-new .mode-switch,
  body.parts-used .mode-switch,
  body.break-page .mode-switch{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
  }
}

body.parts-new .results-count:empty,
body.parts-used .results-count:empty{
  display:none !important;
  min-height:0 !important;
}

/* Final compact profile dropdown */
#profileDropdown .dropdown-content{
  width:220px !important;
  min-width:220px !important;
  max-width:min(220px, calc(100vw - 24px)) !important;
  padding:8px !important;
  top:calc(100% + 8px) !important;
  right:0 !important;
  border-radius:18px !important;
  background:rgba(255,250,245,.98) !important;
  border:1px solid rgba(233,135,67,.16) !important;
  box-shadow:0 18px 44px rgba(120,74,36,.16) !important;
}

#profileDropdown .dropdown-content a{
  min-height:42px !important;
  padding:0 12px !important;
  display:flex !important;
  align-items:center !important;
  border-radius:12px !important;
  color:#17120d !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
}

#profileDropdown .dropdown-content a:hover,
#profileDropdown .dropdown-content a:focus-visible{
  background:#fff1e6 !important;
  color:#d87431 !important;
}

@media (max-width:640px){
  #profileDropdown .dropdown-content{
    right:0 !important;
    width:min(220px, calc(100vw - 18px)) !important;
    min-width:min(220px, calc(100vw - 18px)) !important;
  }
}

/* Favorites final warm card override */
.fav-page{
  background:#fdf8f3 !important;
  --fav-brand:#e8763a !important;
  --fav-text:#2b211a !important;
  --fav-muted:#8a7b70 !important;
  --fav-line:rgba(233,135,67,.16) !important;
  --fav-line-soft:rgba(233,135,67,.10) !important;
}

.fav-page .fav-head,
.fav-page .fav-toolbar,
.fav-page .empty-state{
  background:linear-gradient(180deg, #fff, #fffaf6) !important;
  border-color:rgba(233,135,67,.12) !important;
  box-shadow:0 18px 42px rgba(120,74,36,.10) !important;
}

.fav-page .fav-list{
  grid-template-columns:repeat(auto-fill, minmax(280px, 360px)) !important;
  gap:22px !important;
  justify-content:start !important;
}

.fav-page .fav-card:not(.fav-card--search){
  max-width:360px !important;
  border-radius:28px !important;
  background:#fff !important;
  border:1px solid rgba(233,135,67,.14) !important;
  box-shadow:0 22px 52px rgba(120,74,36,.13) !important;
  overflow:hidden !important;
}

.fav-page .fav-card__media{
  height:224px !important;
  background:#f6eee7 !important;
}

.fav-page .fav-card__badge{
  min-height:36px !important;
  padding:0 14px !important;
  border:0 !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.94) !important;
  color:#6f6259 !important;
  box-shadow:0 10px 24px rgba(31,23,18,.12) !important;
}

.fav-page .fav-card__badge--new,
.fav-page .fav-card__badge--used{
  background:#2fa86f !important;
  color:#fff !important;
}

.fav-page .fav-remove{
  width:48px !important;
  height:48px !important;
  border-radius:16px !important;
  background:rgba(255,255,255,.94) !important;
  border:0 !important;
  color:#e8763a !important;
  box-shadow:0 10px 24px rgba(31,23,18,.14) !important;
}

.fav-page .fav-card__body{
  padding:22px 24px 24px !important;
  gap:16px !important;
  background:#fff !important;
}

.fav-page .fav-card__title-wrap h3 a{
  color:#2b211a !important;
  font-size:23px !important;
}

.fav-page .fav-card__subtitle{
  display:none !important;
}

.fav-page .fav-card__price{
  background:transparent !important;
  border:0 !important;
  padding:0 !important;
  color:#e8763a !important;
  font-size:27px !important;
}

.fav-page .fav-card__meta span{
  background:#fffaf6 !important;
  border:1px solid rgba(233,135,67,.16) !important;
  color:#7d7168 !important;
}

.fav-page .btn-open{
  background:#fdeade !important;
  border-color:rgba(233,135,67,.12) !important;
  color:#d96d2f !important;
}

.fav-page .fav-list[data-view="list"]{
  grid-template-columns:1fr !important;
}

.fav-page .fav-list[data-view="list"] .fav-card:not(.fav-card--search){
  display:grid !important;
  grid-template-columns:300px minmax(0, 1fr) !important;
  max-width:none !important;
}

.fav-page .fav-list[data-view="gallery"]{
  grid-template-columns:repeat(auto-fill, minmax(220px, 260px)) !important;
}

.fav-page .fav-list[data-view="gallery"] .fav-card:not(.fav-card--search){
  max-width:260px !important;
}

.fav-page .fav-list[data-view="gallery"] .fav-card__media{
  height:176px !important;
}

@media (max-width:760px){
  .fav-page .fav-list,
  .fav-page .fav-list[data-view="gallery"]{
    grid-template-columns:1fr !important;
  }

  .fav-page .fav-list[data-view="list"] .fav-card:not(.fav-card--search){
    grid-template-columns:1fr !important;
  }

  .fav-page .fav-card__media{
    height:210px !important;
    min-height:210px !important;
  }
}

/* Final fix for catalog LIST and GALLERY views */
#catalog .cars-grid[data-view="list"],
#usedCatalog .cars-grid[data-view="list"],
body.parts-new .latest-grid[data-view="list"],
body.parts-used .latest-grid[data-view="list"]{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:18px !important;
}

#catalog .cars-grid[data-view="list"] .car-card,
#usedCatalog .cars-grid[data-view="list"] .car-card,
body.parts-new .latest-grid[data-view="list"] .car-card,
body.parts-used .latest-grid[data-view="list"] .car-card{
  display:grid !important;
  grid-template-columns:320px minmax(0, 1fr) !important;
  align-items:stretch !important;
  max-width:none !important;
  min-height:220px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  background:#fff !important;
  border:1px solid rgba(233,135,67,.14) !important;
  box-shadow:0 18px 42px rgba(120,74,36,.10) !important;
}

#catalog .cars-grid[data-view="list"] .car-card__img,
#usedCatalog .cars-grid[data-view="list"] .car-card__img,
body.parts-new .latest-grid[data-view="list"] .car-card__img,
body.parts-used .latest-grid[data-view="list"] .car-card__img{
  position:relative !important;
  width:100% !important;
  height:100% !important;
  min-height:220px !important;
  border-radius:0 !important;
  overflow:hidden !important;
}

#catalog .cars-grid[data-view="list"] .car-card__img img,
#usedCatalog .cars-grid[data-view="list"] .car-card__img img,
body.parts-new .latest-grid[data-view="list"] .car-card__img img,
body.parts-used .latest-grid[data-view="list"] .car-card__img img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

#catalog .cars-grid[data-view="list"] .car-card__badges,
#usedCatalog .cars-grid[data-view="list"] .car-card__badges,
body.parts-new .latest-grid[data-view="list"] .car-card__badges,
body.parts-used .latest-grid[data-view="list"] .car-card__badges{
  position:absolute !important;
  top:12px !important;
  left:12px !important;
  z-index:3 !important;
  display:flex !important;
  gap:7px !important;
  max-width:calc(100% - 74px) !important;
}

#catalog .cars-grid[data-view="list"] .car-card__badge,
#usedCatalog .cars-grid[data-view="list"] .car-card__badge,
body.parts-new .latest-grid[data-view="list"] .car-card__badge,
body.parts-used .latest-grid[data-view="list"] .car-card__badge{
  min-height:31px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  font-size:12px !important;
  font-weight:950 !important;
  box-shadow:0 8px 20px rgba(31,23,18,.12) !important;
}

#catalog .cars-grid[data-view="list"] .car-card__fav,
#usedCatalog .cars-grid[data-view="list"] .car-card__fav,
body.parts-new .latest-grid[data-view="list"] .fav-btn,
body.parts-used .latest-grid[data-view="list"] .fav-btn{
  position:absolute !important;
  top:12px !important;
  right:12px !important;
  z-index:4 !important;
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
  background:rgba(255,255,255,.94) !important;
  box-shadow:0 8px 20px rgba(31,23,18,.14) !important;
}

#catalog .cars-grid[data-view="list"] .car-card__body,
#usedCatalog .cars-grid[data-view="list"] .car-card__body,
body.parts-new .latest-grid[data-view="list"] .car-card__body,
body.parts-used .latest-grid[data-view="list"] .car-card__body{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) !important;
  align-content:center !important;
  gap:13px !important;
  padding:24px 28px !important;
  background:#fff !important;
}

#catalog .cars-grid[data-view="list"] .car-card__top,
#usedCatalog .cars-grid[data-view="list"] .car-card__top{
  display:flex !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:18px !important;
}

#catalog .cars-grid[data-view="list"] .car-title,
#usedCatalog .cars-grid[data-view="list"] .car-title,
body.parts-new .latest-grid[data-view="list"] .car-title,
body.parts-used .latest-grid[data-view="list"] .car-title{
  margin:0 !important;
  color:#17120d !important;
  font-size:24px !important;
  line-height:1.15 !important;
  font-weight:950 !important;
}

#catalog .cars-grid[data-view="list"] .price-big,
#usedCatalog .cars-grid[data-view="list"] .price-big,
body.parts-new .latest-grid[data-view="list"] .price-big,
body.parts-used .latest-grid[data-view="list"] .price-big{
  margin:0 !important;
  color:#e8763a !important;
  font-size:27px !important;
  line-height:1 !important;
  font-weight:1000 !important;
  white-space:nowrap !important;
}

#catalog .cars-grid[data-view="list"] .meta-grid,
#usedCatalog .cars-grid[data-view="list"] .meta-grid,
body.parts-new .latest-grid[data-view="list"] .meta-grid,
body.parts-used .latest-grid[data-view="list"] .meta-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:12px 28px !important;
  margin:0 !important;
  max-width:720px !important;
}

#catalog .cars-grid[data-view="list"] .meta-item,
#usedCatalog .cars-grid[data-view="list"] .meta-item,
body.parts-new .latest-grid[data-view="list"] .meta-item,
body.parts-used .latest-grid[data-view="list"] .meta-item{
  min-height:auto !important;
  display:flex !important;
  align-items:center !important;
  gap:9px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  color:#6f6259 !important;
  font-size:15px !important;
  font-weight:850 !important;
}

#catalog .cars-grid[data-view="list"] .meta-item i,
#usedCatalog .cars-grid[data-view="list"] .meta-item i,
body.parts-new .latest-grid[data-view="list"] .meta-item i,
body.parts-used .latest-grid[data-view="list"] .meta-item i{
  color:#e8763a !important;
  font-size:17px !important;
}

#catalog .cars-grid[data-view="gallery"],
#usedCatalog .cars-grid[data-view="gallery"],
body.parts-new .latest-grid[data-view="gallery"],
body.parts-used .latest-grid[data-view="gallery"]{
  display:grid !important;
  grid-template-columns:repeat(auto-fill, minmax(220px, 260px)) !important;
  justify-content:start !important;
  gap:18px !important;
}

#catalog .cars-grid[data-view="gallery"] .car-card,
#usedCatalog .cars-grid[data-view="gallery"] .car-card,
body.parts-new .latest-grid[data-view="gallery"] .car-card,
body.parts-used .latest-grid[data-view="gallery"] .car-card{
  max-width:260px !important;
  border-radius:22px !important;
}

#catalog .cars-grid[data-view="gallery"] .car-card__img,
#usedCatalog .cars-grid[data-view="gallery"] .car-card__img,
body.parts-new .latest-grid[data-view="gallery"] .car-card__img,
body.parts-used .latest-grid[data-view="gallery"] .car-card__img{
  height:176px !important;
  min-height:176px !important;
}

#catalog .cars-grid[data-view="gallery"] .car-card__body,
#usedCatalog .cars-grid[data-view="gallery"] .car-card__body,
body.parts-new .latest-grid[data-view="gallery"] .car-card__body,
body.parts-used .latest-grid[data-view="gallery"] .car-card__body{
  padding:14px 15px 16px !important;
  gap:9px !important;
}

#catalog .cars-grid[data-view="gallery"] .car-card__top,
#usedCatalog .cars-grid[data-view="gallery"] .car-card__top{
  display:block !important;
}

#catalog .cars-grid[data-view="gallery"] .car-title,
#usedCatalog .cars-grid[data-view="gallery"] .car-title,
body.parts-new .latest-grid[data-view="gallery"] .car-title,
body.parts-used .latest-grid[data-view="gallery"] .car-title{
  font-size:17px !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}

#catalog .cars-grid[data-view="gallery"] .price-big,
#usedCatalog .cars-grid[data-view="gallery"] .price-big,
body.parts-new .latest-grid[data-view="gallery"] .price-big,
body.parts-used .latest-grid[data-view="gallery"] .price-big{
  margin-top:6px !important;
  font-size:19px !important;
}

#catalog .cars-grid[data-view="gallery"] .meta-grid,
#usedCatalog .cars-grid[data-view="gallery"] .meta-grid,
body.parts-new .latest-grid[data-view="gallery"] .meta-grid,
body.parts-used .latest-grid[data-view="gallery"] .meta-grid{
  display:flex !important;
  gap:7px !important;
}

#catalog .cars-grid[data-view="gallery"] .meta-item,
#usedCatalog .cars-grid[data-view="gallery"] .meta-item,
body.parts-new .latest-grid[data-view="gallery"] .meta-item,
body.parts-used .latest-grid[data-view="gallery"] .meta-item{
  min-height:28px !important;
  padding:0 9px !important;
  font-size:11.5px !important;
}

@media (max-width:900px){
  #catalog .cars-grid[data-view="list"] .car-card,
  #usedCatalog .cars-grid[data-view="list"] .car-card,
  body.parts-new .latest-grid[data-view="list"] .car-card,
  body.parts-used .latest-grid[data-view="list"] .car-card{
    grid-template-columns:240px minmax(0, 1fr) !important;
  }

  #catalog .cars-grid[data-view="list"] .car-card__img,
  #usedCatalog .cars-grid[data-view="list"] .car-card__img,
  body.parts-new .latest-grid[data-view="list"] .car-card__img,
  body.parts-used .latest-grid[data-view="list"] .car-card__img{
    min-height:190px !important;
  }
}

@media (max-width:640px){
  #catalog .cars-grid[data-view="list"] .car-card,
  #usedCatalog .cars-grid[data-view="list"] .car-card,
  body.parts-new .latest-grid[data-view="list"] .car-card,
  body.parts-used .latest-grid[data-view="list"] .car-card{
    grid-template-columns:1fr !important;
  }

  #catalog .cars-grid[data-view="list"] .car-card__img,
  #usedCatalog .cars-grid[data-view="list"] .car-card__img,
  body.parts-new .latest-grid[data-view="list"] .car-card__img,
  body.parts-used .latest-grid[data-view="list"] .car-card__img{
    height:210px !important;
    min-height:210px !important;
  }

  #catalog .cars-grid[data-view="list"] .meta-grid,
  #usedCatalog .cars-grid[data-view="list"] .meta-grid,
  body.parts-new .latest-grid[data-view="list"] .meta-grid,
  body.parts-used .latest-grid[data-view="list"] .meta-grid{
    grid-template-columns:1fr !important;
  }

  #catalog .cars-grid[data-view="gallery"],
  #usedCatalog .cars-grid[data-view="gallery"],
  body.parts-new .latest-grid[data-view="gallery"],
  body.parts-used .latest-grid[data-view="gallery"]{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Mobile list mode: compact horizontal card, not a huge tile */
@media (max-width:640px){
  #catalog .cars-grid[data-view="list"],
  #usedCatalog .cars-grid[data-view="list"],
  body.parts-new .latest-grid[data-view="list"],
  body.parts-used .latest-grid[data-view="list"]{
    gap:12px !important;
  }

  #catalog .cars-grid[data-view="list"] .car-card,
  #usedCatalog .cars-grid[data-view="list"] .car-card,
  body.parts-new .latest-grid[data-view="list"] .car-card,
  body.parts-used .latest-grid[data-view="list"] .car-card{
    display:grid !important;
    grid-template-columns:118px minmax(0, 1fr) !important;
    min-height:132px !important;
    max-width:none !important;
    border-radius:20px !important;
    box-shadow:0 12px 28px rgba(120,74,36,.10) !important;
  }

  #catalog .cars-grid[data-view="list"] .car-card__img,
  #usedCatalog .cars-grid[data-view="list"] .car-card__img,
  body.parts-new .latest-grid[data-view="list"] .car-card__img,
  body.parts-used .latest-grid[data-view="list"] .car-card__img{
    width:118px !important;
    height:132px !important;
    min-height:132px !important;
    border-radius:20px 0 0 20px !important;
  }

  #catalog .cars-grid[data-view="list"] .car-card__body,
  #usedCatalog .cars-grid[data-view="list"] .car-card__body,
  body.parts-new .latest-grid[data-view="list"] .car-card__body,
  body.parts-used .latest-grid[data-view="list"] .car-card__body{
    min-width:0 !important;
    padding:12px 12px 12px 14px !important;
    gap:7px !important;
    align-content:start !important;
  }

  #catalog .cars-grid[data-view="list"] .car-card__top,
  #usedCatalog .cars-grid[data-view="list"] .car-card__top{
    display:block !important;
  }

  #catalog .cars-grid[data-view="list"] .car-title,
  #usedCatalog .cars-grid[data-view="list"] .car-title,
  body.parts-new .latest-grid[data-view="list"] .car-title,
  body.parts-used .latest-grid[data-view="list"] .car-title{
    max-width:100% !important;
    font-size:15px !important;
    line-height:1.18 !important;
    white-space:nowrap !important;
    overflow:hidden !important;
    text-overflow:ellipsis !important;
  }

  #catalog .cars-grid[data-view="list"] .price-big,
  #usedCatalog .cars-grid[data-view="list"] .price-big,
  body.parts-new .latest-grid[data-view="list"] .price-big,
  body.parts-used .latest-grid[data-view="list"] .price-big{
    margin-top:4px !important;
    font-size:18px !important;
    line-height:1 !important;
  }

  #catalog .cars-grid[data-view="list"] .meta-grid,
  #usedCatalog .cars-grid[data-view="list"] .meta-grid,
  body.parts-new .latest-grid[data-view="list"] .meta-grid,
  body.parts-used .latest-grid[data-view="list"] .meta-grid{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:5px 8px !important;
    max-width:100% !important;
  }

  #catalog .cars-grid[data-view="list"] .meta-item,
  #usedCatalog .cars-grid[data-view="list"] .meta-item,
  body.parts-new .latest-grid[data-view="list"] .meta-item,
  body.parts-used .latest-grid[data-view="list"] .meta-item{
    min-height:0 !important;
    padding:0 !important;
    gap:4px !important;
    font-size:11.5px !important;
    line-height:1.15 !important;
  }

  #catalog .cars-grid[data-view="list"] .meta-item i,
  #usedCatalog .cars-grid[data-view="list"] .meta-item i,
  body.parts-new .latest-grid[data-view="list"] .meta-item i,
  body.parts-used .latest-grid[data-view="list"] .meta-item i{
    font-size:12px !important;
  }

  #catalog .cars-grid[data-view="list"] .meta-item:nth-child(n+4),
  #usedCatalog .cars-grid[data-view="list"] .meta-item:nth-child(n+4),
  body.parts-new .latest-grid[data-view="list"] .meta-item:nth-child(n+4),
  body.parts-used .latest-grid[data-view="list"] .meta-item:nth-child(n+4){
    display:none !important;
  }

  #catalog .cars-grid[data-view="list"] .car-card__badges,
  #usedCatalog .cars-grid[data-view="list"] .car-card__badges,
  body.parts-new .latest-grid[data-view="list"] .car-card__badges,
  body.parts-used .latest-grid[data-view="list"] .car-card__badges{
    top:8px !important;
    left:8px !important;
    gap:4px !important;
    max-width:86px !important;
  }

  #catalog .cars-grid[data-view="list"] .car-card__badge,
  #usedCatalog .cars-grid[data-view="list"] .car-card__badge,
  body.parts-new .latest-grid[data-view="list"] .car-card__badge,
  body.parts-used .latest-grid[data-view="list"] .car-card__badge{
    min-height:22px !important;
    padding:0 7px !important;
    font-size:9.5px !important;
  }

  #catalog .cars-grid[data-view="list"] .car-card__fav,
  #usedCatalog .cars-grid[data-view="list"] .car-card__fav,
  body.parts-new .latest-grid[data-view="list"] .fav-btn,
  body.parts-used .latest-grid[data-view="list"] .fav-btn{
    top:8px !important;
    right:8px !important;
    width:32px !important;
    height:32px !important;
    border-radius:11px !important;
  }
}

/* Final visual correction for list view after screenshot review */
#catalog .cars-grid[data-view="list"] .car-card,
#usedCatalog .cars-grid[data-view="list"] .car-card,
body.parts-new .latest-grid[data-view="list"] .car-card,
body.parts-used .latest-grid[data-view="list"] .car-card{
  grid-template-columns:260px minmax(0, 1fr) !important;
  min-height:180px !important;
  border-radius:24px !important;
}

#catalog .cars-grid[data-view="list"] .car-card__img,
#usedCatalog .cars-grid[data-view="list"] .car-card__img,
body.parts-new .latest-grid[data-view="list"] .car-card__img,
body.parts-used .latest-grid[data-view="list"] .car-card__img{
  min-height:180px !important;
  height:180px !important;
}

#catalog .cars-grid[data-view="list"] .car-card__body,
#usedCatalog .cars-grid[data-view="list"] .car-card__body,
body.parts-new .latest-grid[data-view="list"] .car-card__body,
body.parts-used .latest-grid[data-view="list"] .car-card__body{
  padding:22px 26px !important;
  gap:12px !important;
}

#catalog .cars-grid[data-view="list"] .car-card__badges,
#usedCatalog .cars-grid[data-view="list"] .car-card__badges,
body.parts-new .latest-grid[data-view="list"] .car-card__badges,
body.parts-used .latest-grid[data-view="list"] .car-card__badges{
  top:12px !important;
  left:12px !important;
  display:flex !important;
  gap:7px !important;
  max-width:calc(100% - 70px) !important;
}

#catalog .cars-grid[data-view="list"] .car-card__badge,
#usedCatalog .cars-grid[data-view="list"] .car-card__badge,
body.parts-new .latest-grid[data-view="list"] .car-card__badge,
body.parts-used .latest-grid[data-view="list"] .car-card__badge{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:30px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  border:0 !important;
  font-size:12px !important;
  font-weight:950 !important;
  line-height:1 !important;
  white-space:nowrap !important;
  box-shadow:0 8px 18px rgba(31,23,18,.14) !important;
}

#catalog .cars-grid[data-view="list"] .car-card__badge--active,
#usedCatalog .cars-grid[data-view="list"] .car-card__badge--active,
body.parts-new .latest-grid[data-view="list"] .car-card__badge--active,
body.parts-used .latest-grid[data-view="list"] .car-card__badge--active{
  background:#2fa86f !important;
  color:#fff !important;
}

#catalog .cars-grid[data-view="list"] .car-card__badge--type,
#usedCatalog .cars-grid[data-view="list"] .car-card__badge--type,
body.parts-new .latest-grid[data-view="list"] .car-card__badge--type,
body.parts-used .latest-grid[data-view="list"] .car-card__badge--type{
  background:rgba(255,255,255,.94) !important;
  color:#6f6259 !important;
}

#catalog .cars-grid[data-view="list"] .car-title,
#usedCatalog .cars-grid[data-view="list"] .car-title,
body.parts-new .latest-grid[data-view="list"] .car-title,
body.parts-used .latest-grid[data-view="list"] .car-title{
  font-size:22px !important;
}

#catalog .cars-grid[data-view="list"] .price-big,
#usedCatalog .cars-grid[data-view="list"] .price-big,
body.parts-new .latest-grid[data-view="list"] .price-big,
body.parts-used .latest-grid[data-view="list"] .price-big{
  font-size:25px !important;
}

#catalog .cars-grid[data-view="list"] .meta-grid,
#usedCatalog .cars-grid[data-view="list"] .meta-grid,
body.parts-new .latest-grid[data-view="list"] .meta-grid,
body.parts-used .latest-grid[data-view="list"] .meta-grid{
  gap:10px 24px !important;
}

@media (max-width:900px){
  #catalog .cars-grid[data-view="list"] .car-card,
  #usedCatalog .cars-grid[data-view="list"] .car-card,
  body.parts-new .latest-grid[data-view="list"] .car-card,
  body.parts-used .latest-grid[data-view="list"] .car-card{
    grid-template-columns:220px minmax(0, 1fr) !important;
  }
}

@media (max-width:640px){
  #catalog .cars-grid[data-view="list"] .car-card,
  #usedCatalog .cars-grid[data-view="list"] .car-card,
  body.parts-new .latest-grid[data-view="list"] .car-card,
  body.parts-used .latest-grid[data-view="list"] .car-card{
    grid-template-columns:1fr !important;
  }

  #catalog .cars-grid[data-view="list"] .car-card__img,
  #usedCatalog .cars-grid[data-view="list"] .car-card__img,
  body.parts-new .latest-grid[data-view="list"] .car-card__img,
  body.parts-used .latest-grid[data-view="list"] .car-card__img{
    height:205px !important;
    min-height:205px !important;
  }
}

/* Final responsive lock for catalog cards: desktop / laptop / tablet / phone */
#catalog .cars-grid[data-view="tile"],
#usedCatalog .cars-grid[data-view="tile"],
body.parts-new .latest-grid[data-view="tile"],
body.parts-used .latest-grid[data-view="tile"]{
  grid-template-columns:repeat(auto-fill, minmax(260px, 320px)) !important;
  justify-content:start !important;
  justify-items:stretch !important;
  gap:22px !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card,
body.parts-new .latest-grid:not([data-view="list"]) .car-card,
body.parts-used .latest-grid:not([data-view="list"]) .car-card{
  max-width:320px !important;
  min-height:auto !important;
  border-radius:24px !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__img,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__img,
body.parts-new .latest-grid:not([data-view="list"]) .car-card__img,
body.parts-used .latest-grid:not([data-view="list"]) .car-card__img{
  height:196px !important;
  min-height:196px !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__body,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__body,
body.parts-new .latest-grid:not([data-view="list"]) .car-card__body,
body.parts-used .latest-grid:not([data-view="list"]) .car-card__body{
  gap:11px !important;
  padding:17px 18px 19px !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__top,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__top{
  gap:10px !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-title,
#usedCatalog .cars-grid:not([data-view="list"]) .car-title,
body.parts-new .latest-grid:not([data-view="list"]) .car-title,
body.parts-used .latest-grid:not([data-view="list"]) .car-title{
  font-size:19px !important;
  line-height:1.15 !important;
}

#catalog .cars-grid:not([data-view="list"]) .price-big,
#usedCatalog .cars-grid:not([data-view="list"]) .price-big,
body.parts-new .latest-grid:not([data-view="list"]) .price-big,
body.parts-used .latest-grid:not([data-view="list"]) .price-big{
  font-size:22px !important;
}

#catalog .cars-grid:not([data-view="list"]) .meta-grid,
#usedCatalog .cars-grid:not([data-view="list"]) .meta-grid,
body.parts-new .latest-grid:not([data-view="list"]) .meta-grid,
body.parts-used .latest-grid:not([data-view="list"]) .meta-grid{
  gap:8px !important;
}

#catalog .cars-grid:not([data-view="list"]) .meta-item,
#usedCatalog .cars-grid:not([data-view="list"]) .meta-item,
body.parts-new .latest-grid:not([data-view="list"]) .meta-item,
body.parts-used .latest-grid:not([data-view="list"]) .meta-item{
  min-height:31px !important;
  padding:0 10px !important;
  gap:6px !important;
  font-size:12.5px !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__badges,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__badges,
body.parts-new .latest-grid:not([data-view="list"]) .car-card__badges,
body.parts-used .latest-grid:not([data-view="list"]) .car-card__badges{
  top:12px !important;
  left:12px !important;
  gap:7px !important;
  max-width:calc(100% - 74px) !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__badge,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__badge,
body.parts-new .latest-grid:not([data-view="list"]) .car-card__badge,
body.parts-used .latest-grid:not([data-view="list"]) .car-card__badge{
  min-height:32px !important;
  padding:0 11px !important;
  font-size:12.5px !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__fav,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__fav,
body.parts-new .latest-grid:not([data-view="list"]) .fav-btn,
body.parts-used .latest-grid:not([data-view="list"]) .fav-btn{
  top:12px !important;
  right:12px !important;
  width:42px !important;
  height:42px !important;
  border-radius:14px !important;
}

@media (min-width:1440px){
  #catalog .cars-grid[data-view="tile"],
  #usedCatalog .cars-grid[data-view="tile"],
  body.parts-new .latest-grid[data-view="tile"],
  body.parts-used .latest-grid[data-view="tile"]{
    grid-template-columns:repeat(auto-fill, minmax(280px, 330px)) !important;
  }

  #catalog .cars-grid:not([data-view="list"]) .car-card,
  #usedCatalog .cars-grid:not([data-view="list"]) .car-card,
  body.parts-new .latest-grid:not([data-view="list"]) .car-card,
  body.parts-used .latest-grid:not([data-view="list"]) .car-card{
    max-width:330px !important;
  }
}

@media (max-width:1199px){
  #catalog .cars-grid[data-view="tile"],
  #usedCatalog .cars-grid[data-view="tile"],
  body.parts-new .latest-grid[data-view="tile"],
  body.parts-used .latest-grid[data-view="tile"]{
    grid-template-columns:repeat(auto-fill, minmax(250px, 300px)) !important;
    gap:20px !important;
  }

  #catalog .cars-grid:not([data-view="list"]) .car-card,
  #usedCatalog .cars-grid:not([data-view="list"]) .car-card,
  body.parts-new .latest-grid:not([data-view="list"]) .car-card,
  body.parts-used .latest-grid:not([data-view="list"]) .car-card{
    max-width:300px !important;
  }

  #catalog .cars-grid:not([data-view="list"]) .car-card__img,
  #usedCatalog .cars-grid:not([data-view="list"]) .car-card__img,
  body.parts-new .latest-grid:not([data-view="list"]) .car-card__img,
  body.parts-used .latest-grid:not([data-view="list"]) .car-card__img{
    height:184px !important;
    min-height:184px !important;
  }
}

@media (max-width:900px){
  #catalog .cars-grid[data-view="tile"],
  #usedCatalog .cars-grid[data-view="tile"],
  body.parts-new .latest-grid[data-view="tile"],
  body.parts-used .latest-grid[data-view="tile"]{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:18px !important;
  }

  #catalog .cars-grid:not([data-view="list"]) .car-card,
  #usedCatalog .cars-grid:not([data-view="list"]) .car-card,
  body.parts-new .latest-grid:not([data-view="list"]) .car-card,
  body.parts-used .latest-grid:not([data-view="list"]) .car-card{
    max-width:none !important;
  }

  #catalog .cars-grid:not([data-view="list"]) .car-card__img,
  #usedCatalog .cars-grid:not([data-view="list"]) .car-card__img,
  body.parts-new .latest-grid:not([data-view="list"]) .car-card__img,
  body.parts-used .latest-grid:not([data-view="list"]) .car-card__img{
    height:178px !important;
    min-height:178px !important;
  }
}

@media (max-width:640px){
  #catalog .cars-grid[data-view="tile"],
  #usedCatalog .cars-grid[data-view="tile"],
  body.parts-new .latest-grid[data-view="tile"],
  body.parts-used .latest-grid[data-view="tile"]{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  #catalog .cars-grid:not([data-view="list"]) .car-card__img,
  #usedCatalog .cars-grid:not([data-view="list"]) .car-card__img,
  body.parts-new .latest-grid:not([data-view="list"]) .car-card__img,
  body.parts-used .latest-grid:not([data-view="list"]) .car-card__img{
    height:210px !important;
    min-height:210px !important;
  }

  #catalog .cars-grid:not([data-view="list"]) .car-card__top,
  #usedCatalog .cars-grid:not([data-view="list"]) .car-card__top,
  body.parts-new .latest-grid:not([data-view="list"]) .car-card__top,
  body.parts-used .latest-grid:not([data-view="list"]) .car-card__top{
    grid-template-columns:1fr !important;
  }

  #catalog .cars-grid:not([data-view="list"]) .price-big,
  #usedCatalog .cars-grid:not([data-view="list"]) .price-big,
  body.parts-new .latest-grid:not([data-view="list"]) .price-big,
  body.parts-used .latest-grid:not([data-view="list"]) .price-big{
    font-size:21px !important;
  }
}

/* Break add form final responsive override */
body.break-add-page .page-wrap{
  max-width:1180px !important;
  width:min(100%, 1180px) !important;
  padding:0 26px !important;
}

body.break-add-page .hero{
  display:flex !important;
  flex-direction:row !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:24px !important;
  padding:28px 32px !important;
}

body.break-add-page .hero-copy{
  flex:1 1 auto !important;
}

body.break-add-page .hero h1{
  gap:16px !important;
  font-size:clamp(34px, 3vw, 50px) !important;
  line-height:1.05 !important;
}

body.break-add-page .hero p{
  font-size:17px !important;
  line-height:1.45 !important;
}

body.break-add-page .form-card{
  padding:32px 36px !important;
}

body.break-add-page .form-card h2{
  font-size:30px !important;
  line-height:1.15 !important;
}

body.break-add-page .form-field label,
body.break-add-page .form-state legend{
  margin-bottom:10px !important;
  font-size:15px !important;
  line-height:1.2 !important;
}

body.break-add-page .form-field input,
body.break-add-page .form-field select,
body.break-add-page .form-field textarea{
  font-size:16px !important;
  font-weight:850 !important;
}

body.break-add-page .quick-row,
body.break-add-page .quick-add{
  margin-top:12px !important;
}

body.break-add-page .chips{
  gap:8px !important;
}

body.break-add-page .chip{
  font-size:13px !important;
}

body.break-add-page .state-grid{
  gap:12px !important;
}

body.break-add-page .form-state label{
  font-size:15px !important;
}

body.break-add-page .sticky-submit{
  gap:22px !important;
}

@media (max-width:1180px){
  body.break-add-page .page-wrap{
    padding:0 18px !important;
  }

  body.break-add-page .form-grid,
  body.break-add-page .form-grid--main,
  body.break-add-page .description-layout{
    grid-template-columns:1fr !important;
  }

  body.break-add-page .state-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width:820px){
  body.break-add-page .page-wrap{
    margin:12px auto 68px !important;
    padding:0 14px !important;
    gap:16px !important;
  }

  body.break-add-page .hero{
    flex-direction:column !important;
    gap:18px !important;
    padding:22px !important;
    border-radius:24px !important;
  }

  body.break-add-page .hero h1{
    align-items:flex-start !important;
    font-size:36px !important;
  }

  body.break-add-page .hero p{
    font-size:15px !important;
  }

  body.break-add-page .hero .actions,
  body.break-add-page .hero .actions .btnx{
    width:100% !important;
  }

  body.break-add-page .form-tools{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }

  body.break-add-page .form-tool-link{
    justify-content:center !important;
    width:100% !important;
  }

  body.break-add-page .form-card{
    padding:22px !important;
    border-radius:24px !important;
  }

  body.break-add-page .form-card h2{
    font-size:26px !important;
  }

  body.break-add-page .state-grid{
    grid-template-columns:1fr !important;
  }

  body.break-add-page #pickMap,
  body.break-add-page #pickMap.leaflet-container{
    height:300px !important;
    min-height:300px !important;
    border-radius:18px !important;
  }

  body.break-add-page .break-add .image-upload{
    min-height:190px !important;
  }

  body.break-add-page .sticky-submit{
    flex-direction:column !important;
    align-items:stretch !important;
    padding:18px !important;
    border-radius:24px !important;
  }

  body.break-add-page .btn-submit{
    width:100% !important;
    min-width:0 !important;
  }
}

@media (max-width:520px){
  body.break-add-page .hero h1{
    font-size:30px !important;
  }

  body.break-add-page .hero-mark{
    width:48px !important;
    height:48px !important;
    border-radius:16px !important;
  }

  body.break-add-page .form-tools{
    grid-template-columns:1fr !important;
  }

body.break-add-page .form-card{
  padding:18px !important;
  }
}

/* Break add brand autocomplete */
body.break-add-page .break-brand-autocomplete{
  position:relative !important;
  width:100% !important;
  min-width:0 !important;
}

body.break-add-page .break-brand-autocomplete #brand{
  padding-left:82px !important;
}

body.break-add-page .break-brand-autocomplete .brand-preview{
  position:absolute !important;
  left:18px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:3 !important;
  display:grid !important;
  place-items:center !important;
  width:44px !important;
  height:44px !important;
  border-radius:14px !important;
  background:#fff1e6 !important;
  border:1px solid rgba(23,58,52,.18) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.74) !important;
  overflow:hidden !important;
  pointer-events:none !important;
}

body.break-add-page .break-brand-autocomplete .brand-preview::before{
  content:attr(data-initials) !important;
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  place-items:center !important;
  color:#173a34 !important;
  font-size:14px !important;
  font-weight:950 !important;
  line-height:1 !important;
}

body.break-add-page .break-brand-autocomplete .brand-preview:has(img)::before{
  content:none !important;
  display:none !important;
}

body.break-add-page .break-brand-autocomplete .brand-preview img{
  width:32px !important;
  height:32px !important;
  display:block !important;
  object-fit:contain !important;
  position:relative !important;
  z-index:1 !important;
  filter:contrast(1.2) saturate(1.06) !important;
}

body.break-add-page .break-brand-autocomplete .suggest-list{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:calc(100% + 10px) !important;
  z-index:180 !important;
  max-height:430px !important;
  overflow:auto !important;
  list-style:none !important;
  margin:0 !important;
  padding:14px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(255,248,241,.99)) !important;
  border:1px solid rgba(233,135,67,.16) !important;
  box-shadow:0 28px 64px rgba(45,28,16,.18) !important;
}

body.break-add-page .break-brand-autocomplete .suggest-list[hidden]{
  display:none !important;
}

body.break-add-page .break-brand-autocomplete .suggest-list .brand-option{
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  min-height:76px !important;
  padding:10px 16px !important;
  border-radius:18px !important;
  cursor:pointer !important;
  color:#17120d !important;
  transition:background .16s ease, transform .16s ease !important;
}

body.break-add-page .break-brand-autocomplete .suggest-list .brand-option:hover{
  background:#fff1e6 !important;
  transform:translateX(2px) !important;
}

body.break-add-page .break-brand-autocomplete .brand-option__logo{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  border-radius:16px !important;
  background:#fffaf4 !important;
  border:1px solid rgba(23,58,52,.16) !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
}

body.break-add-page .break-brand-autocomplete .brand-option__logo img{
  width:40px !important;
  height:40px !important;
  object-fit:contain !important;
  display:block !important;
}

body.break-add-page .break-brand-autocomplete .brand-option__name{
  color:#17120d !important;
  font-size:22px !important;
  font-weight:950 !important;
  line-height:1.15 !important;
}

body.break-add-page .break-brand-autocomplete .suggest-list .nope{
  padding:16px !important;
  color:#7d7168 !important;
  font-weight:850 !important;
}

@media (max-width:820px){
  body.break-add-page .break-brand-autocomplete .suggest-list{
    max-height:340px !important;
    border-radius:20px !important;
  }

  body.break-add-page .break-brand-autocomplete .suggest-list .brand-option{
    min-height:62px !important;
  }

  body.break-add-page .break-brand-autocomplete .brand-option__logo{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
  }

  body.break-add-page .break-brand-autocomplete .brand-option__logo img{
    width:34px !important;
    height:34px !important;
  }

  body.break-add-page .break-brand-autocomplete .brand-option__name{
    font-size:18px !important;
  }
}

/* Break add location map like add car */
body.break-add-page .form-card--location{
  padding:34px 36px 38px !important;
}

body.break-add-page .form-card--location .form-card__head{
  margin-bottom:28px !important;
}

body.break-add-page .form-card--location .form-card__head > div{
  display:block !important;
}

body.break-add-page .form-card--location h2{
  display:flex !important;
  align-items:center !important;
  gap:14px !important;
  margin:0 !important;
  font-size:42px !important;
  line-height:1.05 !important;
}

body.break-add-page .form-card--location h2 .fa-location-dot{
  width:52px !important;
  height:52px !important;
  min-width:52px !important;
  display:inline-grid !important;
  place-items:center !important;
  border-radius:50% !important;
  background:#e98743 !important;
  color:#e98743 !important;
  font-size:0 !important;
}

body.break-add-page .form-card--location .block-sub{
  max-width:none !important;
  margin:18px 0 0 !important;
  color:#6f665f !important;
  font-size:18px !important;
  line-height:1.45 !important;
  font-weight:850 !important;
}

body.break-add-page .form-card--location .location-suggest{
  margin-bottom:26px !important;
}

body.break-add-page .form-card--location .location-suggest label{
  font-size:18px !important;
  margin-bottom:14px !important;
}

body.break-add-page .form-card--location #locationInput{
  height:84px !important;
  min-height:84px !important;
  padding:0 28px !important;
  border-radius:26px !important;
  font-size:20px !important;
}

body.break-add-page .form-card--location #pickMap,
body.break-add-page .form-card--location #pickMap.leaflet-container{
  width:100% !important;
  height:560px !important;
  min-height:560px !important;
  margin-top:0 !important;
  border-radius:26px !important;
  overflow:hidden !important;
  background:#fff8f1 !important;
  border:1px solid rgba(233,135,67,.14) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.74) !important;
}

body.break-add-page .form-card--location #pickMap img,
body.break-add-page .form-card--location .leaflet-container img{
  max-width:none !important;
  max-height:none !important;
}

body.break-add-page .form-card--location .leaflet-container{
  font:inherit !important;
}

body.break-add-page .form-card--location .leaflet-pane,
body.break-add-page .form-card--location .leaflet-control{
  z-index:5 !important;
}

body.break-add-page .form-card--location .leaflet-control-zoom{
  margin:16px 0 0 16px !important;
  border:0 !important;
  box-shadow:0 18px 34px rgba(120,74,36,.18) !important;
}

body.break-add-page .form-card--location .leaflet-control-zoom a{
  width:42px !important;
  height:42px !important;
  line-height:42px !important;
  background:#fff !important;
  color:#d87431 !important;
  border:0 !important;
  font-size:24px !important;
}

body.break-add-page .form-card--location .leaflet-control-zoom a:hover{
  background:#fff1e6 !important;
}

body.break-add-page .form-card--location .leaflet-control-attribution{
  display:none !important;
}

body.break-add-page .form-card--location .hint,
body.break-add-page .form-card--location .map-actions{
  display:none !important;
}

@media (max-width:820px){
  body.break-add-page .form-card--location{
    padding:22px !important;
  }

  body.break-add-page .form-card--location h2{
    font-size:34px !important;
  }

  body.break-add-page .form-card--location h2 .fa-location-dot{
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
  }

  body.break-add-page .form-card--location .block-sub{
    font-size:15px !important;
  }

  body.break-add-page .form-card--location #locationInput{
    height:64px !important;
    min-height:64px !important;
    border-radius:20px !important;
    font-size:16px !important;
    padding:0 18px !important;
  }

  body.break-add-page .form-card--location #pickMap,
  body.break-add-page .form-card--location #pickMap.leaflet-container{
    height:340px !important;
    min-height:340px !important;
    border-radius:20px !important;
  }
}

/* Break add form compact mode */
body.break-add-page .page-wrap{
  gap:18px !important;
}

body.break-add-page .hero{
  padding:24px 30px !important;
}

body.break-add-page .form-card{
  padding:26px 30px !important;
}

body.break-add-page .form-card__head{
  margin-bottom:16px !important;
}

body.break-add-page .form-grid,
body.break-add-page .form-grid--main{
  gap:18px 24px !important;
}

body.break-add-page .form-state{
  margin-top:18px !important;
}

body.break-add-page #pickMap,
body.break-add-page #pickMap.leaflet-container{
  height:360px !important;
  min-height:360px !important;
}

body.break-add-page .break-add .image-upload{
  min-height:180px !important;
}

body.break-add-page .sticky-submit{
  padding:18px 24px !important;
}

@media (max-width:820px){
  body.break-add-page .hero,
  body.break-add-page .form-card,
  body.break-add-page .sticky-submit{
    padding:18px !important;
  }

  body.break-add-page #pickMap,
  body.break-add-page #pickMap.leaflet-container{
    height:260px !important;
    min-height:260px !important;
  }

  body.break-add-page .break-add .image-upload{
    min-height:160px !important;
  }
}

/* Break add form final polish */
body.break-add-page .page-wrap{
  max-width:1180px !important;
  width:min(100%, 1180px) !important;
  padding:0 26px !important;
}

body.break-add-page .hero{
  display:flex !important;
  flex-direction:row !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:24px !important;
  padding:28px 32px !important;
}

body.break-add-page .hero-copy{
  flex:1 1 auto !important;
}

body.break-add-page .hero h1{
  gap:16px !important;
  font-size:clamp(34px, 3vw, 50px) !important;
  line-height:1.05 !important;
}

body.break-add-page .hero p{
  font-size:17px !important;
  line-height:1.45 !important;
}

body.break-add-page .form-card{
  padding:32px 36px !important;
}

body.break-add-page .form-card h2{
  font-size:30px !important;
  line-height:1.15 !important;
}

body.break-add-page .form-field label,
body.break-add-page .form-state legend{
  margin-bottom:10px !important;
  font-size:15px !important;
  line-height:1.2 !important;
}

body.break-add-page .form-field input,
body.break-add-page .form-field select,
body.break-add-page .form-field textarea{
  font-size:16px !important;
  font-weight:850 !important;
}

body.break-add-page .quick-row,
body.break-add-page .quick-add{
  margin-top:12px !important;
}

body.break-add-page .chips{
  gap:8px !important;
}

body.break-add-page .chip{
  font-size:13px !important;
}

body.break-add-page .state-grid{
  gap:12px !important;
}

body.break-add-page .form-state label{
  font-size:15px !important;
}

body.break-add-page .sticky-submit{
  gap:22px !important;
}

@media (max-width:1180px){
  body.break-add-page .page-wrap{
    padding:0 18px !important;
  }

  body.break-add-page .form-grid,
  body.break-add-page .form-grid--main,
  body.break-add-page .description-layout{
    grid-template-columns:1fr !important;
  }

  body.break-add-page .state-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width:820px){
  body.break-add-page .page-wrap{
    margin:12px auto 68px !important;
    padding:0 14px !important;
    gap:16px !important;
  }

  body.break-add-page .hero{
    flex-direction:column !important;
    gap:18px !important;
    padding:22px !important;
    border-radius:24px !important;
  }

  body.break-add-page .hero h1{
    align-items:flex-start !important;
    font-size:36px !important;
  }

  body.break-add-page .hero p{
    font-size:15px !important;
  }

  body.break-add-page .hero .actions,
  body.break-add-page .hero .actions .btnx{
    width:100% !important;
  }

  body.break-add-page .form-tools{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }

  body.break-add-page .form-tool-link{
    justify-content:center !important;
    width:100% !important;
  }

  body.break-add-page .form-card{
    padding:22px !important;
    border-radius:24px !important;
  }

  body.break-add-page .form-card h2{
    font-size:26px !important;
  }

  body.break-add-page .state-grid{
    grid-template-columns:1fr !important;
  }

  body.break-add-page #pickMap,
  body.break-add-page #pickMap.leaflet-container{
    height:300px !important;
    min-height:300px !important;
    border-radius:18px !important;
  }

  body.break-add-page .break-add .image-upload{
    min-height:190px !important;
  }

  body.break-add-page .sticky-submit{
    flex-direction:column !important;
    align-items:stretch !important;
    padding:18px !important;
    border-radius:24px !important;
  }

  body.break-add-page .btn-submit{
    width:100% !important;
    min-width:0 !important;
  }
}

@media (max-width:520px){
  body.break-add-page .hero h1{
    font-size:30px !important;
  }

  body.break-add-page .hero-mark{
    width:48px !important;
    height:48px !important;
    border-radius:16px !important;
  }

  body.break-add-page .form-tools{
    grid-template-columns:1fr !important;
  }

  body.break-add-page .form-card{
    padding:18px !important;
  }
}

/* Absolute EOF car detail warm-only cleanup */
body.car-detail-page .badge.used,
body.car-detail-page .similar-card__badge,
body.car-detail-page .media-zoom-btn,
body.car-detail-page .detail-badge,
body.car-detail-page .chip,
body.car-detail-page .seller-rating__count,
body.car-detail-page .seller-trust__score,
body.car-detail-page .similar-card__meta span{
  background:#fdeede !important;
  background-color:#fdeede !important;
  color:#d87431 !important;
  border-color:rgba(233,135,67,.18) !important;
}

body.car-detail-page .fav-btn,
body.car-detail-page .fav-toggle-btn,
body.car-detail-page .similar-card__fav{
  background:#fffaf4 !important;
  color:#d87431 !important;
  border-color:rgba(233,135,67,.16) !important;
}

body.car-detail-page .fav-btn:hover,
body.car-detail-page .fav-toggle-btn:hover,
body.car-detail-page .similar-card__fav:hover,
body.car-detail-page .fav-btn.active,
body.car-detail-page .fav-toggle-btn.active,
body.car-detail-page .similar-card__fav.active{
  background:#fdeede !important;
  color:#d87431 !important;
  border-color:rgba(233,135,67,.24) !important;
}

body.car-detail-page .fav-btn i,
body.car-detail-page .fav-toggle-btn i,
body.car-detail-page .similar-card__fav i,
body.car-detail-page .fav-btn svg,
body.car-detail-page .fav-toggle-btn svg,
body.car-detail-page .similar-card__fav svg{
  color:#d87431 !important;
  fill:none !important;
  stroke:#d87431 !important;
}

body.car-detail-page .fav-btn.active i,
body.car-detail-page .fav-toggle-btn.active i,
body.car-detail-page .similar-card__fav.active i,
body.car-detail-page .fav-btn.active svg,
body.car-detail-page .fav-toggle-btn.active svg,
body.car-detail-page .similar-card__fav.active svg{
  color:#d87431 !important;
  fill:#d87431 !important;
  stroke:#d87431 !important;
}

body.car-detail-page .image-lightbox__backdrop{
  background:rgba(31,23,18,.72) !important;
}

/* Absolute final car detail warm-only cleanup */
body.car-detail-page .badge.used,
body.car-detail-page .similar-card__badge,
body.car-detail-page .media-zoom-btn,
body.car-detail-page .detail-badge,
body.car-detail-page .chip,
body.car-detail-page .seller-rating__count,
body.car-detail-page .seller-trust__score,
body.car-detail-page .similar-card__meta span{
  background:#fdeede !important;
  background-color:#fdeede !important;
  color:#d87431 !important;
  border-color:rgba(233,135,67,.18) !important;
}

body.car-detail-page .fav-btn,
body.car-detail-page .fav-toggle-btn,
body.car-detail-page .similar-card__fav{
  background:#fffaf4 !important;
  color:#d87431 !important;
  border-color:rgba(233,135,67,.16) !important;
}

body.car-detail-page .fav-btn:hover,
body.car-detail-page .fav-toggle-btn:hover,
body.car-detail-page .similar-card__fav:hover,
body.car-detail-page .fav-btn.active,
body.car-detail-page .fav-toggle-btn.active,
body.car-detail-page .similar-card__fav.active{
  background:#fdeede !important;
  color:#d87431 !important;
  border-color:rgba(233,135,67,.24) !important;
}

body.car-detail-page .fav-btn i,
body.car-detail-page .fav-toggle-btn i,
body.car-detail-page .similar-card__fav i,
body.car-detail-page .fav-btn svg,
body.car-detail-page .fav-toggle-btn svg,
body.car-detail-page .similar-card__fav svg{
  color:#d87431 !important;
  fill:none !important;
  stroke:#d87431 !important;
}

body.car-detail-page .fav-btn.active i,
body.car-detail-page .fav-toggle-btn.active i,
body.car-detail-page .similar-card__fav.active i,
body.car-detail-page .fav-btn.active svg,
body.car-detail-page .fav-toggle-btn.active svg,
body.car-detail-page .similar-card__fav.active svg{
  color:#d87431 !important;
  fill:#d87431 !important;
  stroke:#d87431 !important;
}

body.car-detail-page .image-lightbox__backdrop{
  background:rgba(31,23,18,.72) !important;
}

/* Part detail final: align with car_detail.php sizing and composition */
body.part-detail-page .section.car-detail.part-detail{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:28px 0 72px !important;
  background:
    radial-gradient(900px 380px at -10% 0%, rgba(240,161,94,.08), transparent 58%),
    radial-gradient(700px 320px at 110% 10%, rgba(233,135,67,.06), transparent 54%),
    linear-gradient(180deg, #fffaf4 0%, #fff 22%, #fffaf4 100%) !important;
}

body.part-detail-page .section.car-detail.part-detail .cd-wrap{
  width:100% !important;
  max-width:1320px !important;
  margin:0 auto !important;
  padding:0 24px !important;
}

body.part-detail-page .section.car-detail.part-detail .breadcrumbs{
  margin:0 0 18px !important;
}

body.part-detail-page .section.car-detail.part-detail .cd-layout{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) minmax(380px, 430px) !important;
  gap:30px !important;
  align-items:start !important;
}

body.part-detail-page .section.car-detail.part-detail .cd-layout > div:first-child{
  display:flex !important;
  flex-direction:column !important;
  gap:20px !important;
  min-width:0 !important;
}

body.part-detail-page .section.car-detail.part-detail .card,
body.part-detail-page .section.car-detail.part-detail .detail-panel,
body.part-detail-page .section.car-detail.part-detail .location-box,
body.part-detail-page .section.car-detail.part-detail .related-section{
  border-radius:32px !important;
  border:1px solid rgba(233,135,67,.12) !important;
  background:linear-gradient(180deg, #fff, #fff8f1) !important;
  box-shadow:0 22px 60px rgba(45,28,16,.12) !important;
  box-sizing:border-box !important;
}

body.part-detail-page .section.car-detail.part-detail .card.media{
  padding:18px !important;
  overflow:hidden !important;
  background:#fff8f1 !important;
}

body.part-detail-page .section.car-detail.part-detail .part-gallery-main{
  min-height:460px !important;
}

body.part-detail-page .section.car-detail.part-detail #partMainImage.media-main-image{
  display:block !important;
  width:100% !important;
  height:460px !important;
  max-width:none !important;
  padding:0 !important;
  border-radius:24px !important;
  object-fit:contain !important;
  background:#fff8f1 !important;
}

body.part-detail-page .section.car-detail.part-detail .media-thumbs{
  padding:14px 0 0 !important;
  margin:0 !important;
  gap:12px !important;
}

body.part-detail-page .section.car-detail.part-detail .media-thumb{
  width:92px !important;
  height:72px !important;
  border-radius:16px !important;
}

body.part-detail-page .section.car-detail.part-detail .card.info{
  position:static !important;
  top:auto !important;
  align-self:start !important;
  padding:24px !important;
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  min-width:0 !important;
}

body.part-detail-page .section.car-detail.part-detail .title-row{
  gap:14px !important;
  margin:0 !important;
}

body.part-detail-page .section.car-detail.part-detail .title-row h1{
  margin:0 !important;
  font-size:32px !important;
  line-height:1.05 !important;
  letter-spacing:0 !important;
}

body.part-detail-page .section.car-detail.part-detail .price{
  width:100% !important;
  min-height:72px !important;
  margin:4px 0 0 !important;
  padding:0 24px !important;
  border-radius:24px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  background:#fdeede !important;
  color:#d87431 !important;
  font-size:46px !important;
  line-height:1 !important;
  font-weight:900 !important;
}

body.part-detail-page .section.car-detail.part-detail .actions{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  margin:0 !important;
}

body.part-detail-page .section.car-detail.part-detail .actions-row{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
}

body.part-detail-page .section.car-detail.part-detail .actions .btnx{
  width:100% !important;
  min-height:54px !important;
  padding:12px 16px !important;
  border-radius:20px !important;
  justify-content:center !important;
  font-size:15px !important;
}

body.part-detail-page .section.car-detail.part-detail .meta{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:0 !important;
}

body.part-detail-page .section.car-detail.part-detail .specs{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
  margin:0 !important;
}

body.part-detail-page .section.car-detail.part-detail .spec,
body.part-detail-page .part-info-item{
  min-height:72px !important;
  padding:13px 14px !important;
  border-radius:16px !important;
  background:#fff8f1 !important;
  border:1px solid rgba(233,135,67,.12) !important;
}

body.part-detail-page .section.car-detail.part-detail .seller{
  padding:18px !important;
  border-radius:22px !important;
  background:#fff !important;
  border:1px solid rgba(233,135,67,.12) !important;
}

body.part-detail-page .part-description,
body.part-detail-page .part-compatibility,
body.part-detail-page .part-delivery,
body.part-detail-page .section.car-detail.part-detail .location-box{
  padding:24px !important;
}

body.part-detail-page .part-compatibility h3,
body.part-detail-page .part-delivery h3,
body.part-detail-page .section.car-detail.part-detail .location-box h3{
  margin:0 0 16px !important;
  font-size:24px !important;
  line-height:1.15 !important;
}

body.part-detail-page .part-info-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:10px !important;
}

body.part-detail-page .section.car-detail.part-detail #partMap{
  width:100% !important;
  min-height:360px !important;
  height:360px !important;
  border-radius:22px !important;
  overflow:hidden !important;
}

body.part-detail-page .related-section{
  margin-top:20px !important;
  padding:24px !important;
}

body.part-detail-page .related-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:18px !important;
}

body.part-detail-page .related-card{
  min-width:0 !important;
  border-radius:18px !important;
  overflow:hidden !important;
  background:#fffaf4 !important;
  border:1px solid rgba(233,135,67,.12) !important;
}

body.part-detail-page .related-card__img{
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  aspect-ratio:16 / 10 !important;
  border-radius:0 !important;
  overflow:hidden !important;
}

body.part-detail-page .related-card__img img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
}

body.part-detail-page .related-card__body{
  padding:14px !important;
}

body.part-detail-page .related-card__title{
  font-size:16px !important;
  line-height:1.25 !important;
}

body.part-detail-page .related-card__price{
  font-size:15px !important;
}

body.part-detail-page .related-card__cta{
  min-height:38px !important;
  width:100% !important;
  border-radius:14px !important;
}

@media (max-width:1280px){
  body.part-detail-page .related-grid{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}

@media (max-width:980px){
  body.part-detail-page .section.car-detail.part-detail .cd-layout{
    grid-template-columns:1fr !important;
    gap:22px !important;
  }

  body.part-detail-page .related-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width:720px){
  body.part-detail-page .section.car-detail.part-detail{
    padding:22px 0 calc(var(--appbar-h, 72px) + env(safe-area-inset-bottom) + 72px) !important;
  }

  body.part-detail-page .section.car-detail.part-detail .cd-wrap{
    padding:0 14px !important;
  }

  body.part-detail-page .section.car-detail.part-detail .cd-layout{
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
  }

  body.part-detail-page .section.car-detail.part-detail .cd-layout > div:first-child{
    display:contents !important;
  }

  body.part-detail-page .section.car-detail.part-detail .card.media{ order:1 !important; }
  body.part-detail-page .section.car-detail.part-detail .card.info{ order:2 !important; }
  body.part-detail-page .section.car-detail.part-detail .part-description{ order:3 !important; }
  body.part-detail-page .section.car-detail.part-detail .part-compatibility{ order:4 !important; }
  body.part-detail-page .section.car-detail.part-detail .part-delivery{ order:5 !important; }
  body.part-detail-page .section.car-detail.part-detail .location-box{ order:6 !important; }
  body.part-detail-page .section.car-detail.part-detail .related-section{ order:7 !important; }

  body.part-detail-page .section.car-detail.part-detail .part-gallery-main{
    min-height:280px !important;
  }

  body.part-detail-page .section.car-detail.part-detail #partMainImage.media-main-image{
    height:280px !important;
    border-radius:20px !important;
  }

  body.part-detail-page .section.car-detail.part-detail .card.info,
  body.part-detail-page .part-description,
  body.part-detail-page .part-compatibility,
  body.part-detail-page .part-delivery,
  body.part-detail-page .section.car-detail.part-detail .location-box,
  body.part-detail-page .related-section{
    padding:18px !important;
    border-radius:24px !important;
  }

  body.part-detail-page .section.car-detail.part-detail .title-row h1{
    font-size:27px !important;
  }

  body.part-detail-page .section.car-detail.part-detail .price{
    min-height:58px !important;
    font-size:34px !important;
    border-radius:20px !important;
  }

  body.part-detail-page .part-info-grid,
  body.part-detail-page .section.car-detail.part-detail .specs{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  body.part-detail-page .section.car-detail.part-detail #partMap{
    min-height:240px !important;
    height:240px !important;
  }

  body.part-detail-page .related-grid{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }
}

/* Stable landing shell for home / cars / spares category pages */
main.page.home,
main.page:has(.cars-page),
main.page:has(.spares-page){
  min-height:auto !important;
  background:#f7f2eb !important;
}

main.page.home > .container,
.cars-page,
.spares-page{
  width:min(100% - 72px, 1200px) !important;
  max-width:1200px !important;
  margin:28px auto 52px !important;
  padding:0 !important;
}

.cars-page > .container,
.spares-page > .container{
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
}

main.page.home .home-breadcrumbs,
.cars-page .breadcrumbs,
.spares-page .breadcrumbs{
  margin:0 0 18px !important;
}

main.page.home .section,
.cars-page .section,
.spares-page .section{
  margin:0 0 28px !important;
}

main.page.home .section + .section{
  margin-top:28px !important;
}

.cars-page .hero,
.spares-page .hero{
  margin:0 0 32px !important;
  padding:34px !important;
  border-radius:30px !important;
}

.cars-page .hero h1,
.spares-page .hero h1,
main.page.home .section-head h2{
  font-size:34px !important;
  line-height:1.08 !important;
}

.cars-page .hero p,
.spares-page .hero p,
main.page.home .section-head p{
  font-size:17px !important;
  line-height:1.45 !important;
}

main.page.home .cats,
.cars-page .service-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:28px !important;
}

.spares-page .service-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:28px !important;
}

main.page.home .cat-card,
.cars-page .service-card,
.spares-page .service-card{
  height:auto !important;
  min-height:230px !important;
  border-radius:26px !important;
}

main.page.home .hero{
  margin:0 !important;
  min-height:0 !important;
  padding:34px !important;
  border-radius:30px !important;
}

main.page.home .hero__title{
  font-size:38px !important;
  line-height:1.08 !important;
}

main.page.home .hero__desc{
  font-size:17px !important;
  line-height:1.45 !important;
}

footer.footer{
  margin-top:0 !important;
}

@media (max-width:1100px){
  main.page.home > .container,
  .cars-page,
  .spares-page{
    width:calc(100% - 36px) !important;
    margin-top:22px !important;
    margin-bottom:42px !important;
  }

  .spares-page .service-grid{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:760px){
  main.page.home > .container,
  .cars-page,
  .spares-page{
    width:100% !important;
    margin:16px auto 32px !important;
    padding:0 12px !important;
  }

  main.page.home .cats,
  .cars-page .service-grid,
  .spares-page .service-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  main.page.home .cat-card,
  .cars-page .service-card,
  .spares-page .service-card{
    height:138px !important;
    min-height:138px !important;
    padding:14px !important;
    border-radius:20px !important;
  }

  .cars-page .service-grid,
  .spares-page .service-grid{
    gap:12px !important;
  }

  .cars-page .service-card h3,
  .spares-page .service-card h3{
    margin:0 0 3px !important;
    font-size:21px !important;
    line-height:1.08 !important;
  }

  .cars-page .service-card p,
  .spares-page .service-card p{
    max-width:100% !important;
    margin:0 !important;
    font-size:12px !important;
    line-height:1.25 !important;
  }

  .cars-page .service-card .card-badge,
  .spares-page .service-card .card-badge{
    top:10px !important;
    left:10px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:max-content !important;
    max-width:calc(100% - 20px) !important;
    height:24px !important;
    min-height:24px !important;
    padding:0 9px !important;
    border-radius:999px !important;
    font-size:10px !important;
    line-height:1 !important;
    white-space:nowrap !important;
  }

  .cars-page .hero,
  .spares-page .hero,
  main.page.home .hero{
    padding:22px !important;
    border-radius:24px !important;
  }
}

/* Stable catalog/search shell for car and parts search pages */
main.page #catalog.section,
main.page #usedCatalog.section,
body.parts-new main.page .section[data-part-condition="new"],
body.parts-used main.page .parts-used-page,
body.break-page main.page .section{
  width:min(100% - 72px, 1200px) !important;
  max-width:1200px !important;
  margin:24px auto 56px !important;
  padding:0 !important;
  background:transparent !important;
  box-shadow:none !important;
}

main.page #catalog.section > .container,
main.page #usedCatalog.section > .container,
body.parts-new main.page .section[data-part-condition="new"] > .container,
body.parts-used main.page .parts-used-page > .container{
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
}

main.page #catalog .breadcrumbs,
main.page #usedCatalog .breadcrumbs,
body.parts-new main.page .breadcrumbs,
body.parts-used main.page .breadcrumbs,
body.break-page main.page .breadcrumbs{
  margin:0 0 12px !important;
}

main.page #catalog .catalog-header,
main.page #usedCatalog .catalog-header{
  max-width:none !important;
  margin:0 0 18px !important;
}

main.page #catalog .info-card,
main.page #usedCatalog .info-card,
body.parts-new main.page .info-card,
body.parts-used main.page .info-card,
body.break-page main.page .info-card{
  min-height:54px !important;
  margin:18px 0 !important;
  padding:0 22px !important;
  border-radius:26px !important;
}

main.page #catalog .mode-switch,
main.page #usedCatalog .mode-switch,
body.parts-new main.page .mode-switch,
body.parts-used main.page .mode-switch,
body.break-page main.page .mode-switch{
  margin:0 0 20px !important;
  padding:7px !important;
  border-radius:24px !important;
}

main.page #catalog .mode-btn,
main.page #usedCatalog .mode-btn,
body.parts-new main.page .mode-btn,
body.parts-used main.page .mode-btn,
body.break-page main.page .mode-btn{
  min-height:48px !important;
  height:48px !important;
  padding:0 22px !important;
  border-radius:17px !important;
  font-size:16px !important;
}

main.page #catalog .filters.filters-ui,
main.page #usedCatalog .filters.filters-ui,
body.parts-new main.page .filters.filters-ui,
body.parts-used main.page .filters.filters-ui,
body.break-page main.page .filters.filters-ui{
  min-height:230px !important;
  padding:24px !important;
  border-radius:28px !important;
  overflow:hidden !important;
}

main.page #catalog .filters-top,
main.page #usedCatalog .filters-top,
body.parts-new main.page .filters-top,
body.parts-used main.page .filters-top,
body.break-page main.page .filters-top{
  grid-template-columns:minmax(220px,1.1fr) minmax(220px,1.1fr) minmax(150px,.72fr) minmax(150px,.72fr) minmax(220px,300px) !important;
  gap:16px !important;
}

main.page #catalog .filter-item label,
main.page #usedCatalog .filter-item label,
body.parts-new main.page .filter-item label,
body.parts-used main.page .filter-item label,
body.break-page main.page .filter-item label{
  margin-bottom:8px !important;
  font-size:15px !important;
}

main.page #catalog .filter-item input,
main.page #catalog .filter-item select,
main.page #usedCatalog .filter-item input,
main.page #usedCatalog .filter-item select,
body.parts-new main.page .filter-item input,
body.parts-new main.page .filter-item select,
body.parts-used main.page .filter-item input,
body.parts-used main.page .filter-item select,
body.break-page main.page .filter-item input,
body.break-page main.page .filter-item select{
  height:52px !important;
  min-height:52px !important;
  border-radius:17px !important;
  font-size:16px !important;
}

main.page #catalog .btn-show,
main.page #usedCatalog .btn-show,
body.parts-new main.page .btn-show,
body.parts-used main.page .btn-show,
body.break-page main.page .btn-show{
  width:100% !important;
  height:52px !important;
  min-height:52px !important;
  border-radius:17px !important;
  font-size:17px !important;
}

main.page #catalog .filters-toggle,
main.page #usedCatalog .filters-toggle,
body.parts-new main.page .filters-toggle,
body.parts-used main.page .filters-toggle,
body.break-page main.page .filters-toggle{
  min-height:44px !important;
  margin-top:14px !important;
  padding:0 18px !important;
  border-radius:16px !important;
  font-size:16px !important;
}

main.page #catalog .btn-reset,
main.page #usedCatalog .btn-reset,
body.parts-new main.page .btn-reset,
body.parts-used main.page .btn-reset,
body.break-page main.page .btn-reset{
  min-width:132px !important;
  height:46px !important;
  min-height:46px !important;
  border-radius:16px !important;
  font-size:16px !important;
}

main.page #catalog .btn-save,
main.page #usedCatalog .btn-save,
body.parts-new main.page .btn-save,
body.parts-used main.page .btn-save,
body.break-page main.page .btn-save{
  min-width:220px !important;
  min-height:54px !important;
  height:54px !important;
  padding:0 22px !important;
  border-radius:18px !important;
  font-size:16px !important;
}

main.page #catalog .catalog-empty,
main.page #usedCatalog .catalog-empty,
body.parts-new main.page .catalog-empty,
body.parts-used main.page .catalog-empty,
body.break-page main.page .catalog-empty{
  margin-top:24px !important;
  padding:34px 20px !important;
  border-radius:24px !important;
}

main.page #catalog .catalog-empty h3,
main.page #usedCatalog .catalog-empty h3,
body.parts-new main.page .catalog-empty h3,
body.parts-used main.page .catalog-empty h3,
body.break-page main.page .catalog-empty h3{
  font-size:22px !important;
}

@media (max-width:1180px){
  main.page #catalog.section,
  main.page #usedCatalog.section,
  body.parts-new main.page .section[data-part-condition="new"],
  body.parts-used main.page .parts-used-page,
  body.break-page main.page .section{
    width:calc(100% - 36px) !important;
    margin-top:22px !important;
  }

  main.page #catalog .filters-top,
  main.page #usedCatalog .filters-top,
  body.parts-new main.page .filters-top,
  body.parts-used main.page .filters-top,
  body.break-page main.page .filters-top{
    grid-template-columns:1fr 1fr !important;
  }

  main.page #catalog .btn-show,
  main.page #usedCatalog .btn-show,
  body.parts-new main.page .btn-show,
  body.parts-used main.page .btn-show,
  body.break-page main.page .btn-show{
    grid-column:1 / -1 !important;
  }
}

@media (max-width:760px){
  main.page #catalog.section,
  main.page #usedCatalog.section,
  body.parts-new main.page .section[data-part-condition="new"],
  body.parts-used main.page .parts-used-page,
  body.break-page main.page .section{
    width:100% !important;
    margin:16px auto 32px !important;
    padding:0 12px !important;
  }

  main.page #catalog .filters-top,
  main.page #usedCatalog .filters-top,
  body.parts-new main.page .filters-top,
  body.parts-used main.page .filters-top,
  body.break-page main.page .filters-top{
    grid-template-columns:1fr !important;
  }
}

/* Final new parts filter override, kept after global theme rules. */
body.parts-new .container{
  width:calc(100% - 72px) !important;
  max-width:1200px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

body.parts-new .mode-switch{
  padding:10px 12px !important;
  border-radius:34px !important;
}

body.parts-new .mode-btn{
  min-height:76px !important;
  padding:0 34px !important;
  border-radius:24px !important;
  font-size:24px !important;
}

body.parts-new .mode-btn.active{
  background:#D85A30 !important;
  color:#ffffff !important;
  box-shadow:0 14px 28px rgba(233,135,67,.22) !important;
}

body.parts-new .filters.filters-ui{
  min-height:362px !important;
  padding:34px !important;
  border-radius:38px !important;
  background:linear-gradient(180deg, #ffffff, #fffaf5) !important;
  border-color:rgba(233,135,67,.14) !important;
  box-shadow:0 24px 54px rgba(45,28,16,.12) !important;
}

body.parts-new .filters-ui .filters-top{
  grid-template-columns:
    minmax(260px, 1.18fr)
    minmax(260px, 1.18fr)
    minmax(180px, .82fr)
    minmax(180px, .82fr)
    minmax(260px, 360px) !important;
  gap:20px !important;
}

body.parts-new .filters-ui .filter-item label{
  margin-bottom:12px !important;
  font-size:23px !important;
  line-height:1 !important;
}

body.parts-new .filters-ui .filter-item input,
body.parts-new .filters-ui .filter-item select{
  height:80px !important;
  min-height:80px !important;
  border-radius:23px !important;
  font-size:23px !important;
  font-weight:900 !important;
}

body.parts-new .brand-autocomplete{
  position:relative !important;
}

body.parts-new .brand-autocomplete .brand-preview{
  position:absolute !important;
  left:24px !important;
  top:50% !important;
  width:56px !important;
  height:56px !important;
  border-radius:18px !important;
  transform:translateY(-50%) !important;
  background:#fff2e8 !important;
  border:1px solid rgba(31,23,18,.12) !important;
  z-index:1 !important;
  pointer-events:none !important;
}

body.parts-new .filter-item--brand input{
  padding-left:102px !important;
}

body.parts-new .filters-ui .btn-show{
  height:80px !important;
  min-height:80px !important;
  border-radius:23px !important;
  background:#D85A30 !important;
  color:#ffffff !important;
  font-size:24px !important;
  box-shadow:0 18px 34px rgba(233,135,67,.24) !important;
}

body.parts-new .filters-ui .filters-toggle{
  min-height:68px !important;
  margin-top:20px !important;
  padding:0 28px !important;
  border-radius:23px !important;
  font-size:24px !important;
}

body.parts-new .filters-ui .btn-reset{
  min-width:180px !important;
  height:70px !important;
  border-radius:23px !important;
  font-size:24px !important;
}

body.parts-new .filters-ui .btn-save{
  min-width:280px !important;
  min-height:82px !important;
  padding:0 34px !important;
  border-radius:24px !important;
  font-size:24px !important;
}

@media (max-width:1180px){
  body.parts-new .filters.filters-ui{
    min-height:0 !important;
  }
}

@media (max-width:700px){
  body.parts-new .container{
    width:100% !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  body.parts-new .mode-btn,
  body.parts-new .filters-ui .btn-show,
  body.parts-new .filters-ui .filters-toggle,
  body.parts-new .filters-ui .btn-reset,
  body.parts-new .filters-ui .btn-save{
    min-height:52px !important;
    height:auto !important;
    min-width:0 !important;
    width:100% !important;
    font-size:16px !important;
  }

  body.parts-new .filters.filters-ui{
    padding:18px !important;
    border-radius:24px !important;
  }

  body.parts-new .filters-ui .filter-item label{
    font-size:15px !important;
  }

  body.parts-new .filters-ui .filter-item input,
  body.parts-new .filters-ui .filter-item select{
    height:56px !important;
    min-height:56px !important;
    border-radius:18px !important;
    font-size:16px !important;
  }

  body.parts-new .brand-autocomplete .brand-preview{
    left:16px !important;
    width:36px !important;
    height:36px !important;
    border-radius:12px !important;
  }

  body.parts-new .filter-item--brand input{
    padding-left:66px !important;
  }
}

/* Final new parts filter override, kept after global theme rules. */
body.parts-new .container{
  width:calc(100% - 72px) !important;
  max-width:1200px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

body.parts-new .mode-switch{
  padding:10px 12px !important;
  border-radius:34px !important;
}

body.parts-new .mode-btn{
  min-height:76px !important;
  padding:0 34px !important;
  border-radius:24px !important;
  font-size:24px !important;
}

body.parts-new .mode-btn.active{
  background:#D85A30 !important;
  color:#ffffff !important;
  box-shadow:0 14px 28px rgba(233,135,67,.22) !important;
}

body.parts-new .filters.filters-ui{
  min-height:362px !important;
  padding:34px !important;
  border-radius:38px !important;
  background:linear-gradient(180deg, #ffffff, #fffaf5) !important;
  border-color:rgba(233,135,67,.14) !important;
  box-shadow:0 24px 54px rgba(45,28,16,.12) !important;
}

body.parts-new .filters-ui .filters-top{
  grid-template-columns:
    minmax(260px, 1.18fr)
    minmax(260px, 1.18fr)
    minmax(180px, .82fr)
    minmax(180px, .82fr)
    minmax(260px, 360px) !important;
  gap:20px !important;
}

body.parts-new .filters-ui .filter-item label{
  margin-bottom:12px !important;
  font-size:23px !important;
  line-height:1 !important;
}

body.parts-new .filters-ui .filter-item input,
body.parts-new .filters-ui .filter-item select{
  height:80px !important;
  min-height:80px !important;
  border-radius:23px !important;
  font-size:23px !important;
  font-weight:900 !important;
}

body.parts-new .brand-autocomplete{
  position:relative !important;
}

body.parts-new .brand-autocomplete .brand-preview{
  position:absolute !important;
  left:24px !important;
  top:50% !important;
  width:56px !important;
  height:56px !important;
  border-radius:18px !important;
  transform:translateY(-50%) !important;
  background:#fff2e8 !important;
  border:1px solid rgba(31,23,18,.12) !important;
  z-index:1 !important;
  pointer-events:none !important;
}

body.parts-new .filter-item--brand input{
  padding-left:102px !important;
}

body.parts-new .filters-ui .btn-show{
  height:80px !important;
  min-height:80px !important;
  border-radius:23px !important;
  background:#D85A30 !important;
  color:#ffffff !important;
  font-size:24px !important;
  box-shadow:0 18px 34px rgba(233,135,67,.24) !important;
}

body.parts-new .filters-ui .filters-toggle{
  min-height:68px !important;
  margin-top:20px !important;
  padding:0 28px !important;
  border-radius:23px !important;
  font-size:24px !important;
}

body.parts-new .filters-ui .btn-reset{
  min-width:180px !important;
  height:70px !important;
  border-radius:23px !important;
  font-size:24px !important;
}

body.parts-new .filters-ui .btn-save{
  min-width:280px !important;
  min-height:82px !important;
  padding:0 34px !important;
  border-radius:24px !important;
  font-size:24px !important;
}

@media (max-width:1180px){
  body.parts-new .filters.filters-ui{
    min-height:0 !important;
  }
}

@media (max-width:700px){
  body.parts-new .container{
    width:100% !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  body.parts-new .mode-btn,
  body.parts-new .filters-ui .btn-show,
  body.parts-new .filters-ui .filters-toggle,
  body.parts-new .filters-ui .btn-reset,
  body.parts-new .filters-ui .btn-save{
    min-height:52px !important;
    height:auto !important;
    min-width:0 !important;
    width:100% !important;
    font-size:16px !important;
  }

  body.parts-new .filters.filters-ui{
    padding:18px !important;
    border-radius:24px !important;
  }

  body.parts-new .filters-ui .filter-item label{
    font-size:15px !important;
  }

  body.parts-new .filters-ui .filter-item input,
  body.parts-new .filters-ui .filter-item select{
    height:56px !important;
    min-height:56px !important;
    border-radius:18px !important;
    font-size:16px !important;
  }

  body.parts-new .brand-autocomplete .brand-preview{
    left:16px !important;
    width:36px !important;
    height:36px !important;
    border-radius:12px !important;
  }

  body.parts-new .filter-item--brand input{
    padding-left:66px !important;
  }
}

/* Final new parts filter override, kept after global theme rules. */
body.parts-new .container{
  width:calc(100% - 72px) !important;
  max-width:1200px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

body.parts-new .mode-switch{
  padding:10px 12px !important;
  border-radius:34px !important;
}

body.parts-new .mode-btn{
  min-height:76px !important;
  padding:0 34px !important;
  border-radius:24px !important;
  font-size:24px !important;
}

body.parts-new .mode-btn.active{
  background:#D85A30 !important;
  color:#ffffff !important;
  box-shadow:0 14px 28px rgba(233,135,67,.22) !important;
}

body.parts-new .filters.filters-ui{
  min-height:362px !important;
  padding:34px !important;
  border-radius:38px !important;
  background:linear-gradient(180deg, #ffffff, #fffaf5) !important;
  border-color:rgba(233,135,67,.14) !important;
  box-shadow:0 24px 54px rgba(45,28,16,.12) !important;
}

body.parts-new .filters-ui .filters-top{
  grid-template-columns:
    minmax(260px, 1.18fr)
    minmax(260px, 1.18fr)
    minmax(180px, .82fr)
    minmax(180px, .82fr)
    minmax(260px, 360px) !important;
  gap:20px !important;
}

body.parts-new .filters-ui .filter-item label{
  margin-bottom:12px !important;
  font-size:23px !important;
  line-height:1 !important;
}

body.parts-new .filters-ui .filter-item input,
body.parts-new .filters-ui .filter-item select{
  height:80px !important;
  min-height:80px !important;
  border-radius:23px !important;
  font-size:23px !important;
  font-weight:900 !important;
}

body.parts-new .brand-autocomplete{
  position:relative !important;
}

body.parts-new .brand-autocomplete .brand-preview{
  position:absolute !important;
  left:24px !important;
  top:50% !important;
  width:56px !important;
  height:56px !important;
  border-radius:18px !important;
  transform:translateY(-50%) !important;
  background:#fff2e8 !important;
  border:1px solid rgba(31,23,18,.12) !important;
  z-index:1 !important;
  pointer-events:none !important;
}

body.parts-new .filter-item--brand input{
  padding-left:102px !important;
}

body.parts-new .filters-ui .btn-show{
  height:80px !important;
  min-height:80px !important;
  border-radius:23px !important;
  background:#D85A30 !important;
  color:#ffffff !important;
  font-size:24px !important;
  box-shadow:0 18px 34px rgba(233,135,67,.24) !important;
}

body.parts-new .filters-ui .filters-toggle{
  min-height:68px !important;
  margin-top:20px !important;
  padding:0 28px !important;
  border-radius:23px !important;
  font-size:24px !important;
}

body.parts-new .filters-ui .btn-reset{
  min-width:180px !important;
  height:70px !important;
  border-radius:23px !important;
  font-size:24px !important;
}

body.parts-new .filters-ui .btn-save{
  min-width:280px !important;
  min-height:82px !important;
  padding:0 34px !important;
  border-radius:24px !important;
  font-size:24px !important;
}

@media (max-width:1180px){
  body.parts-new .filters.filters-ui{
    min-height:0 !important;
  }
}

@media (max-width:700px){
  body.parts-new .container{
    width:100% !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  body.parts-new .mode-btn,
  body.parts-new .filters-ui .btn-show,
  body.parts-new .filters-ui .filters-toggle,
  body.parts-new .filters-ui .btn-reset,
  body.parts-new .filters-ui .btn-save{
    min-height:52px !important;
    height:auto !important;
    min-width:0 !important;
    width:100% !important;
    font-size:16px !important;
  }

  body.parts-new .filters.filters-ui{
    padding:18px !important;
    border-radius:24px !important;
  }

  body.parts-new .filters-ui .filter-item label{
    font-size:15px !important;
  }

  body.parts-new .filters-ui .filter-item input,
  body.parts-new .filters-ui .filter-item select{
    height:56px !important;
    min-height:56px !important;
    border-radius:18px !important;
    font-size:16px !important;
  }

  body.parts-new .brand-autocomplete .brand-preview{
    left:16px !important;
    width:36px !important;
    height:36px !important;
    border-radius:12px !important;
  }

  body.parts-new .filter-item--brand input{
    padding-left:66px !important;
  }
}

/* Scoped final pass for the new parts filter panel. */
body.parts-new .container{
  width:calc(100% - 72px) !important;
  max-width:1200px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

body.parts-new .mode-switch{
  padding:10px 12px !important;
  border-radius:34px !important;
}

body.parts-new .mode-btn{
  min-height:76px !important;
  padding:0 34px !important;
  border-radius:24px !important;
  font-size:24px !important;
}

body.parts-new .mode-btn.active{
  background:#D85A30 !important;
  color:#ffffff !important;
  box-shadow:0 14px 28px rgba(233,135,67,.22) !important;
}

body.parts-new .filters.filters-ui{
  min-height:362px !important;
  padding:34px !important;
  border-radius:38px !important;
  background:linear-gradient(180deg, #ffffff, #fffaf5) !important;
  border-color:rgba(233,135,67,.14) !important;
  box-shadow:0 24px 54px rgba(45,28,16,.12) !important;
}

body.parts-new .filters-ui .filters-top{
  grid-template-columns:
    minmax(260px, 1.18fr)
    minmax(260px, 1.18fr)
    minmax(180px, .82fr)
    minmax(180px, .82fr)
    minmax(260px, 360px) !important;
  gap:20px !important;
}

body.parts-new .filters-ui .filter-item label{
  margin-bottom:12px !important;
  font-size:23px !important;
  line-height:1 !important;
}

body.parts-new .filters-ui .filter-item input,
body.parts-new .filters-ui .filter-item select{
  height:80px !important;
  min-height:80px !important;
  border-radius:23px !important;
  font-size:23px !important;
  font-weight:900 !important;
}

body.parts-new .brand-autocomplete{
  position:relative !important;
}

body.parts-new .brand-autocomplete .brand-preview{
  position:absolute !important;
  left:24px !important;
  top:50% !important;
  width:56px !important;
  height:56px !important;
  border-radius:18px !important;
  transform:translateY(-50%) !important;
  background:#fff2e8 !important;
  border:1px solid rgba(31,23,18,.12) !important;
  z-index:1 !important;
  pointer-events:none !important;
}

body.parts-new .filter-item--brand input{
  padding-left:102px !important;
}

body.parts-new .filters-ui .btn-show{
  height:80px !important;
  min-height:80px !important;
  border-radius:23px !important;
  background:#D85A30 !important;
  color:#ffffff !important;
  font-size:24px !important;
  box-shadow:0 18px 34px rgba(233,135,67,.24) !important;
}

body.parts-new .filters-ui .filters-toggle{
  min-height:68px !important;
  margin-top:20px !important;
  padding:0 28px !important;
  border-radius:23px !important;
  font-size:24px !important;
}

body.parts-new .filters-ui .btn-reset{
  min-width:180px !important;
  height:70px !important;
  border-radius:23px !important;
  font-size:24px !important;
}

body.parts-new .filters-ui .btn-save{
  min-width:280px !important;
  min-height:82px !important;
  padding:0 34px !important;
  border-radius:24px !important;
  font-size:24px !important;
}

@media (max-width:1180px){
  body.parts-new .filters.filters-ui{
    min-height:0 !important;
  }
}

@media (max-width:700px){
  body.parts-new .container{
    width:100% !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }

  body.parts-new .mode-btn,
  body.parts-new .filters-ui .btn-show,
  body.parts-new .filters-ui .filters-toggle,
  body.parts-new .filters-ui .btn-reset,
  body.parts-new .filters-ui .btn-save{
    min-height:52px !important;
    height:auto !important;
    min-width:0 !important;
    width:100% !important;
    font-size:16px !important;
  }

  body.parts-new .filters.filters-ui{
    padding:18px !important;
    border-radius:24px !important;
  }

  body.parts-new .filters-ui .filter-item label{
    font-size:15px !important;
  }

  body.parts-new .filters-ui .filter-item input,
  body.parts-new .filters-ui .filter-item select{
    height:56px !important;
    min-height:56px !important;
    border-radius:18px !important;
    font-size:16px !important;
  }

  body.parts-new .brand-autocomplete .brand-preview{
    left:16px !important;
    width:36px !important;
    height:36px !important;
    border-radius:12px !important;
  }

  body.parts-new .filter-item--brand input{
    padding-left:66px !important;
  }
}

/* Final break add map polish */
body.break-add-page .break-map-shell{
  position:relative !important;
  width:100% !important;
  margin-top:20px !important;
  border:1px solid rgba(233,135,67,.16) !important;
  border-radius:26px !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 14% 16%, rgba(233,135,67,.10), transparent 28%),
    #fff8f1 !important;
  box-shadow:0 22px 48px rgba(120,74,36,.12), inset 0 1px 0 rgba(255,255,255,.78) !important;
}

body.break-add-page .break-map-shell #pickMap,
body.break-add-page .break-map-shell #pickMap.leaflet-container{
  width:100% !important;
  height:560px !important;
  min-height:560px !important;
  margin:0 !important;
  border:0 !important;
  border-radius:0 !important;
  overflow:hidden !important;
  background:#fff8f1 !important;
}

body.break-add-page .break-map-status{
  position:absolute !important;
  top:18px !important;
  right:18px !important;
  z-index:520 !important;
  max-width:min(430px, calc(100% - 36px)) !important;
  padding:12px 16px !important;
  border:1px solid rgba(233,135,67,.18) !important;
  border-radius:999px !important;
  background:rgba(255,252,247,.88) !important;
  color:#6f6259 !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
  box-shadow:0 14px 34px rgba(120,74,36,.13) !important;
  backdrop-filter:blur(14px) !important;
}

body.break-add-page .break-map-status::before{
  content:"" !important;
  display:inline-block !important;
  width:9px !important;
  height:9px !important;
  margin-right:8px !important;
  border-radius:999px !important;
  background:#e98743 !important;
  box-shadow:0 0 0 6px rgba(233,135,67,.12) !important;
  vertical-align:1px !important;
}

body.break-add-page .break-map-status.is-picked{
  color:#17120d !important;
}

body.break-add-page .break-map-hint{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  z-index:510 !important;
  transform:translate(-50%, -50%) !important;
  width:min(430px, calc(100% - 42px)) !important;
  padding:18px 22px !important;
  border:1px solid rgba(233,135,67,.18) !important;
  border-radius:22px !important;
  background:rgba(255,252,247,.84) !important;
  color:#5f544e !important;
  font-size:15px !important;
  font-weight:850 !important;
  line-height:1.45 !important;
  text-align:center !important;
  box-shadow:0 18px 42px rgba(120,74,36,.12) !important;
  backdrop-filter:blur(14px) !important;
  pointer-events:none !important;
}

body.break-add-page .break-map-shell.has-point .break-map-hint,
body.break-add-page .break-map-hint[hidden]{
  display:none !important;
}

body.break-add-page .break-map-expand{
  display:none !important;
}

body.break-add-page .break-map-marker{
  width:46px !important;
  height:54px !important;
  border:0 !important;
  background:transparent !important;
}

body.break-add-page .break-map-marker span{
  display:flex !important;
  width:46px !important;
  height:46px !important;
  align-items:center !important;
  justify-content:center !important;
  border:4px solid #fff8f1 !important;
  border-radius:50% 50% 50% 14px !important;
  background:linear-gradient(135deg, #f0a15e, #e98743) !important;
  color:#fff !important;
  box-shadow:0 14px 28px rgba(216,116,49,.32) !important;
  transform:rotate(-45deg) !important;
}

body.break-add-page .break-map-marker i{
  display:block !important;
  font-size:20px !important;
  line-height:1 !important;
  transform:rotate(45deg) !important;
}

body.break-add-page .break-map-shell .leaflet-control{
  z-index:530 !important;
}

body.break-add-page .break-map-shell .leaflet-control-zoom{
  margin:18px 0 0 18px !important;
}

body.break-add-page .break-map-shell .leaflet-control-attribution{
  border-top-left-radius:12px !important;
  background:rgba(255,252,247,.82) !important;
}

@media (max-width:820px){
  body.break-add-page .break-map-shell{
    border-radius:20px !important;
  }

  body.break-add-page .break-map-shell #pickMap,
  body.break-add-page .break-map-shell #pickMap.leaflet-container{
    height:280px !important;
    min-height:280px !important;
  }

  body.break-add-page .break-map-shell.is-expanded #pickMap,
  body.break-add-page .break-map-shell.is-expanded #pickMap.leaflet-container{
    height:min(560px, 72vh) !important;
    min-height:min(560px, 72vh) !important;
  }

  body.break-add-page .break-map-status{
    top:12px !important;
    left:12px !important;
    right:12px !important;
    max-width:none !important;
    justify-content:center !important;
    text-align:center !important;
  }

  body.break-add-page .break-map-hint{
    width:calc(100% - 30px) !important;
    padding:15px 16px !important;
    font-size:14px !important;
  }

  body.break-add-page .break-map-expand{
    position:absolute !important;
    left:12px !important;
    right:12px !important;
    bottom:12px !important;
    z-index:520 !important;
    display:flex !important;
    height:48px !important;
    align-items:center !important;
    justify-content:center !important;
    border:1px solid rgba(233,135,67,.18) !important;
    border-radius:999px !important;
    background:rgba(255,252,247,.90) !important;
    color:#d87431 !important;
    font-size:15px !important;
    font-weight:950 !important;
    box-shadow:0 16px 34px rgba(120,74,36,.14) !important;
    backdrop-filter:blur(14px) !important;
  }
}

/* Break add final visual cleanup */
body.break-add-page .form-card--location .form-card__head{
  margin-bottom:22px !important;
}

body.break-add-page .form-card--location .form-card__head > div{
  display:block !important;
}

body.break-add-page .form-card--location h2{
  gap:12px !important;
  font-size:32px !important;
  line-height:1.12 !important;
}

body.break-add-page .form-card--location h2 .fa-location-dot{
  width:auto !important;
  height:auto !important;
  min-width:0 !important;
  display:inline-block !important;
  place-items:normal !important;
  border-radius:0 !important;
  background:transparent !important;
  color:#e98743 !important;
  font-size:22px !important;
}

body.break-add-page .form-card--location .block-sub{
  margin-top:12px !important;
  font-size:15px !important;
  line-height:1.45 !important;
  font-weight:850 !important;
}

body.break-add-page .form-card--location #locationInput{
  height:66px !important;
  min-height:66px !important;
  border-radius:22px !important;
  font-size:18px !important;
}

body.break-add-page .break-map-status{
  top:16px !important;
  right:16px !important;
  padding:9px 13px !important;
  font-size:12px !important;
  box-shadow:0 10px 24px rgba(120,74,36,.10) !important;
}

body.break-add-page .break-map-status::before{
  width:7px !important;
  height:7px !important;
  margin-right:7px !important;
  box-shadow:0 0 0 5px rgba(233,135,67,.10) !important;
}

body.break-add-page .break-map-hint{
  width:min(380px, calc(100% - 42px)) !important;
  padding:14px 18px !important;
  border-radius:18px !important;
  font-size:13px !important;
  font-weight:900 !important;
  box-shadow:0 14px 30px rgba(120,74,36,.10) !important;
}

body.break-add-page .break-brand-autocomplete .brand-preview{
  background:#fff8f1 !important;
}

body.break-add-page .break-brand-autocomplete .brand-preview:not(.is-visible)::before{
  content:"" !important;
}

@media (max-width:820px){
  body.break-add-page .form-card--location h2{
    font-size:28px !important;
  }

  body.break-add-page .form-card--location h2 .fa-location-dot{
    font-size:20px !important;
  }

  body.break-add-page .break-map-status{
    top:12px !important;
    left:12px !important;
    right:12px !important;
    padding:9px 12px !important;
  }
}

body.parts-new .catalog-brand-autocomplete,
body.parts-used .catalog-brand-autocomplete,
body.parts-new .catalog-model-autocomplete,
body.parts-used .catalog-model-autocomplete{
  position:relative !important;
  width:100% !important;
  min-width:0 !important;
}

body.parts-new .catalog-brand-autocomplete .brand-preview,
body.parts-used .catalog-brand-autocomplete .brand-preview{
  position:absolute !important;
  left:16px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:3 !important;
  display:grid !important;
  place-items:center !important;
  width:34px !important;
  height:34px !important;
  border-radius:12px !important;
  background:#fff1e6 !important;
  border:1px solid rgba(23,58,52,.18) !important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.72) !important;
  overflow:hidden !important;
  opacity:1 !important;
}

body.parts-new .catalog-brand-autocomplete .brand-preview::before,
body.parts-used .catalog-brand-autocomplete .brand-preview::before{
  content:attr(data-initials) !important;
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  place-items:center !important;
  color:#173a34 !important;
  font-size:11px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

body.parts-new .catalog-brand-autocomplete .brand-preview:has(img)::before,
body.parts-used .catalog-brand-autocomplete .brand-preview:has(img)::before{
  content:none !important;
  display:none !important;
}

body.parts-new .catalog-brand-autocomplete .brand-preview img,
body.parts-used .catalog-brand-autocomplete .brand-preview img{
  width:24px !important;
  height:24px !important;
  display:block !important;
  object-fit:contain !important;
  opacity:1 !important;
  filter:brightness(.62) contrast(1.65) saturate(1.2) !important;
  position:relative !important;
  z-index:1 !important;
}

body.parts-new .catalog-brand-autocomplete #carBrandInput,
body.parts-used .catalog-brand-autocomplete #carBrandInput{
  padding-left:68px !important;
}

body.parts-new .catalog-brand-autocomplete .suggest-list,
body.parts-used .catalog-brand-autocomplete .suggest-list,
body.parts-new .catalog-model-autocomplete .suggest-list,
body.parts-used .catalog-model-autocomplete .suggest-list{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:calc(100% + 8px) !important;
  z-index:80 !important;
  max-height:300px !important;
  overflow:auto !important;
  list-style:none !important;
  margin:0 !important;
  padding:8px !important;
}

body.parts-new .catalog-brand-autocomplete .suggest-list li,
body.parts-used .catalog-brand-autocomplete .suggest-list li{
  min-height:54px !important;
  height:auto !important;
  padding:8px 10px !important;
  display:flex !important;
  align-items:center !important;
  background:#fff !important;
}

body.parts-new .catalog-brand-autocomplete .suggest-list li > img,
body.parts-used .catalog-brand-autocomplete .suggest-list li > img,
body.parts-new .catalog-brand-autocomplete .suggest-list li img,
body.parts-used .catalog-brand-autocomplete .suggest-list li img{
  width:28px !important;
  height:28px !important;
  max-width:28px !important;
  max-height:28px !important;
  object-fit:contain !important;
}

body.parts-new .catalog-topbar__left:has(.results-count:empty),
body.parts-used .catalog-topbar__left:has(.results-count:empty){
  display:none !important;
  min-width:0 !important;
}

body.parts-new .catalog-topbar:has(.catalog-topbar__left .results-count:empty),
body.parts-used .catalog-topbar:has(.catalog-topbar__left .results-count:empty){
  justify-content:flex-end !important;
}

/* Catalog restore: compact controls and rounded surfaces */
#catalog .filters,
#usedCatalog .filters,
#catalog .filters-card,
#usedCatalog .filters-card{
  border-radius:30px !important;
  overflow:visible !important;
}

#catalog .catalog-head.catalog-topbar,
#usedCatalog .catalog-head.catalog-topbar,
#catalog .catalog-topbar,
#usedCatalog .catalog-topbar{
  max-width:1360px !important;
  margin:18px auto 0 !important;
  padding:14px 16px !important;
  border-radius:30px !important;
  background:rgba(255,255,255,.90) !important;
  border:1px solid rgba(233,135,67,.10) !important;
  box-shadow:0 16px 36px rgba(45,28,16,.07) !important;
}

#catalog .catalog-topbar__right,
#usedCatalog .catalog-topbar__right{
  gap:10px !important;
}

#catalog .catalog-count,
#usedCatalog .catalog-count{
  font-size:18px !important;
  color:#7d7168 !important;
}

#catalog .catalog-count strong,
#usedCatalog .catalog-count strong{
  font-size:22px !important;
  color:#17120d !important;
}

#catalog .catalog-view-switch,
#usedCatalog .catalog-view-switch{
  gap:8px !important;
  padding:0 !important;
}

#catalog .catalog-view-switch__btn,
#usedCatalog .catalog-view-switch__btn{
  min-width:112px !important;
  height:52px !important;
  padding:0 22px !important;
  border-radius:22px !important;
  font-size:16px !important;
}

#catalog .catalog-view-switch__btn.is-active,
#usedCatalog .catalog-view-switch__btn.is-active{
  background:#D85A30 !important;
  border-color:#D85A30 !important;
  color:#fff !important;
}

#catalog .catalog-sort-group,
#usedCatalog .catalog-sort-group{
  min-height:58px !important;
  padding:6px 8px 6px 18px !important;
  border-radius:26px !important;
  gap:10px !important;
}

#catalog .catalog-sort-group .sort-label,
#usedCatalog .catalog-sort-group .sort-label,
#catalog .catalog-topbar__right label,
#usedCatalog .catalog-topbar__right label{
  font-size:14px !important;
}

#catalog .catalog-sort-group .sort-select,
#usedCatalog .catalog-sort-group .sort-select,
#catalog .catalog-topbar__right select,
#usedCatalog .catalog-topbar__right select{
  width:260px !important;
  min-width:220px !important;
  max-width:28vw !important;
  height:46px !important;
  padding:0 16px !important;
  border-radius:18px !important;
  font-size:15px !important;
}

#catalog .mode-switch,
#usedCatalog .mode-switch{
  padding:8px !important;
  gap:8px !important;
  border-radius:26px !important;
}

#catalog .mode-btn,
#usedCatalog .mode-btn{
  min-height:50px !important;
  padding:0 22px !important;
  border-radius:18px !important;
  font-size:16px !important;
}

#catalog .filters-toggle,
#usedCatalog .filters-toggle{
  min-width:0 !important;
  min-height:46px !important;
  padding:0 18px !important;
  border-radius:18px !important;
  gap:10px !important;
  font-size:16px !important;
}

#catalog .filters-toggle .chev,
#usedCatalog .filters-toggle .chev{
  border-left-width:7px !important;
  border-right-width:7px !important;
  border-top-width:10px !important;
}

#catalog .btn-reset,
#usedCatalog .btn-reset{
  min-width:120px !important;
  min-height:46px !important;
  padding:0 18px !important;
  border-radius:16px !important;
  font-size:15px !important;
}

#catalog .btn-show,
#usedCatalog .btn-show,
#catalog .btn-save,
#usedCatalog .btn-save{
  min-height:54px !important;
  border-radius:18px !important;
  font-size:16px !important;
}

#catalog .car-card,
#usedCatalog .car-card{
  border-radius:24px !important;
}

#catalog .car-card__img,
#usedCatalog .car-card__img,
#catalog .car-card__photo,
#usedCatalog .car-card__photo{
  border-radius:24px 24px 0 0 !important;
}

#catalog .car-card__fav,
#usedCatalog .car-card__fav{
  width:40px !important;
  height:40px !important;
  min-width:40px !important;
}

@media (max-width:1180px){
  #catalog .catalog-head.catalog-topbar,
  #usedCatalog .catalog-head.catalog-topbar,
  #catalog .catalog-topbar,
  #usedCatalog .catalog-topbar{
    border-radius:26px !important;
    align-items:stretch !important;
  }

  #catalog .catalog-sort-group .sort-select,
  #usedCatalog .catalog-sort-group .sort-select,
  #catalog .catalog-topbar__right select,
  #usedCatalog .catalog-topbar__right select{
    max-width:100% !important;
  }
}

@media (max-width:760px){
  #catalog .catalog-head.catalog-topbar,
  #usedCatalog .catalog-head.catalog-topbar,
  #catalog .catalog-topbar,
  #usedCatalog .catalog-topbar{
    padding:12px !important;
    border-radius:22px !important;
  }

  #catalog .catalog-view-switch__btn,
  #usedCatalog .catalog-view-switch__btn{
    height:46px !important;
    padding:0 10px !important;
    border-radius:16px !important;
    font-size:14px !important;
  }

  #catalog .catalog-sort-group .sort-select,
  #usedCatalog .catalog-sort-group .sort-select,
  #catalog .catalog-topbar__right select,
  #usedCatalog .catalog-topbar__right select{
    width:100% !important;
    min-width:0 !important;
    height:46px !important;
  }
}

/* Chat restore: keep chat UI isolated from global button/panel polish */
.page.chat-page{
  padding-bottom:24px !important;
}

.chat-page .chat-layout,
.chat-page .chat-layout--inbox{
  width:min(100%, 1360px) !important;
  margin:18px auto 24px !important;
  padding:0 20px !important;
  gap:18px !important;
}

.chat-page .chat-sidebar,
.chat-page .chat-panel,
.chat-page .chat-sidebar--inbox,
.chat-page .chat-panel--inbox,
.chat-page .chat-empty-card{
  border-radius:30px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,248,241,.98)) !important;
  border:1px solid rgba(233,135,67,.12) !important;
  box-shadow:0 18px 44px rgba(233,135,67,.10) !important;
  color:#1f1712 !important;
  overflow:hidden !important;
}

.chat-page .chat-empty-page{
  width:min(100%, 960px) !important;
  margin:28px auto 42px !important;
  padding:0 20px !important;
}

.chat-page .chat-empty-card{
  padding:34px !important;
  text-align:left !important;
}

.chat-page .chat-empty-card__icon,
.chat-page .chat-avatar{
  color:#e98743 !important;
  background:#fff8f1 !important;
  border:1px solid rgba(233,135,67,.16) !important;
}

.chat-page .chat-title,
.chat-page .chat-header__name,
.chat-page .chat-empty__title,
.chat-page .chat-empty-card__title{
  color:#1f1712 !important;
  letter-spacing:0 !important;
}

.chat-page .chat-sidebar__hint,
.chat-page .chat-header__sub,
.chat-page .chat-empty-card__text,
.chat-page .chat-empty-card__hint{
  color:#7d7168 !important;
}

.chat-page .chat-composer__meta{
  display:none !important;
}

.chat-page .chat-file-badge{
  display:inline-flex !important;
  align-items:center !important;
  gap:9px !important;
  min-height:36px !important;
  margin:10px 0 0 56px !important;
  padding:0 10px 0 12px !important;
  border-radius:14px !important;
  border:1px solid rgba(233,135,67,.18) !important;
  background:#fff8f1 !important;
  color:#17120d !important;
  font-size:13px !important;
  font-weight:850 !important;
  box-shadow:0 8px 18px rgba(120,74,36,.08) !important;
}

.chat-page .chat-file-badge[hidden]{
  display:none !important;
}

.chat-page .chat-thread-note{
  display:none !important;
}

.chat-page .chat-sidebar__summary{
  display:none !important;
}

.chat-page .chat-search{
  position:relative !important;
  display:block !important;
  width:100% !important;
  margin-top:0 !important;
}

.chat-page .chat-search__icon{
  width:20px !important;
  height:20px !important;
  left:18px !important;
  display:grid !important;
  place-items:center !important;
  color:#e98743 !important;
  font-size:16px !important;
  z-index:2 !important;
}

.chat-page .chat-search input,
.chat-page .chat-input{
  background:#fff !important;
  border:1px solid rgba(233,135,67,.14) !important;
  border-radius:18px !important;
  color:#1f1712 !important;
  box-shadow:none !important;
}

.chat-page .chat-search input{
  height:54px !important;
  padding:0 18px 0 50px !important;
  font-size:14px !important;
}

.chat-page .chat-filter{
  min-height:38px !important;
  padding:0 16px !important;
  border-radius:999px !important;
  font-size:12px !important;
  background:#fff8f1 !important;
  color:#7d7168 !important;
  border:1px solid rgba(233,135,67,.14) !important;
  box-shadow:none !important;
}

.chat-page .chat-filter.is-active{
  background:#fff1e6 !important;
  color:#d87431 !important;
  border-color:rgba(233,135,67,.24) !important;
}

.chat-page .chat-list__item{
  border-radius:20px !important;
  color:#1f1712 !important;
}

.chat-page .chat-list__item:hover,
.chat-page .chat-list__item.active{
  background:#fff8f1 !important;
  border-color:rgba(233,135,67,.16) !important;
}

.page.chat-page .chat-action,
.chat-page .chat-action{
  width:auto !important;
  min-width:0 !important;
  min-height:42px !important;
  height:auto !important;
  padding:0 18px !important;
  border-radius:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  font-size:14px !important;
  font-weight:900 !important;
  line-height:1 !important;
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  border:1px solid transparent !important;
  color:#fff !important;
  box-shadow:0 10px 22px rgba(233,135,67,.16) !important;
  white-space:nowrap !important;
}

.page.chat-page .chat-action--ghost,
.chat-page .chat-action--ghost{
  background:#fff8f1 !important;
  border-color:rgba(233,135,67,.16) !important;
  color:#8a461d !important;
  box-shadow:none !important;
}

.chat-page .chat-icon-btn,
.chat-page .emoji-panel__btn,
.chat-page .chat-send,
.chat-page .chat-sidebar-toggle,
.chat-page .chat-sidebar__close,
.chat-page .chat-reply__cancel,
.chat-page .chat-scroll-btn{
  border-radius:16px !important;
  min-width:44px !important;
  min-height:44px !important;
  padding:0 14px !important;
  font-size:14px !important;
  line-height:1 !important;
}

.chat-page .chat-send{
  min-width:118px !important;
  background:#e98743 !important;
  color:#fff !important;
  border:1px solid #e98743 !important;
}

.chat-page .chat-input::placeholder,
.chat-page .chat-search input::placeholder{
  color:rgba(31,23,18,.42) !important;
}

.chat-page .react-chip{
  background:#fff8f1 !important;
  color:#17120d !important;
  border-color:rgba(233,135,67,.18) !important;
}

.chat-page .react-chip.active{
  background:#fff1e6 !important;
  color:#8a461d !important;
  border-color:rgba(233,135,67,.28) !important;
}

.chat-page .chat-composer{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,248,241,.98)) !important;
  border-top:1px solid rgba(233,135,67,.10) !important;
}

.chat-page .msg__bubble{
  border-radius:22px !important;
}

.chat-page .msg--out .msg__bubble{
  background:linear-gradient(180deg, #fff1e6, #ffe4cf) !important;
  color:#17120d !important;
  border-color:rgba(233,135,67,.26) !important;
}

.chat-page .msg--out .msg__text,
.chat-page .msg--out .msg__meta,
.chat-page .msg--out .msg__edited{
  color:#17120d !important;
}

.chat-page .msg--out .msg__meta,
.chat-page .msg--out .msg__edited{
  color:rgba(31,23,18,.58) !important;
}

.chat-page .msg--out .msg__reply{
  background:rgba(255,255,255,.46) !important;
  border-left-color:#e98743 !important;
}

.chat-page .msg--out .msg__reply-label{
  color:#d87431 !important;
}

@media (max-width:768px){
  .chat-page .chat-layout,
  .chat-page .chat-layout--inbox{
    margin:10px auto 18px !important;
    padding:0 12px !important;
  }

  .chat-page .chat-sidebar,
  .chat-page .chat-panel,
  .chat-page .chat-empty-card{
    border-radius:24px !important;
  }

  .page.chat-page .chat-action,
  .chat-page .chat-action{
    width:100% !important;
    min-height:44px !important;
    font-size:14px !important;
  }

  .chat-page .chat-composer__row{
    gap:8px !important;
  }

  .chat-page .chat-send{
    min-width:96px !important;
    padding:0 12px !important;
  }
}

/* Final chat UX overrides: full-height sidebar and Telegram-like hidden quick reactions */
@media (min-width:1101px){
  .page.chat-page .chat-layout,
  .page.chat-page .chat-layout--inbox{
    height:calc(100vh - var(--header-h) - 36px) !important;
    height:calc(100svh - var(--header-h) - 36px) !important;
    height:calc(100dvh - var(--header-h) - 36px) !important;
    min-height:720px !important;
    align-items:stretch !important;
  }

  .page.chat-page .chat-sidebar,
  .page.chat-page .chat-panel{
    height:100% !important;
    min-height:0 !important;
  }

  .page.chat-page .chat-sidebar{
    display:flex !important;
    flex-direction:column !important;
  }

  .page.chat-page .chat-list{
    flex:1 1 auto !important;
    min-height:0 !important;
    overflow-y:auto !important;
  }
}

.page.chat-page .msg{
  position:relative !important;
}

.page.chat-page .msg__reactions{
  position:absolute !important;
  right:0 !important;
  bottom:-42px !important;
  z-index:8 !important;
  width:max-content !important;
  max-width:min(420px, 86vw) !important;
  margin-top:0 !important;
  padding:6px !important;
  border:1px solid rgba(233,135,67,.12) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.98) !important;
  box-shadow:0 14px 30px rgba(120,74,36,.14) !important;
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translateY(6px) !important;
  transition:opacity .16s ease, transform .16s ease, visibility .16s ease !important;
}

.page.chat-page .msg--in .msg__reactions{
  right:auto !important;
  left:0 !important;
}

.page.chat-page .msg__reactions:has(.c),
.page.chat-page .msg__reactions:has(.active){
  position:static !important;
  width:auto !important;
  max-width:100% !important;
  margin-top:8px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:none !important;
}

.page.chat-page .msg__reactions:has(.c) .react-chip:not(:has(.c)):not(.active),
.page.chat-page .msg__reactions:has(.active) .react-chip:not(:has(.c)):not(.active){
  display:none !important;
}

.page.chat-page .msg:hover .msg__reactions,
.page.chat-page .msg:focus-within .msg__reactions{
  position:absolute !important;
  right:0 !important;
  bottom:-42px !important;
  z-index:8 !important;
  width:max-content !important;
  max-width:min(420px, 86vw) !important;
  padding:6px !important;
  border:1px solid rgba(233,135,67,.12) !important;
  border-radius:999px !important;
  background:rgba(255,255,255,.98) !important;
  box-shadow:0 14px 30px rgba(120,74,36,.14) !important;
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:none !important;
}

.page.chat-page .msg--in:hover .msg__reactions,
.page.chat-page .msg--in:focus-within .msg__reactions{
  right:auto !important;
  left:0 !important;
}

.page.chat-page .msg:hover .msg__reactions .react-chip,
.page.chat-page .msg:focus-within .msg__reactions .react-chip{
  display:inline-flex !important;
}

/* Chat sidebar header spacing */
.page.chat-page .chat-sidebar__top,
.page.chat-page .chat-sidebar--inbox .chat-sidebar__top{
  padding:16px 18px 14px !important;
}

.page.chat-page .chat-sidebar__eyebrow,
.page.chat-page .chat-sidebar--inbox .chat-sidebar__eyebrow{
  margin-bottom:16px !important;
}

.page.chat-page .chat-title,
.page.chat-page .chat-sidebar--inbox .chat-title{
  margin:0 0 8px !important;
}

.page.chat-page .chat-sidebar__tools{
  margin-top:12px !important;
}

.page.chat-page .chat-filters{
  gap:10px !important;
}

/* Palette cleanup: remove purple from catalog controls */
#catalog,
#usedCatalog,
body.parts-new,
body.parts-used,
body.break-page{
  --brand-dark:#17120d !important;
  --muted:#7d7168 !important;
  --muted-2:#9a8f86 !important;
}

#catalog .mode-btn,
#usedCatalog .mode-btn,
body.parts-new .mode-btn,
body.parts-used .mode-btn,
body.break-page .mode-btn,
#catalog .catalog-view-switch__btn,
#usedCatalog .catalog-view-switch__btn,
body.parts-new .catalog-view-switch__btn,
body.parts-used .catalog-view-switch__btn,
body.break-page .catalog-view-switch__btn,
#catalog .filters-toggle,
#usedCatalog .filters-toggle,
body.parts-new .filters-toggle,
body.parts-used .filters-toggle,
body.break-page .filters-toggle,
#catalog .btn-reset,
#usedCatalog .btn-reset,
body.parts-new .btn-reset,
body.parts-used .btn-reset,
body.break-page .btn-reset{
  color:#d87431 !important;
}

#catalog .mode-btn:not(.active),
#usedCatalog .mode-btn:not(.active),
body.parts-new .mode-btn:not(.active),
body.parts-used .mode-btn:not(.active),
body.break-page .mode-btn:not(.active),
#catalog .catalog-view-switch__btn:not(.is-active),
#usedCatalog .catalog-view-switch__btn:not(.is-active),
body.parts-new .catalog-view-switch__btn:not(.is-active),
body.parts-used .catalog-view-switch__btn:not(.is-active),
body.break-page .catalog-view-switch__btn:not(.is-active),
#catalog .btn-reset,
#usedCatalog .btn-reset,
body.parts-new .btn-reset,
body.parts-used .btn-reset,
body.break-page .btn-reset{
  background:#fffaf4 !important;
  border-color:rgba(233,135,67,.16) !important;
}

#catalog .mode-btn.active,
#usedCatalog .mode-btn.active,
body.parts-new .mode-btn.active,
body.parts-used .mode-btn.active,
body.break-page .mode-btn.active,
#catalog .catalog-view-switch__btn.is-active,
#usedCatalog .catalog-view-switch__btn.is-active,
body.parts-new .catalog-view-switch__btn.is-active,
body.parts-used .catalog-view-switch__btn.is-active,
body.break-page .catalog-view-switch__btn.is-active{
  background:#D85A30 !important;
  border-color:#D85A30 !important;
  color:#fff !important;
}

#catalog .catalog-sort-group .sort-label,
#usedCatalog .catalog-sort-group .sort-label,
body.parts-new .catalog-sort-group .sort-label,
body.parts-used .catalog-sort-group .sort-label,
body.break-page .catalog-sort-group .sort-label,
#catalog .catalog-count,
#usedCatalog .catalog-count,
body.parts-new .results-count,
body.parts-used .results-count,
body.break-page .results-count{
  color:#7d7168 !important;
}

#catalog .info-card a,
#usedCatalog .info-card a,
body.parts-new .info-card a,
body.parts-used .info-card a,
body.break-page .info-card a{
  color:#d87431 !important;
}

#catalog :where(.btnx, .btn, .btn-secondary, .btn-ghost, .btn-soft):not(.primary):not(.btn-primary),
#usedCatalog :where(.btnx, .btn, .btn-secondary, .btn-ghost, .btn-soft):not(.primary):not(.btn-primary),
body.parts-new :where(.btnx, .btn, .btn-secondary, .btn-ghost, .btn-soft):not(.primary):not(.btn-primary),
body.parts-used :where(.btnx, .btn, .btn-secondary, .btn-ghost, .btn-soft):not(.primary):not(.btn-primary),
body.break-page :where(.btnx, .btn, .btn-secondary, .btn-ghost, .btn-soft):not(.primary):not(.btn-primary){
  color:#d87431 !important;
}

/* Remove only the visible catalog top underlay below the header */
html:has(#catalog),
html:has(#usedCatalog),
body:has(#catalog),
body:has(#usedCatalog),
main.page:has(#catalog),
main.page:has(#usedCatalog),
html:has(body.parts-new),
html:has(body.parts-used),
html:has(body.break-page),
body.parts-new,
body.parts-used,
body.break-page,
body.parts-new main.page,
body.parts-used main.page,
body.break-page main.page{
  background:#fff !important;
}

/* Parts new: keep control sizing compact after shared catalog overrides */
body.parts-new .filters-ui .filter-item input,
body.parts-new .filters-ui .filter-item select{
  height:56px !important;
  min-height:56px !important;
  padding:0 18px !important;
  border-radius:18px !important;
  font-size:15px !important;
}

body.parts-new .filters-ui .btn-show{
  width:100% !important;
  height:56px !important;
  min-height:56px !important;
  min-width:0 !important;
  padding:0 22px !important;
  border-radius:18px !important;
  font-size:16px !important;
}

body.parts-new .filters-ui .filters-toggle{
  width:max-content !important;
  min-width:0 !important;
  min-height:46px !important;
  padding:0 16px !important;
  border-radius:18px !important;
  gap:10px !important;
  color:#d87431 !important;
  font-size:15px !important;
}

body.parts-new .filters-ui .filters-toggle .chev{
  border-left-width:7px !important;
  border-right-width:7px !important;
  border-top-width:10px !important;
}

body.parts-new .filters-ui .btn-reset,
body.parts-new .filters-ui .btn-save{
  height:52px !important;
  min-height:52px !important;
  min-width:140px !important;
  padding:0 20px !important;
  border-radius:18px !important;
  font-size:15px !important;
}

body.parts-new .filters-ui .btn-reset{
  color:#d87431 !important;
  background:#fffaf4 !important;
  border-color:rgba(233,135,67,.16) !important;
}

/* Part detail repair: apply the dedicated layout and remove late purple accents */
body.part-detail-page .section.car-detail.part-detail{
  max-width:1320px !important;
  margin:0 auto !important;
  padding:34px 20px 72px !important;
  background:transparent !important;
}

body.part-detail-page .part-detail .cd-layout{
  display:grid !important;
  grid-template-columns:minmax(0, 1.28fr) minmax(340px, .72fr) !important;
  gap:22px !important;
  align-items:start !important;
}

body.part-detail-page .part-detail .card.media,
body.part-detail-page .part-detail .card.info,
body.part-detail-page .part-detail .location-box,
body.part-detail-page .part-detail .related-section{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,248,241,.96)) !important;
  border:1px solid rgba(233,135,67,.12) !important;
  border-radius:32px !important;
  box-shadow:0 20px 50px rgba(45,28,16,.10) !important;
}

body.part-detail-page .part-detail .media-main-image{
  width:100% !important;
  height:420px !important;
  display:block !important;
  object-fit:contain !important;
  border-radius:24px !important;
  background:#fff8f1 !important;
}

body.part-detail-page .part-detail .price{
  display:inline-flex !important;
  width:auto !important;
  min-height:72px !important;
  padding:0 24px !important;
  border-radius:24px !important;
  background:rgba(233,135,67,.10) !important;
  border:1px solid rgba(233,135,67,.16) !important;
  color:#d87431 !important;
  font-size:46px !important;
  font-weight:900 !important;
  box-shadow:none !important;
}

body.part-detail-page .part-detail .btnx.ghost,
body.part-detail-page .part-detail .btnx.outline,
body.part-detail-page .part-detail .fav-btn,
body.part-detail-page .part-detail .related-card__cta{
  color:#d87431 !important;
  background:#fffaf4 !important;
  border-color:rgba(233,135,67,.16) !important;
}

body.part-detail-page .part-detail .btnx.ghost:hover,
body.part-detail-page .part-detail .btnx.outline:hover,
body.part-detail-page .part-detail .fav-btn:hover,
body.part-detail-page .part-detail .related-card__cta:hover{
  color:#d87431 !important;
  background:#fff1e6 !important;
  border-color:rgba(233,135,67,.24) !important;
}

body.part-detail-page .part-detail .badge.new{
  background:#fff1e6 !important;
  color:#d87431 !important;
}

@media (max-width:980px){
  body.part-detail-page .part-detail .cd-layout{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:720px){
  body.part-detail-page .section.car-detail.part-detail{
    padding:22px 14px 56px !important;
  }

  body.part-detail-page .part-detail .media-main-image{
    height:300px !important;
  }

  body.part-detail-page .part-detail .price{
    min-height:62px !important;
    font-size:34px !important;
  }
}

body.parts-new .catalog-topbar{
  padding:10px 14px !important;
  margin:14px 0 !important;
  min-height:0 !important;
  justify-content:space-between !important;
}

body.parts-new .results-count:empty{
  display:none !important;
}

body.parts-new .catalog-topbar__left:has(.results-count:empty){
  display:none !important;
}

body.parts-new .catalog-topbar:has(.catalog-topbar__left .results-count:empty){
  width:max-content !important;
  max-width:100% !important;
  margin-left:auto !important;
  padding:0 !important;
  justify-content:flex-end !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

body.parts-new .catalog-view-switch__btn{
  height:48px !important;
  min-height:48px !important;
  min-width:104px !important;
  padding:0 16px !important;
  border-radius:16px !important;
  font-size:14px !important;
}

body.parts-new .catalog-sort-group{
  min-height:52px !important;
  padding:0 6px 0 16px !important;
  border-radius:18px !important;
  gap:10px !important;
}

body.parts-new .catalog-sort-group .sort-label{
  font-size:14px !important;
}

body.parts-new .catalog-sort-group .sort-select,
body.parts-new .catalog-topbar__right select{
  height:44px !important;
  min-height:44px !important;
  width:260px !important;
  min-width:210px !important;
  max-width:30vw !important;
  padding:0 16px !important;
  border-radius:16px !important;
  font-size:14px !important;
}

@media (max-width:1180px){
  body.parts-new .catalog-sort-group .sort-select,
  body.parts-new .catalog-topbar__right select{
    width:100% !important;
    max-width:100% !important;
  }
}

@media (max-width:700px){
  body.parts-new .catalog-topbar:has(.catalog-topbar__left .results-count:empty){
    width:100% !important;
  }

  body.parts-new .filters-ui .btn-show,
  body.parts-new .filters-ui .btn-reset,
  body.parts-new .filters-ui .btn-save{
    width:100% !important;
  }

body.parts-new .catalog-view-switch__btn{
    min-width:0 !important;
    height:48px !important;
    min-height:48px !important;
    padding:0 10px !important;
    font-size:13px !important;
  }
}

/* Part detail media must override older ID-based placeholder rules */
body.part-detail-page .part-detail #partMainImage.media-main-image{
  width:100% !important;
  max-width:none !important;
  height:420px !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  background:#fff8f1 !important;
}

@media (max-width:720px){
  body.part-detail-page .part-detail #partMainImage.media-main-image{
    height:300px !important;
  }
}

/* Detail pages final polish: warm palette, compact specs, no mojibake-looking purple chrome */
body.car-detail-page .car-detail,
body.part-detail-page .part-detail{
  color:#17120d !important;
  background:transparent !important;
}

body.car-detail-page .card.media,
body.car-detail-page .card.info,
body.car-detail-page .card.location-box,
body.car-detail-page .detail-panel,
body.car-detail-page .similar-block,
body.part-detail-page .card.media,
body.part-detail-page .card.info,
body.part-detail-page .card.location-box,
body.part-detail-page .detail-panel,
body.part-detail-page .related-section{
  background:linear-gradient(180deg, #ffffff, #fffaf4) !important;
  border:1px solid rgba(233,135,67,.12) !important;
  box-shadow:0 18px 44px rgba(45,28,16,.09) !important;
}

body.car-detail-page .card.media,
body.car-detail-page .media-main-image,
body.car-detail-page .location-empty,
body.car-detail-page .desc .text,
body.part-detail-page .card.media,
body.part-detail-page .media-main-image,
body.part-detail-page .location-empty,
body.part-detail-page .desc .text{
  background:#fff8f1 !important;
}

body.car-detail-page .price,
body.part-detail-page .price{
  width:auto !important;
  background:rgba(233,135,67,.10) !important;
  border:1px solid rgba(233,135,67,.16) !important;
  color:#d87431 !important;
  box-shadow:none !important;
  font-weight:900 !important;
}

body.car-detail-page .chip,
body.car-detail-page .badge,
body.car-detail-page .similar-card__meta span,
body.part-detail-page .chip,
body.part-detail-page .badge,
body.part-detail-page .related-card__meta span{
  background:#fff1e6 !important;
  border:1px solid rgba(233,135,67,.16) !important;
  color:#d87431 !important;
}

body.car-detail-page .specs,
body.part-detail-page .specs{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:12px !important;
}

body.car-detail-page .spec,
body.car-detail-page .quick-card,
body.part-detail-page .spec{
  min-height:86px !important;
  padding:16px 18px !important;
  border-radius:18px !important;
  background:#fff !important;
  border:1px solid rgba(233,135,67,.12) !important;
  box-shadow:0 10px 24px rgba(45,28,16,.06) !important;
}

body.car-detail-page .spec span,
body.car-detail-page .quick-card span,
body.part-detail-page .spec span{
  color:#7d7168 !important;
  font-size:13px !important;
  line-height:1.35 !important;
  font-weight:800 !important;
}

body.car-detail-page .spec strong,
body.car-detail-page .quick-card strong,
body.part-detail-page .spec strong{
  color:#17120d !important;
  font-size:18px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
}

body.car-detail-page .btnx.ghost,
body.car-detail-page .btnx.outline,
body.car-detail-page .fav-btn,
body.car-detail-page .similar-card__cta,
body.part-detail-page .btnx.ghost,
body.part-detail-page .btnx.outline,
body.part-detail-page .fav-btn,
body.part-detail-page .related-card__cta{
  color:#d87431 !important;
  background:#fffaf4 !important;
  border-color:rgba(233,135,67,.16) !important;
}

body.car-detail-page .btnx.ghost:hover,
body.car-detail-page .btnx.outline:hover,
body.car-detail-page .fav-btn:hover,
body.car-detail-page .similar-card__cta:hover,
body.part-detail-page .btnx.ghost:hover,
body.part-detail-page .btnx.outline:hover,
body.part-detail-page .fav-btn:hover,
body.part-detail-page .related-card__cta:hover{
  color:#d87431 !important;
  background:#fff1e6 !important;
  border-color:rgba(233,135,67,.24) !important;
}

body.car-detail-page .fav-btn.active,
body.car-detail-page .fav-toggle-btn.active,
body.car-detail-page .similar-card__fav.active,
body.part-detail-page .fav-btn.active{
  color:#d87431 !important;
  background:#fff1e6 !important;
  border-color:rgba(233,135,67,.26) !important;
}

@media (max-width:720px){
  body.car-detail-page .specs,
  body.part-detail-page .specs{
    grid-template-columns:1fr !important;
  }
}

body.car-detail-page .section.car-detail .card.info > .price{
  width:auto !important;
  background:rgba(233,135,67,.10) !important;
  border:1px solid rgba(233,135,67,.16) !important;
  color:#d87431 !important;
  box-shadow:none !important;
}

/* Detail UX pass: stronger media, sticky summary, compact facts */
body.car-detail-page .section.car-detail .cd-layout,
body.part-detail-page .section.car-detail.part-detail .cd-layout{
  grid-template-columns:minmax(0, 1.42fr) minmax(360px, .68fr) !important;
  gap:28px !important;
  align-items:start !important;
}

body.car-detail-page .section.car-detail .card.info,
body.part-detail-page .section.car-detail.part-detail .card.info{
  position:static !important;
  top:auto!important;
  align-self:start !important;
}

body.car-detail-page .section.car-detail .media-main-image,
body.part-detail-page .section.car-detail.part-detail #partMainImage.media-main-image{
  height:560px !important;
  width:100% !important;
  max-width:none !important;
  object-fit:cover !important;
  background:#fff8f1 !important;
}

body.part-detail-page .section.car-detail.part-detail #partMainImage.media-main-image{
  object-fit:contain !important;
}

body.car-detail-page .media-thumbs,
body.part-detail-page .media-thumbs{
  display:flex !important;
  gap:12px !important;
  margin-top:14px !important;
  padding:2px 2px 4px !important;
  overflow-x:auto !important;
  scrollbar-width:thin !important;
}

body.car-detail-page .media-thumb,
body.part-detail-page .media-thumb{
  width:108px !important;
  height:78px !important;
  flex:0 0 108px !important;
  border-radius:16px !important;
  border:1px solid rgba(233,135,67,.16) !important;
  background:#fffaf4 !important;
  box-shadow:none !important;
}

body.car-detail-page .media-thumb.active,
body.part-detail-page .media-thumb.active,
body.part-detail-page .media-thumb.is-active{
  border-color:rgba(233,135,67,.42) !important;
  box-shadow:0 0 0 3px rgba(233,135,67,.12) !important;
}

body.car-detail-page .detail-id,
body.part-detail-page .detail-id{
  width:max-content !important;
  max-width:100% !important;
  margin-top:10px !important;
  padding:7px 12px !important;
  border-radius:999px !important;
  background:#fff1e6 !important;
  border:1px solid rgba(233,135,67,.16) !important;
  color:#d87431 !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:0 !important;
}

body.car-detail-page .section.car-detail .card.info,
body.part-detail-page .section.car-detail.part-detail .card.info{
  padding:26px !important;
}

body.car-detail-page .section.car-detail .price,
body.part-detail-page .section.car-detail.part-detail .price{
  min-height:64px !important;
  margin-top:18px !important;
  padding:0 22px !important;
  border-radius:20px !important;
  font-size:40px !important;
  line-height:1 !important;
}

body.car-detail-page .quick-grid{
  gap:10px !important;
  margin-top:16px !important;
}

body.car-detail-page .specs,
body.part-detail-page .specs{
  gap:10px !important;
  margin-top:16px !important;
}

body.car-detail-page .spec,
body.car-detail-page .quick-card,
body.part-detail-page .spec{
  min-height:74px !important;
  padding:13px 14px !important;
  border-radius:16px !important;
}

body.car-detail-page .spec span,
body.car-detail-page .quick-card span,
body.part-detail-page .spec span{
  margin-bottom:6px !important;
  font-size:12px !important;
  text-transform:none !important;
  letter-spacing:0 !important;
}

body.car-detail-page .spec strong,
body.car-detail-page .quick-card strong,
body.part-detail-page .spec strong{
  font-size:16px !important;
}

body.car-detail-page .detail-panel--description,
body.part-detail-page .desc{
  margin-top:18px !important;
}

body.car-detail-page .desc .text,
body.part-detail-page .desc .text{
  padding:18px 20px !important;
  border-radius:18px !important;
  border:1px solid rgba(233,135,67,.12) !important;
  background:#fffaf4 !important;
  color:#4a4038 !important;
  font-size:15px !important;
  line-height:1.7 !important;
}

body.car-detail-page .similar-block,
body.part-detail-page .related-section{
  margin-top:28px !important;
  padding:26px !important;
}

body.car-detail-page .similar-grid,
body.part-detail-page .related-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:18px !important;
  align-items:stretch !important;
}

body.car-detail-page .similar-card,
body.part-detail-page .related-card{
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  overflow:hidden !important;
  border-radius:20px !important;
  background:#fff !important;
  border:1px solid rgba(233,135,67,.12) !important;
  box-shadow:0 12px 28px rgba(45,28,16,.08) !important;
}

body.car-detail-page .similar-card__media,
body.part-detail-page .related-card__img{
  aspect-ratio:16 / 10 !important;
  background:#fff8f1 !important;
}

body.car-detail-page .similar-card__body,
body.part-detail-page .related-card__body{
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}

body.car-detail-page .similar-card__cta{
  margin-top:auto !important;
}

@media (max-width:1100px){
  body.car-detail-page .section.car-detail .cd-layout,
  body.part-detail-page .section.car-detail.part-detail .cd-layout{
    grid-template-columns:1fr !important;
  }

  body.car-detail-page .section.car-detail .card.info,
  body.part-detail-page .section.car-detail.part-detail .card.info{
    position:static !important;
  }

  body.car-detail-page .similar-grid,
  body.part-detail-page .related-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width:720px){
  body.car-detail-page .section.car-detail .media-main-image,
  body.part-detail-page .section.car-detail.part-detail #partMainImage.media-main-image{
    height:340px !important;
  }

  body.car-detail-page .section.car-detail .price,
  body.part-detail-page .section.car-detail.part-detail .price{
    font-size:32px !important;
  }

  body.car-detail-page .similar-grid,
  body.part-detail-page .related-grid{
    grid-template-columns:1fr !important;
  }
}

/* Detail final layout: sticky right column with seller directly under summary */
body.car-detail-page .section.car-detail .cd-layout > div:last-child{
  position:static !important;
  top:auto!important;
  align-self:start !important;
  display:flex !important;
  flex-direction:column !important;
  gap:18px !important;
}

body.car-detail-page .section.car-detail .cd-layout > div:last-child .card.info{
  position:static !important;
  top:auto !important;
}

body.car-detail-page .section.car-detail .cd-layout > div:last-child .detail-panel--sidebar{
  margin:0 !important;
}

body.car-detail-page .section.car-detail .card.media{
  padding:0 !important;
  overflow:hidden !important;
  background:#fff8f1 !important;
}

body.car-detail-page .section.car-detail .media-main-image{
  display:block !important;
  background:#fff8f1 !important;
  border-radius:26px !important;
  padding:0 !important;
}

body.car-detail-page .section.car-detail .media-thumbs{
  padding:14px 18px 18px !important;
  margin-top:0 !important;
}

body.car-detail-page .similar-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
}

@media (max-width:1100px){
  body.car-detail-page .section.car-detail .cd-layout > div:last-child{
    position:static !important;
  }
}

@media (max-width:720px){
  body.car-detail-page .similar-block{
    padding:20px !important;
    margin-bottom:24px !important;
  }

  body.car-detail-page .similar-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  body.car-detail-page .similar-card{
    display:grid !important;
    grid-template-columns:112px minmax(0, 1fr) !important;
    min-height:132px !important;
    border-radius:18px !important;
  }

  body.car-detail-page .similar-card__media-wrap,
  body.car-detail-page .similar-card__media{
    height:100% !important;
    min-height:132px !important;
  }

  body.car-detail-page .similar-card__media{
    aspect-ratio:auto !important;
  }

  body.car-detail-page .similar-card__media img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  body.car-detail-page .similar-card__body{
    padding:12px !important;
    gap:8px !important;
    min-width:0 !important;
  }

  body.car-detail-page .similar-card__title-row{
    gap:8px !important;
  }

  body.car-detail-page .similar-card__title,
  body.car-detail-page .similar-card__price{
    font-size:15px !important;
    line-height:1.2 !important;
  }

  body.car-detail-page .similar-card__meta{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:6px !important;
  }

  body.car-detail-page .similar-card__meta span{
    padding:5px 7px !important;
    font-size:10px !important;
  }

  body.car-detail-page .similar-card__loc{
    font-size:12px !important;
    line-height:1.3 !important;
  }

  body.car-detail-page .similar-card__cta{
    min-height:34px !important;
    padding:8px 10px !important;
    font-size:12px !important;
  }

  body.car-detail-page .footer{
    margin-bottom:calc(var(--appbar-h, 72px) + env(safe-area-inset-bottom) + 34px) !important;
  }
}

/* Mobile car detail order: photo, summary/actions, description, seller, location */
@media (max-width:720px){
  body.car-detail-page .section.car-detail .cd-layout{
    display:flex !important;
    flex-direction:column !important;
    gap:18px !important;
  }

  body.car-detail-page .section.car-detail .cd-layout > div:first-child,
  body.car-detail-page .section.car-detail .detail-side,
  body.car-detail-page .section.car-detail .detail-panel--sidebar{
    display:contents !important;
  }

  body.car-detail-page .section.car-detail .card.media{
    order:1 !important;
  }

  body.car-detail-page .section.car-detail .card.info{
    order:2 !important;
  }

  body.car-detail-page .section.car-detail .actions{
    order:3 !important;
  }

  body.car-detail-page .section.car-detail .detail-panel--description{
    order:4 !important;
    margin-top:0 !important;
  }

  body.car-detail-page .section.car-detail .seller{
    order:5 !important;
  }

  body.car-detail-page .section.car-detail .card.location-box{
    order:6 !important;
  }

  body.car-detail-page .section.car-detail .actions,
  body.car-detail-page .section.car-detail .seller{
    width:100% !important;
  }

  body.car-detail-page .section.car-detail .actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:10px !important;
    padding:0 !important;
  }
}

/* Car detail final responsive composition */
body.car-detail-page .section.car-detail .cd-layout{
  display:grid !important;
  grid-template-columns:minmax(0, 1.42fr) minmax(360px, .68fr) !important;
  gap:28px !important;
  align-items:start !important;
}

body.car-detail-page .section.car-detail .detail-main,
body.car-detail-page .section.car-detail .detail-side{
  min-width:0 !important;
}

body.car-detail-page .section.car-detail .detail-main{
  display:flex !important;
  flex-direction:column !important;
  gap:20px !important;
}

body.car-detail-page .section.car-detail .detail-main > *,
body.car-detail-page .section.car-detail .detail-panel--description,
body.car-detail-page .section.car-detail .card.location-box{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

body.car-detail-page .section.car-detail .detail-side{
  position:static !important;
  top:auto!important;
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
}

body.car-detail-page .section.car-detail .detail-side .card.info{
  display:block !important;
  position:static !important;
  top:auto !important;
}

body.car-detail-page .section.car-detail .card.info .meta{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin-top:14px !important;
}

body.car-detail-page .section.car-detail .card.info .quick-grid,
body.car-detail-page .section.car-detail .card.info .specs{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:8px !important;
  margin-top:14px !important;
}

body.car-detail-page .section.car-detail .card.info .quick-card,
body.car-detail-page .section.car-detail .card.info .spec{
  min-height:66px !important;
  padding:11px 12px !important;
}

body.car-detail-page .section.car-detail .card.info .actions{
  margin-top:18px !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
}

body.car-detail-page .section.car-detail .card.info .actions-row{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
}

body.car-detail-page .section.car-detail .card.info .btnx{
  width:100% !important;
  min-height:56px !important;
  padding:14px 18px !important;
  border-radius:24px !important;
  font-size:18px !important;
  line-height:1.15 !important;
}

body.car-detail-page .section.car-detail .card.info .actions-row .btnx{
  min-height:52px !important;
  padding:10px 12px !important;
  border-radius:22px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  font-size:16px !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}

body.car-detail-page .section.car-detail .card.info .actions-row .btnx i{
  flex:0 0 auto !important;
  font-size:18px !important;
  line-height:1 !important;
}

body.car-detail-page .detail-panel--description .desc .text{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:4px 0 0 !important;
  color:#5c5148 !important;
  font-size:16px !important;
  line-height:1.65 !important;
}

@media (max-width:1100px){
  body.car-detail-page .section.car-detail .cd-layout{
    grid-template-columns:1fr !important;
  }

  body.car-detail-page .section.car-detail .detail-side{
    position:static !important;
  }
}

@media (max-width:720px){
  body.car-detail-page .section.car-detail{
    padding-bottom:calc(var(--appbar-h, 72px) + env(safe-area-inset-bottom) + 72px) !important;
  }

  body.car-detail-page .section.car-detail .cd-wrap{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  body.car-detail-page .section.car-detail .breadcrumbs{
    margin-bottom:14px !important;
  }

  body.car-detail-page .section.car-detail .cd-layout{
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
  }

  body.car-detail-page .section.car-detail .detail-main,
  body.car-detail-page .section.car-detail .detail-side{
    display:contents !important;
  }

  body.car-detail-page .section.car-detail .card.media,
  body.car-detail-page .section.car-detail .card.info,
  body.car-detail-page .section.car-detail .detail-panel--sidebar,
  body.car-detail-page .section.car-detail .detail-panel--description,
  body.car-detail-page .section.car-detail .card.location-box,
  body.car-detail-page .similar-block{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  body.car-detail-page .section.car-detail .card.media{
    order:1 !important;
    border-radius:24px !important;
  }

  body.car-detail-page .section.car-detail .card.info{
    order:2 !important;
    padding:18px !important;
    border-radius:24px !important;
  }

  body.car-detail-page .section.car-detail .detail-panel--sidebar{
    order:3 !important;
    padding:18px !important;
    border-radius:24px !important;
    margin:0 !important;
  }

  body.car-detail-page .section.car-detail .detail-panel--description{
    order:4 !important;
    padding:18px !important;
    border-radius:24px !important;
    margin:0 !important;
  }

  body.car-detail-page .section.car-detail .card.location-box{
    order:5 !important;
    padding:18px !important;
    border-radius:24px !important;
    margin:0 !important;
  }

  body.car-detail-page .similar-block{
    order:6 !important;
  }

  body.car-detail-page .section.car-detail .media-main-image{
    height:260px !important;
    border-radius:24px !important;
  }

  body.car-detail-page .section.car-detail .media-thumbs{
    padding:12px !important;
    overflow-x:auto !important;
  }

  body.car-detail-page .section.car-detail .title-row{
    gap:10px !important;
  }

  body.car-detail-page .section.car-detail .title-row h1{
    font-size:28px !important;
    line-height:1.05 !important;
  }

  body.car-detail-page .section.car-detail .title-sub{
    font-size:13px !important;
    line-height:1.4 !important;
  }

  body.car-detail-page .section.car-detail .price{
    min-height:56px !important;
    margin-top:14px !important;
    padding:0 18px !important;
    font-size:34px !important;
    border-radius:18px !important;
  }

  body.car-detail-page .section.car-detail .meta{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:8px !important;
    margin-top:12px !important;
  }

  body.car-detail-page .section.car-detail .meta .chip{
    min-width:0 !important;
    width:100% !important;
    justify-content:center !important;
    text-align:center !important;
  }

  body.car-detail-page .section.car-detail .meta .chip:last-child:nth-child(odd){
    grid-column:1 / -1 !important;
  }

  body.car-detail-page .section.car-detail .quick-grid,
  body.car-detail-page .section.car-detail .specs{
    display:grid !important;
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:8px !important;
    margin-top:12px !important;
  }

  body.car-detail-page .section.car-detail .quick-card,
  body.car-detail-page .section.car-detail .spec{
    min-height:64px !important;
    padding:10px 12px !important;
    border-radius:16px !important;
  }

  body.car-detail-page .section.car-detail .quick-card span,
  body.car-detail-page .section.car-detail .spec span{
    font-size:11px !important;
    margin-bottom:4px !important;
  }

  body.car-detail-page .section.car-detail .quick-card strong,
  body.car-detail-page .section.car-detail .spec strong{
    font-size:14px !important;
    line-height:1.25 !important;
  }

  body.car-detail-page .section.car-detail .card.info .actions{
    margin-top:14px !important;
    gap:8px !important;
  }

  body.car-detail-page .section.car-detail .card.info .actions-row{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:8px !important;
  }

  body.car-detail-page .section.car-detail .btnx{
    min-height:50px !important;
    padding:12px 14px !important;
    border-radius:18px !important;
    font-size:15px !important;
  }

  body.car-detail-page .section.car-detail .card.info .actions > .btnx{
    min-height:54px !important;
    font-size:17px !important;
    border-radius:22px !important;
  }

  body.car-detail-page .section.car-detail .card.info .actions-row .btnx{
    min-height:48px !important;
    padding:9px 8px !important;
    border-radius:18px !important;
    gap:6px !important;
    font-size:13px !important;
  }

  body.car-detail-page .section.car-detail .card.info .actions-row .btnx i{
    font-size:16px !important;
  }

  body.car-detail-page .section.car-detail #carMap{
    width:100% !important;
    min-height:260px !important;
    height:260px !important;
    border-radius:20px !important;
    overflow:hidden !important;
  }

  body.car-detail-page .section.car-detail .leaflet-control-container{
    font-size:12px !important;
  }

  body.car-detail-page .similar-head{
    gap:12px !important;
  }

  body.car-detail-page .similar-head__link{
    min-height:42px !important;
    font-size:13px !important;
  }
}

/* Part detail final marketplace layout */
body.part-detail-page .section.car-detail.part-detail .cd-layout{
  display:grid !important;
  grid-template-columns:minmax(0, 1.38fr) minmax(360px, .72fr) !important;
  gap:28px !important;
  align-items:start !important;
}

body.part-detail-page .section.car-detail.part-detail .cd-layout > div:first-child{
  display:flex !important;
  flex-direction:column !important;
  gap:20px !important;
  min-width:0 !important;
}

body.part-detail-page .section.car-detail.part-detail .cd-layout > .card.info{
  position:static !important;
  top:auto!important;
  align-self:start !important;
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  min-width:0 !important;
}

body.part-detail-page .section.car-detail.part-detail .card.media,
body.part-detail-page .section.car-detail.part-detail .detail-panel,
body.part-detail-page .section.car-detail.part-detail .location-box,
body.part-detail-page .section.car-detail.part-detail .related-section{
  width:100% !important;
  max-width:100% !important;
  box-sizing:border-box !important;
}

body.part-detail-page .section.car-detail.part-detail .card.media{
  padding:0 !important;
  overflow:hidden !important;
  background:#fff8f1 !important;
}

body.part-detail-page .section.car-detail.part-detail #partMainImage.media-main-image{
  display:block !important;
  width:100% !important;
  height:500px !important;
  max-width:none !important;
  object-fit:contain !important;
  background:#fff8f1 !important;
  padding:0 !important;
  border-radius:28px !important;
}

body.part-detail-page .section.car-detail.part-detail .media-thumbs{
  padding:14px 18px 18px !important;
  margin-top:0 !important;
}

body.part-detail-page .section.car-detail.part-detail .card.info .title-row > .fav-btn,
body.part-detail-page .section.car-detail.part-detail .card.info > .desc{
  display:none !important;
}

body.part-detail-page .section.car-detail.part-detail .price{
  order:2 !important;
  width:100% !important;
  min-height:62px !important;
  margin:0 !important;
  padding:0 20px !important;
  border-radius:20px !important;
  font-size:40px !important;
  display:flex !important;
  align-items:center !important;
}

body.part-detail-page .section.car-detail.part-detail .actions{
  order:3 !important;
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:10px !important;
  margin:0 !important;
}

body.part-detail-page .section.car-detail.part-detail .actions-row{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
}

body.part-detail-page .section.car-detail.part-detail .actions .btnx{
  width:100% !important;
  min-height:52px !important;
  padding:12px 14px !important;
  border-radius:20px !important;
  justify-content:center !important;
}

body.part-detail-page .section.car-detail.part-detail .actions-row .btnx{
  min-height:48px !important;
  gap:8px !important;
  font-size:14px !important;
}

body.part-detail-page .section.car-detail.part-detail .meta{
  order:4 !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:8px !important;
  margin:0 !important;
}

body.part-detail-page .section.car-detail.part-detail .specs{
  order:5 !important;
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:10px !important;
  margin:0 !important;
}

body.part-detail-page .section.car-detail.part-detail .seller{
  order:6 !important;
  margin-top:2px !important;
  padding:18px !important;
  border-radius:22px !important;
  background:#fff !important;
  border:1px solid rgba(233,135,67,.12) !important;
}

body.part-detail-page .part-description .desc .text{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
  padding:4px 0 0 !important;
  color:#5c5148 !important;
  font-size:16px !important;
  line-height:1.65 !important;
}

body.part-detail-page .part-compatibility h3,
body.part-detail-page .part-delivery h3{
  margin:0 0 16px !important;
  font-size:24px !important;
  line-height:1.15 !important;
}

body.part-detail-page .part-info-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:10px !important;
}

body.part-detail-page .part-info-item{
  min-height:72px !important;
  padding:13px 14px !important;
  border-radius:16px !important;
  background:#fff8f1 !important;
  border:1px solid rgba(233,135,67,.12) !important;
}

body.part-detail-page .part-info-item span{
  display:block !important;
  margin-bottom:6px !important;
  color:#7d7168 !important;
  font-size:12px !important;
  line-height:1.3 !important;
}

body.part-detail-page .part-info-item strong{
  display:block !important;
  color:#17120d !important;
  font-size:15px !important;
  line-height:1.25 !important;
  overflow-wrap:anywhere !important;
}

body.part-detail-page .section.car-detail.part-detail #partMap{
  width:100% !important;
  min-height:300px !important;
  height:300px !important;
  border-radius:22px !important;
  overflow:hidden !important;
}

body.part-detail-page .section.car-detail.part-detail .location-empty{
  min-height:auto !important;
  padding:28px !important;
  border-radius:22px !important;
  text-align:left !important;
  justify-items:start !important;
}

body.part-detail-page .related-grid{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
}

@media (max-width:1100px){
  body.part-detail-page .section.car-detail.part-detail .cd-layout{
    grid-template-columns:1fr !important;
  }

  body.part-detail-page .section.car-detail.part-detail .cd-layout > .card.info{
    position:static !important;
  }
}

@media (max-width:720px){
  body.part-detail-page .section.car-detail.part-detail{
    padding:22px 14px calc(var(--appbar-h, 72px) + env(safe-area-inset-bottom) + 72px) !important;
  }

  body.part-detail-page .section.car-detail.part-detail .cd-layout{
    display:flex !important;
    flex-direction:column !important;
    gap:16px !important;
  }

  body.part-detail-page .section.car-detail.part-detail .cd-layout > div:first-child{
    display:contents !important;
  }

  body.part-detail-page .section.car-detail.part-detail .card.media{ order:1 !important; }
  body.part-detail-page .section.car-detail.part-detail .card.info{ order:2 !important; }
  body.part-detail-page .section.car-detail.part-detail .part-description{ order:3 !important; }
  body.part-detail-page .section.car-detail.part-detail .part-compatibility{ order:4 !important; }
  body.part-detail-page .section.car-detail.part-detail .part-delivery{ order:5 !important; }
  body.part-detail-page .section.car-detail.part-detail .location-box{ order:6 !important; }
  body.part-detail-page .related-section{ order:7 !important; }

  body.part-detail-page .section.car-detail.part-detail .card.media,
  body.part-detail-page .section.car-detail.part-detail .card.info,
  body.part-detail-page .section.car-detail.part-detail .detail-panel,
  body.part-detail-page .section.car-detail.part-detail .location-box,
  body.part-detail-page .related-section{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
  }

  body.part-detail-page .section.car-detail.part-detail #partMainImage.media-main-image{
    height:280px !important;
    border-radius:24px !important;
  }

  body.part-detail-page .section.car-detail.part-detail .card.info{
    padding:18px !important;
    border-radius:24px !important;
  }

  body.part-detail-page .section.car-detail.part-detail .title-row h1{
    font-size:27px !important;
    line-height:1.08 !important;
  }

  body.part-detail-page .section.car-detail.part-detail .price{
    min-height:56px !important;
    font-size:34px !important;
  }

  body.part-detail-page .section.car-detail.part-detail .meta,
  body.part-detail-page .section.car-detail.part-detail .specs,
  body.part-detail-page .part-info-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  body.part-detail-page .section.car-detail.part-detail .meta{
    display:grid !important;
  }

  body.part-detail-page .section.car-detail.part-detail .meta .chip{
    width:100% !important;
    justify-content:center !important;
    text-align:center !important;
  }

  body.part-detail-page .section.car-detail.part-detail .actions-row{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  body.part-detail-page .section.car-detail.part-detail .actions-row .btnx{
    min-height:46px !important;
    padding:9px 8px !important;
    font-size:13px !important;
  }

  body.part-detail-page .section.car-detail.part-detail #partMap{
    min-height:240px !important;
    height:240px !important;
  }

  body.part-detail-page .related-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  body.part-detail-page .related-card{
    display:grid !important;
    grid-template-columns:112px minmax(0, 1fr) !important;
    min-height:132px !important;
    border-radius:18px !important;
    overflow:hidden !important;
  }

  body.part-detail-page .related-card__img{
    height:100% !important;
    min-height:132px !important;
    aspect-ratio:auto !important;
  }

  body.part-detail-page .related-card__img img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
  }

  body.part-detail-page .related-card__body{
    padding:12px !important;
    min-width:0 !important;
  }
}

/* Part detail product-photo and related-card polish */
body.part-detail-page .part-gallery-main{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:500px !important;
  isolation:isolate !important;
}

body.part-detail-page .part-gallery-bg{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  filter:blur(24px) saturate(.9) opacity(.28) !important;
  transform:scale(1.08) !important;
  z-index:0 !important;
}

body.part-detail-page .part-gallery-main .media-main-image{
  position:relative !important;
  z-index:1 !important;
}

body.part-detail-page .part-photo-placeholder{
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  place-items:center !important;
  align-content:center !important;
  gap:10px !important;
  color:#d87431 !important;
  background:
    radial-gradient(circle at 50% 38%, rgba(233,135,67,.14), transparent 34%),
    linear-gradient(180deg, #fff8f1, #fffaf4) !important;
  z-index:0 !important;
}

body.part-detail-page .part-photo-placeholder span{
  width:64px !important;
  height:64px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:20px !important;
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  color:#fff !important;
  font-weight:900 !important;
  box-shadow:0 18px 34px rgba(233,135,67,.22) !important;
}

body.part-detail-page .part-photo-placeholder strong{
  color:#17120d !important;
  font-size:18px !important;
}

body.part-detail-page .section.car-detail.part-detail .btnx:disabled{
  opacity:.68 !important;
  cursor:not-allowed !important;
  color:#7d7168 !important;
  background:#fff8f1 !important;
}

body.part-detail-page .related-grid:has(.related-card:first-child:last-child){
  grid-template-columns:minmax(0, 390px) !important;
}

body.part-detail-page .related-grid:has(.related-card:first-child:nth-last-child(2)){
  grid-template-columns:repeat(2, minmax(0, 390px)) !important;
}

body.part-detail-page .related-card__meta{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:6px !important;
}

body.part-detail-page .related-card__meta span{
  display:inline-flex !important;
  align-items:center !important;
  min-height:28px !important;
  padding:5px 8px !important;
  border-radius:999px !important;
}

body.part-detail-page .related-card__loc{
  color:#7d7168 !important;
  font-size:13px !important;
  line-height:1.35 !important;
}

body.part-detail-page .related-card__cta{
  margin-top:auto !important;
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:14px !important;
}

@media (max-width:720px){
  body.part-detail-page .part-gallery-main{
    min-height:280px !important;
  }

  body.part-detail-page .part-gallery-bg{
    filter:blur(18px) saturate(.9) opacity(.24) !important;
  }

  body.part-detail-page .related-grid:has(.related-card:first-child:last-child),
  body.part-detail-page .related-grid:has(.related-card:first-child:nth-last-child(2)){
    grid-template-columns:1fr !important;
  }

body.part-detail-page .related-card__cta{
    width:100% !important;
    min-height:34px !important;
    font-size:12px !important;
  }
}

/* Car detail: remove remaining lilac accents */
body.car-detail-page{
  --cd-used-bg:rgba(233,135,67,.10) !important;
  --cd-used:#d87431 !important;
  --cd-card-2:#fff8f1 !important;
  --cd-page:#fffaf4 !important;
  --cd-page-2:#f7f2eb !important;
}

body.car-detail-page .car-detail,
body.car-detail-page .section.car-detail{
  background:
    radial-gradient(900px 380px at -10% 0%, rgba(240,161,94,.08), transparent 58%),
    radial-gradient(700px 320px at 110% 10%, rgba(233,135,67,.06), transparent 54%),
    linear-gradient(180deg, #fffaf4 0%, #fff 22%, #fffaf4 100%) !important;
}

body.car-detail-page .media-zoom-btn,
body.car-detail-page .badge.used,
body.car-detail-page .detail-badge,
body.car-detail-page .seller-rating__count,
body.car-detail-page .seller-trust__score,
body.car-detail-page .chip,
body.car-detail-page .similar-card__meta span{
  background:#fdeede !important;
  border-color:rgba(233,135,67,.16) !important;
  color:#d87431 !important;
}

body.car-detail-page .badge.new,
body.car-detail-page .similar-card__badge{
  background:rgba(233,135,67,.12) !important;
  border-color:rgba(233,135,67,.16) !important;
  color:#d87431 !important;
}

body.car-detail-page .image-lightbox__backdrop{
  background:rgba(31,23,18,.72) !important;
}

body.car-detail-page .image-lightbox__dialog,
body.car-detail-page .image-lightbox__nav,
body.car-detail-page .image-lightbox__close{
  background:#fffaf4 !important;
  color:#d87431 !important;
}

body.car-detail-page .media-thumb.active,
body.car-detail-page .media-thumb.is-active{
  border-color:#e98743 !important;
  box-shadow:0 0 0 3px rgba(233,135,67,.12) !important;
}

body.car-detail-page .trust-stars__base{
  color:rgba(233,135,67,.20) !important;
}

body.car-detail-page .trust-stars__fill,
body.car-detail-page .seller-trust--dealer strong,
body.car-detail-page .seller-trust--online strong{
  color:#e98743 !important;
}

body.car-detail-page .seller-trust__dot{
  box-shadow:0 0 0 4px rgba(233,135,67,.08) !important;
}

body.car-detail-page .seller-trust--recent strong{
  color:#d87431 !important;
}

body.car-detail-page .seller-trust--recent .seller-trust__dot{
  background:#e98743 !important;
}

/* Spares catalog family final layout pass */
.spares-page,
body.parts-new .section[data-part-condition="new"],
body.parts-used .parts-used-page,
body.break-page .section{
  width:100% !important;
  max-width:1400px !important;
  margin:0 auto !important;
  padding:32px 24px 84px !important;
  background:transparent !important;
  box-shadow:none !important;
}

.spares-page > .container,
body.parts-new .section[data-part-condition="new"] > .container,
body.parts-used .parts-used-page > .container{
  width:100% !important;
  max-width:none !important;
  padding:0 !important;
}

.spares-page .hero,
body.parts-new .info-card,
body.parts-used .info-card,
body.break-page .info-card,
body.parts-new .filters.filters-ui,
body.parts-used .filters.filters-ui,
body.break-page .filters.filters-ui,
body.parts-new .catalog-empty,
body.parts-used .catalog-empty,
body.break-page .catalog-empty{
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,250,244,.98)) !important;
  border:1px solid rgba(233,135,67,.14) !important;
  border-radius:28px !important;
  box-shadow:0 18px 46px rgba(45,28,16,.08) !important;
}

.spares-page .breadcrumbs,
body.parts-new .breadcrumbs,
body.parts-used .breadcrumbs,
body.break-page .breadcrumbs{
  margin:0 0 12px !important;
  color:#7d7168 !important;
  font-weight:900 !important;
}

.spares-page .breadcrumbs a,
body.parts-new .breadcrumbs a,
body.parts-used .breadcrumbs a,
body.break-page .breadcrumbs a{
  color:#d87431 !important;
  font-weight:900 !important;
}

.spares-page .hero{
  margin:0 0 24px !important;
  padding:26px !important;
}

.spares-page .service-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
}

.spares-page .service-card{
  min-height:280px !important;
  padding:24px !important;
  border-radius:28px !important;
  box-shadow:0 20px 48px rgba(45,28,16,.10) !important;
}

.spares-page .service-card h3{
  font-size:26px !important;
}

.spares-page .service-card p{
  max-width:300px !important;
  font-size:15px !important;
  line-height:1.4 !important;
}

body.parts-new .mode-switch,
body.parts-used .mode-switch,
body.break-page .mode-switch{
  width:max-content !important;
  max-width:100% !important;
  min-height:0 !important;
  margin:0 0 24px !important;
  padding:8px !important;
  border-radius:26px !important;
  background:#fffaf4 !important;
  border:1px solid rgba(233,135,67,.14) !important;
  box-shadow:0 16px 38px rgba(45,28,16,.08) !important;
}

body.parts-new .mode-btn,
body.parts-used .mode-btn,
body.break-page .mode-btn{
  min-height:54px !important;
  height:54px !important;
  padding:0 24px !important;
  border-radius:18px !important;
  color:#d87431 !important;
  background:transparent !important;
  border:1px solid transparent !important;
  font-size:16px !important;
  font-weight:1000 !important;
}

body.parts-new .mode-btn.active,
body.parts-used .mode-btn.active,
body.break-page .mode-btn.active{
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  color:#fff !important;
  box-shadow:0 14px 28px rgba(233,135,67,.20) !important;
}

body.parts-new .filters.filters-ui,
body.parts-used .filters.filters-ui,
body.break-page .filters.filters-ui{
  padding:24px !important;
}

body.parts-new .filters-ui .filters-top,
body.parts-used .filters-ui .filters-top,
body.break-page .filters-top{
  display:grid !important;
  grid-template-columns:minmax(190px, 1.1fr) minmax(240px, 1.35fr) minmax(140px, .72fr) minmax(140px, .72fr) minmax(180px, 220px) !important;
  gap:16px !important;
  align-items:end !important;
}

body.parts-new .filters-ui .filters-more,
body.parts-used .filters-ui .filters-more,
body.break-page .filters-more{
  margin-top:16px !important;
  padding:18px !important;
  border-radius:22px !important;
  background:rgba(255,255,255,.76) !important;
  border:1px solid rgba(233,135,67,.10) !important;
}

body.parts-new .filters-ui .filters-more-grid,
body.parts-used .filters-ui .filters-more-grid,
body.break-page .filters-more-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:14px !important;
}

body.parts-new .filters-ui .filter-item input,
body.parts-new .filters-ui .filter-item select,
body.parts-used .filters-ui .filter-item input,
body.parts-used .filters-ui .filter-item select,
body.break-page .filter-item input,
body.break-page .filter-item select{
  height:58px !important;
  border-radius:18px !important;
  background:#fff !important;
  border:1px solid rgba(233,135,67,.14) !important;
  color:#17120d !important;
  box-shadow:none !important;
}

body.parts-new .filters-ui .filter-item input:focus,
body.parts-new .filters-ui .filter-item select:focus,
body.parts-used .filters-ui .filter-item input:focus,
body.parts-used .filters-ui .filter-item select:focus,
body.break-page .filter-item input:focus,
body.break-page .filter-item select:focus{
  border-color:rgba(233,135,67,.38) !important;
  box-shadow:0 0 0 5px rgba(233,135,67,.10) !important;
}

body.parts-new .filters-ui .btn-show,
body.parts-used .filters-ui .btn-show,
body.break-page .btn-show,
body.parts-new .filters-ui .btn-save,
body.parts-used .filters-ui .btn-save,
body.break-page .btn-save{
  min-height:58px !important;
  height:58px !important;
  border-radius:20px !important;
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  color:#fff !important;
  font-size:17px !important;
  font-weight:1000 !important;
  box-shadow:0 16px 34px rgba(233,135,67,.22) !important;
}

body.parts-new .filters-ui .btn-reset,
body.parts-used .filters-ui .btn-reset,
body.break-page .btn-reset{
  min-width:160px !important;
  min-height:54px !important;
  height:54px !important;
  border-radius:18px !important;
  background:#fffaf4 !important;
  border:1px solid rgba(233,135,67,.14) !important;
  color:#d87431 !important;
  font-size:16px !important;
  font-weight:1000 !important;
}

body.parts-new .filters-ui .filters-toggle,
body.parts-used .filters-ui .filters-toggle,
body.break-page .filters-toggle{
  width:max-content !important;
  min-width:0 !important;
  min-height:50px !important;
  margin-top:16px !important;
  padding:0 18px !important;
  border-radius:18px !important;
  background:#fff1e6 !important;
  border:1px solid rgba(233,135,67,.18) !important;
  color:#d87431 !important;
}

body.parts-new .filters-ui .filters-toggle .chev,
body.parts-used .filters-ui .filters-toggle .chev,
body.break-page .filters-toggle .chev{
  border-top-color:#d87431 !important;
}

body.parts-new .catalog-topbar,
body.parts-used .catalog-topbar,
body.break-page .catalog-topbar{
  width:100% !important;
  margin:24px 0 22px !important;
  padding:18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  background:#fff !important;
  border:1px solid rgba(233,135,67,.10) !important;
  border-radius:0 !important;
  box-shadow:0 16px 36px rgba(45,28,16,.06) !important;
}

body.parts-new .catalog-topbar:has(.catalog-topbar__left .results-count:empty){
  width:100% !important;
}

body.parts-new .catalog-topbar__right,
body.parts-used .catalog-topbar__right,
body.break-page .catalog-topbar__right{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:14px !important;
  flex:0 1 auto !important;
  min-width:0 !important;
}

body.parts-new .catalog-view-switch,
body.parts-used .catalog-view-switch,
body.break-page .catalog-view-switch{
  display:flex !important;
  gap:10px !important;
  flex:0 0 auto !important;
  width:auto !important;
}

body.parts-new .catalog-view-switch__btn,
body.parts-used .catalog-view-switch__btn,
body.break-page .catalog-view-switch__btn{
  min-width:118px !important;
  height:52px !important;
  padding:0 18px !important;
  border-radius:18px !important;
  color:#d87431 !important;
  background:#fffaf4 !important;
  border:1px solid rgba(233,135,67,.14) !important;
  font-size:16px !important;
  font-weight:1000 !important;
}

body.parts-new .catalog-view-switch__btn.is-active,
body.parts-used .catalog-view-switch__btn.is-active,
body.break-page .catalog-view-switch__btn.is-active{
  background:#D85A30 !important;
  border-color:#D85A30 !important;
  color:#fff !important;
}

body.parts-new .catalog-sort-group,
body.parts-used .catalog-sort-group,
body.break-page .catalog-sort-group{
  min-height:58px !important;
  padding:6px 8px 6px 16px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex:0 0 auto !important;
  border-radius:24px !important;
  background:#fffaf4 !important;
  border:1px solid rgba(233,135,67,.14) !important;
  box-shadow:none !important;
}

body.parts-new .catalog-topbar__right select,
body.parts-used .catalog-topbar__right select,
body.break-page .catalog-topbar__right select,
body.parts-new .catalog-sort-group .sort-select,
body.parts-used .catalog-sort-group .sort-select,
body.break-page .catalog-sort-group .sort-select{
  width:300px !important;
  max-width:300px !important;
  height:46px !important;
  border-radius:18px !important;
  background:#fff !important;
  border:1px solid rgba(233,135,67,.12) !important;
  color:#17120d !important;
  font-weight:900 !important;
}

body.parts-new .latest-grid[data-view="tile"],
body.parts-used .latest-grid[data-view="tile"],
body.break-page .break-grid[data-view="tile"],
body.parts-new .latest-grid,
body.parts-used .latest-grid,
body.break-page .break-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
}

body.parts-new .car-card,
body.parts-used .car-card,
body.break-page .break-card{
  height:100% !important;
  border-radius:24px !important;
  background:linear-gradient(180deg, #fff, #fffaf4) !important;
  border:1px solid rgba(233,135,67,.12) !important;
  box-shadow:0 18px 42px rgba(45,28,16,.08) !important;
}

body.parts-new .car-card:hover,
body.parts-used .car-card:hover,
body.break-page .break-card:hover{
  box-shadow:0 22px 48px rgba(45,28,16,.12) !important;
  border-color:rgba(233,135,67,.20) !important;
}

body.parts-new .car-card__img,
body.parts-used .car-card__img,
body.break-page .break-photo{
  height:210px !important;
  background:#fff7ef !important;
}

body.parts-new .car-card__img img,
body.parts-used .car-card__img img,
body.break-page .break-photo img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

body.parts-new .fav-btn,
body.parts-used .fav-btn{
  position:absolute !important;
  top:12px !important;
  right:12px !important;
  width:42px !important;
  height:42px !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
  border:1px solid rgba(233,135,67,.16) !important;
  background:rgba(255,250,244,.94) !important;
  color:#e98743 !important;
  box-shadow:0 10px 22px rgba(45,28,16,.10) !important;
}

body.parts-new .meta-item i,
body.parts-used .meta-item i,
body.break-page .break-city i{
  color:#e98743 !important;
}

@media (max-width:1100px){
  .spares-page .service-grid,
  body.parts-new .latest-grid[data-view="tile"],
  body.parts-used .latest-grid[data-view="tile"],
  body.break-page .break-grid[data-view="tile"],
  body.parts-new .latest-grid,
  body.parts-used .latest-grid,
  body.break-page .break-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  body.parts-new .filters-ui .filters-top,
  body.parts-used .filters-ui .filters-top,
  body.break-page .filters-top,
  body.parts-new .filters-ui .filters-more-grid,
  body.parts-used .filters-ui .filters-more-grid,
  body.break-page .filters-more-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  body.parts-new .filters-ui .btn-show,
  body.parts-used .filters-ui .btn-show,
  body.break-page .btn-show{
    grid-column:1 / -1 !important;
  }
}

@media (max-width:760px){
  .spares-page,
  body.parts-new .section[data-part-condition="new"],
  body.parts-used .parts-used-page,
  body.break-page .section{
    padding:18px 12px calc(var(--appbar-h, 72px) + 88px) !important;
  }

  .spares-page .hero{
    padding:20px 18px !important;
    border-radius:24px !important;
  }

  .spares-page .hero h1,
  body.parts-new .section h1,
  body.parts-used .parts-used-page h1,
  body.break-page h1{
    font-size:28px !important;
    line-height:1.08 !important;
  }

  .spares-page .service-grid,
  body.parts-new .latest-grid[data-view="tile"],
  body.parts-used .latest-grid[data-view="tile"],
  body.break-page .break-grid[data-view="tile"],
  body.parts-new .latest-grid,
  body.parts-used .latest-grid,
  body.break-page .break-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  .spares-page .service-card{
    height:138px !important;
    min-height:138px !important;
    padding:14px !important;
    border-radius:20px !important;
  }

  body.parts-new .mode-switch,
  body.parts-used .mode-switch,
  body.break-page .mode-switch{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:8px !important;
  }

  body.parts-new .mode-btn,
  body.parts-used .mode-btn,
  body.break-page .mode-btn{
    width:100% !important;
    min-width:0 !important;
    padding:0 10px !important;
    font-size:14px !important;
  }

  body.parts-new .filters.filters-ui,
  body.parts-used .filters.filters-ui,
  body.break-page .filters.filters-ui{
    padding:16px !important;
    border-radius:24px !important;
  }

  body.parts-new .filters-ui .filters-top,
  body.parts-used .filters-ui .filters-top,
  body.break-page .filters-top,
  body.parts-new .filters-ui .filters-more-grid,
  body.parts-used .filters-ui .filters-more-grid,
  body.break-page .filters-more-grid{
    grid-template-columns:1fr !important;
  }

  body.parts-new .filters-ui .filters-bottom,
  body.parts-used .filters-ui .filters-bottom,
  body.break-page .filters-bottom{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  body.parts-new .filters-ui .btn-show,
  body.parts-used .filters-ui .btn-show,
  body.break-page .btn-show,
  body.parts-new .filters-ui .btn-reset,
  body.parts-used .filters-ui .btn-reset,
  body.break-page .btn-reset,
  body.parts-new .filters-ui .btn-save,
  body.parts-used .filters-ui .btn-save,
  body.break-page .btn-save{
    width:100% !important;
    min-width:0 !important;
  }

  body.parts-new .filters-ui .filters-toggle,
  body.parts-used .filters-ui .filters-toggle,
  body.break-page .filters-toggle{
    width:100% !important;
    justify-content:center !important;
  }

  body.parts-new .catalog-topbar,
  body.parts-used .catalog-topbar,
  body.break-page .catalog-topbar{
    display:grid !important;
    grid-template-columns:1fr !important;
    padding:14px !important;
    border-radius:0 !important;
  }

  body.parts-new .catalog-topbar__right,
  body.parts-used .catalog-topbar__right,
  body.break-page .catalog-topbar__right{
    width:100% !important;
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  body.parts-new .catalog-view-switch,
  body.parts-used .catalog-view-switch,
  body.break-page .catalog-view-switch{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }

  body.parts-new .catalog-view-switch__btn,
  body.parts-used .catalog-view-switch__btn,
  body.break-page .catalog-view-switch__btn{
    min-width:0 !important;
    width:100% !important;
    height:48px !important;
    padding:0 8px !important;
    font-size:14px !important;
  }

  body.parts-new .catalog-sort-group,
  body.parts-used .catalog-sort-group,
  body.break-page .catalog-sort-group{
    width:100% !important;
    flex-direction:column !important;
    align-items:stretch !important;
    padding:12px !important;
  }

  body.parts-new .catalog-topbar__right select,
  body.parts-used .catalog-topbar__right select,
  body.break-page .catalog-topbar__right select,
  body.parts-new .catalog-sort-group .sort-select,
  body.parts-used .catalog-sort-group .sort-select,
  body.break-page .catalog-sort-group .sort-select{
    width:100% !important;
    max-width:100% !important;
  }

body.parts-new .car-card__img,
body.parts-used .car-card__img,
body.break-page .break-photo{
    height:190px !important;
  }
}

#profileDropdown .dropdown-content{
  width:260px !important;
  min-width:260px !important;
  max-width:min(320px, calc(100vw - 28px)) !important;
  padding:10px !important;
  top:calc(100% + 10px) !important;
  right:0 !important;
  border-radius:22px !important;
  overflow:hidden !important;
}

#profileDropdown .dropdown-content a{
  min-height:46px !important;
  padding:0 14px !important;
  border-radius:14px !important;
  font-size:17px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
}

@media (max-width:640px){
  #profileDropdown .dropdown-content{
    width:calc(100vw - 24px) !important;
    min-width:0 !important;
    right:-4px !important;
  }
}

body.parts-new .results-count:empty,
body.parts-used .results-count:empty{
  display:none !important;
  min-height:0 !important;
}

body.parts-new .catalog-topbar__left:has(.results-count:empty),
body.parts-used .catalog-topbar__left:has(.results-count:empty){
  display:none !important;
  min-width:0 !important;
}

body.parts-new .catalog-topbar:has(.catalog-topbar__left .results-count:empty),
body.parts-used .catalog-topbar:has(.catalog-topbar__left .results-count:empty){
  justify-content:flex-end !important;
}

/* Break add form: mirror add_part.php used form */
body.break-add-page{
  --break-brand:#e98743 !important;
  --break-brand-2:#f0a15e !important;
  --break-brand-dark:#17120d !important;
  --break-text:#17120d !important;
  --break-muted:#7d7168 !important;
  --break-muted-2:#9a8f86 !important;
  --break-line:rgba(233,135,67,.12) !important;
  --break-line-soft:rgba(233,135,67,.08) !important;
  --break-line-strong:rgba(233,135,67,.16) !important;
  --break-radius:28px !important;
  --break-field-radius:14px !important;
  --break-shadow:0 18px 44px rgba(120,74,36,.10) !important;
}

body.break-add-page .page-wrap{
  width:min(100%, 1280px) !important;
  max-width:1280px !important;
  margin:10px auto 72px !important;
  padding:0 24px !important;
  gap:20px !important;
}

body.break-add-page .top-shell{
  display:flex !important;
  align-items:center !important;
  justify-content:flex-start !important;
  margin:0 0 -8px !important;
}

body.break-add-page .breadcrumbs{
  color:#7d7168 !important;
  font-size:14px !important;
  font-weight:900 !important;
}

body.break-add-page .breadcrumbs a{
  color:#d87431 !important;
}

body.break-add-page .hero{
  margin:0 !important;
  min-height:auto !important;
  padding:24px 30px !important;
  border-radius:28px !important;
  display:flex !important;
  flex-direction:row !important;
  justify-content:space-between !important;
  align-items:flex-start !important;
  gap:18px !important;
  flex-wrap:wrap !important;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,248,241,.99)) !important;
  border:1px solid rgba(233,135,67,.12) !important;
  box-shadow:0 18px 44px rgba(120,74,36,.10) !important;
}

body.break-add-page .hero-copy{
  max-width:760px !important;
  min-width:0 !important;
}

body.break-add-page .hero h1{
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:16px !important;
  color:#17120d !important;
  font-size:40px !important;
  line-height:1.04 !important;
  font-weight:950 !important;
  letter-spacing:0 !important;
}

body.break-add-page .hero-mark{
  width:52px !important;
  height:52px !important;
  border-radius:18px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(233,135,67,.10) !important;
  border:1px solid rgba(233,135,67,.14) !important;
  color:#d87431 !important;
  flex:0 0 auto !important;
}

body.break-add-page .hero-mark i{
  font-size:22px !important;
}

body.break-add-page .hero p{
  margin:10px 0 0 !important;
  color:#7d7168 !important;
  font-size:16px !important;
  line-height:1.45 !important;
  font-weight:800 !important;
}

body.break-add-page .hero-mode{
  display:flex !important;
  flex-wrap:wrap !important;
  align-items:center !important;
  gap:12px !important;
  margin-top:12px !important;
}

body.break-add-page .hero-mode__badge{
  display:inline-flex !important;
  align-items:center !important;
  min-height:40px !important;
  padding:0 14px !important;
  border-radius:999px !important;
  border:1px solid rgba(233,135,67,.14) !important;
  background:rgba(233,135,67,.08) !important;
  color:#d87431 !important;
  font-size:13px !important;
  font-weight:950 !important;
}

body.break-add-page .hero .actions{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  margin:0 0 0 auto !important;
  padding-top:2px !important;
}

body.break-add-page .btnx.danger,
body.break-add-page .form-tool-link,
body.break-add-page .btn-lite{
  min-height:40px !important;
  padding:0 15px !important;
  border-radius:999px !important;
  border:1px solid rgba(233,135,67,.14) !important;
  background:rgba(233,135,67,.06) !important;
  color:#d87431 !important;
  font-size:15px !important;
  font-weight:950 !important;
  box-shadow:none !important;
}

body.break-add-page .form-tools{
  display:flex !important;
  justify-content:flex-end !important;
  align-items:center !important;
  gap:10px !important;
  margin:-6px 0 2px !important;
}

body.break-add-page .form-card{
  border-radius:28px !important;
  padding:28px 34px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,248,241,.99)) !important;
  border:1px solid rgba(233,135,67,.12) !important;
  box-shadow:0 18px 44px rgba(120,74,36,.10) !important;
}

body.break-add-page .form-card__head{
  margin:0 0 20px !important;
}

body.break-add-page .form-card h2{
  margin:0 !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  color:#17120d !important;
  font-size:26px !important;
  line-height:1.1 !important;
  font-weight:950 !important;
}

body.break-add-page .section-index{
  min-height:28px !important;
  padding:0 10px !important;
  border-radius:999px !important;
  border:1px solid rgba(233,135,67,.14) !important;
  background:rgba(233,135,67,.08) !important;
  color:#d87431 !important;
  font-size:12px !important;
  font-weight:950 !important;
}

body.break-add-page .form-grid,
body.break-add-page .form-grid--main{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:18px 24px !important;
}

body.break-add-page .form-field label,
body.break-add-page .form-state legend{
  color:#17120d !important;
  font-size:14px !important;
  font-weight:950 !important;
}

body.break-add-page .form-field input,
body.break-add-page .form-field select{
  height:54px !important;
  min-height:54px !important;
  padding:0 18px !important;
}

body.break-add-page .form-field input,
body.break-add-page .form-field select,
body.break-add-page .form-field textarea{
  width:100% !important;
  border-radius:14px !important;
  border:1px solid rgba(233,135,67,.12) !important;
  background:rgba(255,255,255,.96) !important;
  color:#17120d !important;
  font-size:15px !important;
  font-weight:850 !important;
  outline:none !important;
}

body.break-add-page .form-field textarea{
  min-height:150px !important;
  padding:16px 18px !important;
  line-height:1.5 !important;
}

body.break-add-page .form-field input::placeholder,
body.break-add-page .form-field textarea::placeholder{
  color:rgba(31,23,18,.42) !important;
}

body.break-add-page .form-field input:focus,
body.break-add-page .form-field select:focus,
body.break-add-page .form-field textarea:focus{
  background:#fff !important;
  border-color:rgba(233,135,67,.34) !important;
  box-shadow:0 0 0 4px rgba(233,135,67,.10) !important;
}

body.break-add-page .chip{
  min-height:30px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(233,135,67,.10) !important;
  background:rgba(233,135,67,.07) !important;
  color:#d87431 !important;
  font-size:12px !important;
  font-weight:900 !important;
  box-shadow:none !important;
}

body.break-add-page .chip:hover,
body.break-add-page .chip.active{
  background:rgba(233,135,67,.13) !important;
  border-color:rgba(233,135,67,.18) !important;
  color:#d87431 !important;
  box-shadow:none !important;
}

body.break-add-page .state-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:10px !important;
}

body.break-add-page .form-state label{
  min-height:54px !important;
  border-radius:16px !important;
  border:1px solid rgba(233,135,67,.12) !important;
  background:rgba(255,255,255,.92) !important;
  color:#17120d !important;
}

body.break-add-page .location-dropdown{
  background:#fff !important;
  border:1px solid rgba(233,135,67,.12) !important;
  border-radius:18px !important;
  box-shadow:0 24px 60px rgba(120,74,36,.18) !important;
}

body.break-add-page #pickMap,
body.break-add-page #pickMap.leaflet-container{
  width:100% !important;
  height:430px !important;
  min-height:430px !important;
  border-radius:18px !important;
  border:1px solid rgba(233,135,67,.12) !important;
  background:#fff8f1 !important;
  overflow:hidden !important;
}

body.break-add-page .leaflet-control-zoom{
  border:0 !important;
  box-shadow:0 14px 28px rgba(120,74,36,.20) !important;
}

body.break-add-page .leaflet-control-zoom a{
  background:#fff !important;
  color:#d87431 !important;
  border-color:rgba(233,135,67,.14) !important;
}

body.break-add-page .description-layout{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:24px !important;
}

body.break-add-page .break-add .image-upload{
  min-height:230px !important;
  border-radius:18px !important;
  border:1px dashed rgba(233,135,67,.22) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,248,241,.99)) !important;
}

body.break-add-page .break-add .image-upload__icon{
  width:48px !important;
  height:48px !important;
  border-radius:16px !important;
  background:rgba(233,135,67,.10) !important;
  color:#d87431 !important;
}

body.break-add-page .sticky-submit{
  padding:20px 24px !important;
  border-radius:28px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,248,241,.99)) !important;
  border:1px solid rgba(233,135,67,.12) !important;
  box-shadow:0 18px 44px rgba(120,74,36,.10) !important;
}

body.break-add-page .submit-status strong{
  color:#17120d !important;
  font-size:14px !important;
}

body.break-add-page .submit-status span{
  color:#7d7168 !important;
}

body.break-add-page .btn-submit{
  min-width:min(100%, 360px) !important;
  height:58px !important;
  border:none !important;
  border-radius:999px !important;
  background:linear-gradient(135deg, #e98743, #f0a15e) !important;
  color:#fff !important;
  font-size:16px !important;
  font-weight:950 !important;
  box-shadow:0 18px 40px rgba(233,135,67,.18) !important;
}

body.break-add-page .btn-submit:hover{
  transform:translateY(-1px) !important;
  box-shadow:0 20px 44px rgba(233,135,67,.24) !important;
}

@media (max-width:900px){
  body.break-add-page .hero{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  body.break-add-page .hero .actions,
  body.break-add-page .btnx.danger{
    width:100% !important;
  }

  body.break-add-page .form-grid,
  body.break-add-page .form-grid--main,
  body.break-add-page .description-layout{
    grid-template-columns:1fr !important;
  }

  body.break-add-page .state-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  body.break-add-page .btn-submit{
    width:100% !important;
    min-width:0 !important;
  }
}

@media (max-width:640px){
  body.break-add-page .page-wrap{
    padding:0 12px !important;
    margin:12px auto 64px !important;
  }

  body.break-add-page .hero,
  body.break-add-page .form-card,
  body.break-add-page .sticky-submit{
    padding:20px !important;
    border-radius:22px !important;
  }

  body.break-add-page .hero h1{
    gap:12px !important;
    font-size:36px !important;
  }

  body.break-add-page .hero-mark{
    width:52px !important;
    height:52px !important;
  }

  body.break-add-page .state-grid{
    grid-template-columns:1fr !important;
  }

  body.break-add-page .form-tools{
    flex-direction:column !important;
    align-items:stretch !important;
  }

  body.break-add-page .form-tool-link{
    width:100% !important;
  }

  body.break-add-page #pickMap,
  body.break-add-page #pickMap.leaflet-container{
    height:320px !important;
    min-height:320px !important;
  }
}

/* Break catalog: remove only the wide result backplates */
body.break-page .catalog-topbar{
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

body.break-page .break-grid{
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

@media (max-width:640px){
  body.break-page .catalog-topbar{
    padding:0 !important;
  }
}

/* Catalog sizing: keep parts and break catalogs visually aligned */
body.parts-new .section[data-part-condition],
body.parts-used .parts-used-page,
body.break-page .section{
  max-width:1360px !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:24px !important;
  padding-right:24px !important;
}

body.parts-new .catalog-topbar,
body.parts-used .catalog-topbar,
body.break-page .catalog-topbar{
  width:100% !important;
  min-height:58px !important;
  margin:24px 0 22px !important;
  padding:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:18px !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

body.parts-new .catalog-topbar__left,
body.parts-used .catalog-topbar__left,
body.break-page .catalog-topbar__left{
  flex:1 1 auto !important;
  min-width:220px !important;
}

body.parts-new .results-count,
body.parts-used .results-count,
body.break-page .results-count{
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  color:#6f6863 !important;
  font-size:28px !important;
  line-height:1 !important;
  font-weight:950 !important;
}

body.parts-new .catalog-topbar__right,
body.parts-used .catalog-topbar__right,
body.break-page .catalog-topbar__right{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:12px !important;
  min-width:0 !important;
}

body.parts-new .catalog-view-switch,
body.parts-used .catalog-view-switch,
body.break-page .catalog-view-switch{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex:0 0 auto !important;
  width:auto !important;
}

body.parts-new .catalog-view-switch__btn,
body.parts-used .catalog-view-switch__btn,
body.break-page .catalog-view-switch__btn{
  width:126px !important;
  min-width:126px !important;
  height:56px !important;
  padding:0 16px !important;
  border-radius:20px !important;
  font-size:17px !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

body.parts-new .catalog-sort-group,
body.parts-used .catalog-sort-group,
body.break-page .catalog-sort-group{
  height:56px !important;
  min-height:56px !important;
  padding:6px 8px 6px 16px !important;
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex:0 0 auto !important;
  border-radius:22px !important;
}

body.parts-new .catalog-sort-group .sort-label,
body.parts-used .catalog-sort-group .sort-label,
body.break-page .catalog-sort-group .sort-label{
  white-space:nowrap !important;
  font-size:15px !important;
}

body.parts-new .catalog-topbar__right select,
body.parts-used .catalog-topbar__right select,
body.break-page .catalog-topbar__right select,
body.parts-new .catalog-sort-group .sort-select,
body.parts-used .catalog-sort-group .sort-select,
body.break-page .catalog-sort-group .sort-select{
  width:260px !important;
  max-width:260px !important;
  height:44px !important;
  border-radius:18px !important;
  font-size:16px !important;
}

body.parts-new .latest-grid[data-view="tile"],
body.parts-used .latest-grid[data-view="tile"],
body.break-page .break-grid[data-view="tile"],
body.parts-new .latest-grid,
body.parts-used .latest-grid,
body.break-page .break-grid{
  width:100% !important;
  padding:0 !important;
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:22px !important;
  align-items:stretch !important;
  background:transparent !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

body.parts-new .latest-grid .car-card,
body.parts-used .latest-grid .car-card,
body.break-page .break-grid .break-card{
  width:100% !important;
  min-width:0 !important;
  height:100% !important;
}

body.parts-new .car-card__img,
body.parts-used .car-card__img,
body.break-page .break-photo{
  height:210px !important;
}

@media (max-width:1100px){
  body.parts-new .section[data-part-condition],
  body.parts-used .parts-used-page,
  body.break-page .section{
    padding-left:18px !important;
    padding-right:18px !important;
  }

  body.parts-new .catalog-topbar,
  body.parts-used .catalog-topbar,
  body.break-page .catalog-topbar{
    align-items:flex-start !important;
    flex-direction:column !important;
  }

  body.parts-new .catalog-topbar__right,
  body.parts-used .catalog-topbar__right,
  body.break-page .catalog-topbar__right{
    width:100% !important;
    justify-content:flex-start !important;
    flex-wrap:wrap !important;
  }

  body.parts-new .latest-grid[data-view="tile"],
  body.parts-used .latest-grid[data-view="tile"],
  body.break-page .break-grid[data-view="tile"],
  body.parts-new .latest-grid,
  body.parts-used .latest-grid,
  body.break-page .break-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width:760px){
  body.parts-new .section[data-part-condition],
  body.parts-used .parts-used-page,
  body.break-page .section{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  body.parts-new .results-count,
  body.parts-used .results-count,
  body.break-page .results-count{
    min-height:0 !important;
    font-size:24px !important;
  }

  body.parts-new .catalog-topbar__right,
  body.parts-used .catalog-topbar__right,
  body.break-page .catalog-topbar__right{
    display:grid !important;
    grid-template-columns:1fr !important;
  }

  body.parts-new .catalog-view-switch,
  body.parts-used .catalog-view-switch,
  body.break-page .catalog-view-switch{
    width:100% !important;
    display:grid !important;
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }

  body.parts-new .catalog-view-switch__btn,
  body.parts-used .catalog-view-switch__btn,
  body.break-page .catalog-view-switch__btn{
    width:100% !important;
    min-width:0 !important;
    height:48px !important;
    padding:0 8px !important;
    font-size:14px !important;
  }

  body.parts-new .catalog-sort-group,
  body.parts-used .catalog-sort-group,
  body.break-page .catalog-sort-group{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    flex-direction:column !important;
    align-items:stretch !important;
    padding:12px !important;
  }

  body.parts-new .catalog-topbar__right select,
  body.parts-used .catalog-topbar__right select,
  body.break-page .catalog-topbar__right select,
  body.parts-new .catalog-sort-group .sort-select,
  body.parts-used .catalog-sort-group .sort-select,
  body.break-page .catalog-sort-group .sort-select{
    width:100% !important;
    max-width:100% !important;
  }

  body.parts-new .latest-grid[data-view="tile"],
  body.parts-used .latest-grid[data-view="tile"],
  body.break-page .break-grid[data-view="tile"],
  body.parts-new .latest-grid,
  body.parts-used .latest-grid,
  body.break-page .break-grid{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  body.parts-new .car-card__img,
  body.parts-used .car-card__img,
  body.break-page .break-photo{
    height:190px !important;
  }
}

body.break-page .break-grid[data-view="tile"]{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
}

body.break-page .break-grid[data-view="list"]{
  grid-template-columns:1fr !important;
  gap:14px !important;
}

body.break-page .break-grid[data-view="gallery"]{
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:20px !important;
}

body.break-page .break-grid[data-view="list"] .break-card{
  display:grid !important;
  grid-template-columns:minmax(280px, 36%) minmax(0, 1fr) !important;
  min-height:220px !important;
  height:auto !important;
}

body.break-page .break-grid[data-view="list"] .break-photo{
  width:100% !important;
  height:100% !important;
  min-height:220px !important;
}

body.break-page .break-grid[data-view="list"] .break-info{
  width:100% !important;
  min-width:0 !important;
  padding:22px 24px !important;
  justify-content:center !important;
}

body.break-page .break-grid[data-view="list"] .break-title{
  max-width:100% !important;
  font-size:24px !important;
  overflow-wrap:anywhere !important;
}

body.break-page .break-grid[data-view="gallery"] .break-photo{
  height:300px !important;
}

body.break-page .break-grid[data-view="gallery"] .break-info{
  min-height:130px !important;
}

body.break-page .break-grid[data-view="gallery"] .break-title{
  font-size:16px !important;
}

@media (max-width:1100px){
  body.break-page .break-grid[data-view="tile"],
  body.break-page .break-grid[data-view="gallery"]{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }

  body.break-page .break-grid[data-view="list"]{
    grid-template-columns:1fr !important;
  }
}

@media (max-width:760px){
  body.break-page .break-grid[data-view="tile"],
  body.break-page .break-grid[data-view="list"],
  body.break-page .break-grid[data-view="gallery"]{
    grid-template-columns:1fr !important;
  }

  body.break-page .break-grid[data-view="list"] .break-card{
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
  }

  body.break-page .break-grid[data-view="list"] .break-photo,
  body.break-page .break-grid[data-view="gallery"] .break-photo{
    height:190px !important;
    min-height:190px !important;
  }

  body.break-page .break-grid[data-view="list"] .break-info{
    padding:16px !important;
  }

  body.break-page .break-grid[data-view="list"] .break-title{
    font-size:19px !important;
  }
}

#catalog .filters-card,
#usedCatalog .filters-card,
#catalog .filters-ui,
#usedCatalog .filters-ui,
#catalog .filters-top,
#usedCatalog .filters-top,
#catalog .filter-item,
#usedCatalog .filter-item,
#catalog .brand-autocomplete,
#usedCatalog .brand-autocomplete,
#catalog .model-autocomplete,
#usedCatalog .model-autocomplete{
  overflow:visible !important;
}

#catalog .brand-autocomplete,
#usedCatalog .brand-autocomplete,
#catalog .model-autocomplete,
#usedCatalog .model-autocomplete{
  position:relative !important;
  z-index:30 !important;
}

#catalog .brand-autocomplete .catalog-car-brand-preview,
#usedCatalog .brand-autocomplete .catalog-car-brand-preview{
  position:absolute !important;
  left:16px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:3 !important;
  display:grid !important;
  place-items:center !important;
  width:38px !important;
  height:38px !important;
  border-radius:13px !important;
  background:#fff1e6 !important;
  border:1px solid rgba(23,58,52,.18) !important;
  overflow:hidden !important;
  pointer-events:none !important;
}

#catalog .brand-autocomplete .catalog-car-brand-preview::before,
#usedCatalog .brand-autocomplete .catalog-car-brand-preview::before{
  content:attr(data-initials) !important;
  position:absolute !important;
  inset:0 !important;
  display:grid !important;
  place-items:center !important;
  color:#173a34 !important;
  font-size:13px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

#catalog .brand-autocomplete .catalog-car-brand-preview:has(img)::before,
#usedCatalog .brand-autocomplete .catalog-car-brand-preview:has(img)::before{
  content:none !important;
  display:none !important;
}

#catalog .brand-autocomplete .catalog-car-brand-preview img,
#usedCatalog .brand-autocomplete .catalog-car-brand-preview img{
  width:28px !important;
  height:28px !important;
  max-width:28px !important;
  max-height:28px !important;
  display:block !important;
  object-fit:contain !important;
  position:relative !important;
  z-index:1 !important;
}

#catalog .brand-autocomplete #brandInput,
#usedCatalog .brand-autocomplete #brandInput{
  padding-left:68px !important;
}

#catalog .brand-autocomplete:focus-within,
#usedCatalog .brand-autocomplete:focus-within,
#catalog .model-autocomplete:focus-within,
#usedCatalog .model-autocomplete:focus-within{
  z-index:120 !important;
}

#catalog .brand-autocomplete .suggest-list,
#usedCatalog .brand-autocomplete .suggest-list,
#catalog .model-autocomplete .suggest-list,
#usedCatalog .model-autocomplete .suggest-list{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:calc(100% + 8px) !important;
  z-index:140 !important;
  max-height:320px !important;
  overflow:auto !important;
  padding:8px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,248,241,.98)) !important;
  border:1px solid rgba(233,135,67,.18) !important;
  border-radius:18px !important;
  box-shadow:0 22px 52px rgba(45,28,16,.16) !important;
}

.add-part .suggest-list .brand-option,
.add-car .suggest-list .brand-option,
body.parts-new .catalog-brand-autocomplete .suggest-list .brand-option,
body.parts-used .catalog-brand-autocomplete .suggest-list .brand-option,
#catalog .suggest-list .brand-option,
#usedCatalog .suggest-list .brand-option{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  width:100% !important;
  min-width:0 !important;
}

.add-part .suggest-list .brand-option__logo,
.add-car .suggest-list .brand-option__logo,
body.parts-new .catalog-brand-autocomplete .suggest-list .brand-option__logo,
body.parts-used .catalog-brand-autocomplete .suggest-list .brand-option__logo,
#catalog .suggest-list .brand-option__logo,
#usedCatalog .suggest-list .brand-option__logo{
  width:38px !important;
  height:38px !important;
  min-width:38px !important;
  flex:0 0 38px !important;
  display:grid !important;
  place-items:center !important;
  overflow:hidden !important;
  border-radius:12px !important;
  background:#fffaf4 !important;
  border:1px solid rgba(23,58,52,.18) !important;
}

.add-part .suggest-list .brand-option__logo img,
.add-car .suggest-list .brand-option__logo img,
body.parts-new .catalog-brand-autocomplete .suggest-list .brand-option__logo img,
body.parts-used .catalog-brand-autocomplete .suggest-list .brand-option__logo img,
#catalog .suggest-list .brand-option__logo img,
#usedCatalog .suggest-list .brand-option__logo img{
  display:block !important;
  width:28px !important;
  height:28px !important;
  max-width:28px !important;
  max-height:28px !important;
  object-fit:contain !important;
}

.add-part .suggest-list .brand-option__name,
.add-car .suggest-list .brand-option__name,
body.parts-new .catalog-brand-autocomplete .suggest-list .brand-option__name,
body.parts-used .catalog-brand-autocomplete .suggest-list .brand-option__name,
#catalog .suggest-list .brand-option__name,
#usedCatalog .suggest-list .brand-option__name{
  min-width:0 !important;
  flex:1 1 auto !important;
  color:#17120d !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1.2 !important;
}

/* Catalog final sizing */
#catalog .catalog-head.catalog-topbar,
#usedCatalog .catalog-head.catalog-topbar,
body.parts-new .catalog-topbar,
body.parts-used .catalog-topbar,
body.break-page .catalog-topbar{
  min-height:0 !important;
  padding:0 !important;
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

#catalog .catalog-count,
#usedCatalog .catalog-count,
body.parts-new .results-count,
body.parts-used .results-count,
body.break-page .results-count{
  min-width:180px !important;
  font-size:28px !important;
  line-height:1.15 !important;
  color:#6f665f !important;
}

.catalog-view-switch__btn{
  min-height:56px !important;
  min-width:128px !important;
  padding:0 26px !important;
  border-radius:22px !important;
  font-size:17px !important;
}

#catalog .catalog-sort-group,
#usedCatalog .catalog-sort-group,
body.parts-new .catalog-sort-group,
body.parts-used .catalog-sort-group,
body.break-page .catalog-sort-group{
  min-height:56px !important;
  padding:6px 8px 6px 18px !important;
  border-radius:24px !important;
}

#catalog .catalog-sort-group .sort-select,
#usedCatalog .catalog-sort-group .sort-select,
body.parts-new .catalog-sort-group .sort-select,
body.parts-used .catalog-sort-group .sort-select,
body.break-page .catalog-sort-group .sort-select{
  height:46px !important;
  min-width:260px !important;
  width:260px !important;
  border-radius:18px !important;
}

@media (min-width:1181px){
  #catalog .cars-grid[data-view="tile"],
  #usedCatalog .cars-grid[data-view="tile"],
  body.parts-new .latest-grid[data-view="tile"],
  body.parts-used .latest-grid[data-view="tile"],
  body.break-page .break-grid[data-view="tile"],
  #catalog .cars-grid[data-view="gallery"],
  #usedCatalog .cars-grid[data-view="gallery"],
  body.parts-new .latest-grid[data-view="gallery"],
  body.parts-used .latest-grid[data-view="gallery"],
  body.break-page .break-grid[data-view="gallery"]{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  }
}

#catalog .cars-grid[data-view="list"],
#usedCatalog .cars-grid[data-view="list"],
body.parts-new .latest-grid[data-view="list"],
body.parts-used .latest-grid[data-view="list"],
body.break-page .break-grid[data-view="list"]{
  grid-template-columns:1fr !important;
}

#catalog .car-card,
#usedCatalog .car-card,
body.parts-new .car-card,
body.parts-used .car-card,
body.break-page .break-card{
  min-width:0 !important;
}

body.parts-new .car-card__img,
body.parts-new .car-card__photo,
body.parts-used .car-card__img,
body.parts-used .car-card__photo{
  height:240px !important;
}

body.parts-new .car-card__body,
body.parts-used .car-card__body{
  min-height:220px !important;
  padding:22px 24px 24px !important;
}

body.parts-new .car-title,
body.parts-used .car-title{
  min-height:0 !important;
  margin-bottom:16px !important;
  font-size:22px !important;
}

body.parts-new .price-big,
body.parts-used .price-big{
  margin:0 0 14px !important;
  font-size:26px !important;
}

body.parts-new .meta-grid,
body.parts-used .meta-grid{
  gap:10px !important;
  font-size:16px !important;
}

body.parts-new .latest-grid[data-view="list"] .car-card,
body.parts-used .latest-grid[data-view="list"] .car-card{
  display:grid !important;
  grid-template-columns:320px minmax(0, 1fr) !important;
  min-height:240px !important;
}

body.parts-new .latest-grid[data-view="list"] .car-card__img,
body.parts-used .latest-grid[data-view="list"] .car-card__img{
  height:100% !important;
  min-height:240px !important;
}

body.parts-new .latest-grid[data-view="list"] .car-card__body,
body.parts-used .latest-grid[data-view="list"] .car-card__body{
  min-height:0 !important;
}

body.parts-new .latest-grid[data-view="gallery"] .car-card__img,
body.parts-used .latest-grid[data-view="gallery"] .car-card__img,
body.break-page .break-grid[data-view="gallery"] .break-photo{
  height:300px !important;
}

body.break-page .break-photo{
  height:230px !important;
}

body.break-page .break-info{
  min-height:210px !important;
  padding:22px 24px 24px !important;
}

body.break-page .break-title{
  font-size:22px !important;
}

@media (max-width:1180px){
  #catalog .cars-grid[data-view="tile"],
  #usedCatalog .cars-grid[data-view="tile"],
  body.parts-new .latest-grid[data-view="tile"],
  body.parts-used .latest-grid[data-view="tile"],
  body.break-page .break-grid[data-view="tile"],
  #catalog .cars-grid[data-view="gallery"],
  #usedCatalog .cars-grid[data-view="gallery"],
  body.parts-new .latest-grid[data-view="gallery"],
  body.parts-used .latest-grid[data-view="gallery"],
  body.break-page .break-grid[data-view="gallery"]{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width:760px){
  #catalog .catalog-count,
  #usedCatalog .catalog-count,
  body.parts-new .results-count,
  body.parts-used .results-count,
  body.break-page .results-count{
    min-width:0 !important;
    font-size:24px !important;
  }

  .catalog-view-switch__btn{
    min-width:0 !important;
    flex:1 1 0 !important;
    min-height:50px !important;
    padding:0 12px !important;
    font-size:15px !important;
  }

  #catalog .catalog-sort-group .sort-select,
  #usedCatalog .catalog-sort-group .sort-select,
  body.parts-new .catalog-sort-group .sort-select,
  body.parts-used .catalog-sort-group .sort-select,
  body.break-page .catalog-sort-group .sort-select{
    width:100% !important;
    min-width:0 !important;
  }

  #catalog .cars-grid[data-view="tile"],
  #usedCatalog .cars-grid[data-view="tile"],
  body.parts-new .latest-grid[data-view="tile"],
  body.parts-used .latest-grid[data-view="tile"],
  body.break-page .break-grid[data-view="tile"],
  #catalog .cars-grid[data-view="gallery"],
  #usedCatalog .cars-grid[data-view="gallery"],
  body.parts-new .latest-grid[data-view="gallery"],
  body.parts-used .latest-grid[data-view="gallery"],
  body.break-page .break-grid[data-view="gallery"]{
    grid-template-columns:1fr !important;
  }

  body.parts-new .latest-grid[data-view="list"] .car-card,
  body.parts-used .latest-grid[data-view="list"] .car-card{
    display:flex !important;
    flex-direction:column !important;
    min-height:0 !important;
  }

  body.parts-new .car-card__img,
  body.parts-new .car-card__photo,
  body.parts-used .car-card__img,
  body.parts-used .car-card__photo,
  body.parts-new .latest-grid[data-view="list"] .car-card__img,
  body.parts-used .latest-grid[data-view="list"] .car-card__img{
    height:190px !important;
    min-height:190px !important;
  }

  body.parts-new .car-card__body,
  body.parts-used .car-card__body,
  body.break-page .break-info{
    min-height:0 !important;
    padding:16px !important;
  }

  body.parts-new .car-title,
  body.parts-used .car-title,
  body.break-page .break-title{
    font-size:19px !important;
  }
}

/* Final car detail palette lock */
body.car-detail-page .section.car-detail .price{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:0 !important;
}

body.car-detail-page .section.car-detail .price__usd{
  display:block !important;
  line-height:1 !important;
}

body.car-detail-page .section.car-detail .price__uah{
  display:flex !important;
  align-items:baseline !important;
  gap:8px !important;
  margin-top:8px !important;
  color:#4a4038 !important;
  font-size:16px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
}

body.car-detail-page .section.car-detail .price__uah small{
  color:#8d8177 !important;
  font-size:11px !important;
  font-weight:700 !important;
}

body.car-detail-page .section.car-detail .chip i,
body.car-detail-page .section.car-detail .quick-card span i,
body.car-detail-page .section.car-detail .spec span i{
  color:#e98743 !important;
  font-size:14px !important;
  line-height:1 !important;
}

body.car-detail-page .section.car-detail .quick-card span,
body.car-detail-page .section.car-detail .spec span{
  display:flex !important;
  align-items:center !important;
  gap:7px !important;
}

body.car-detail-page .badge.used,
body.car-detail-page .similar-card__badge,
body.car-detail-page .media-zoom-btn,
body.car-detail-page .detail-badge,
body.car-detail-page .chip,
body.car-detail-page .seller-rating__count,
body.car-detail-page .seller-trust__score,
body.car-detail-page .similar-card__meta span{
  background:#fdeede !important;
  background-color:#fdeede !important;
  color:#d87431 !important;
  border-color:rgba(233,135,67,.18) !important;
}

body.car-detail-page .fav-btn,
body.car-detail-page .fav-toggle-btn,
body.car-detail-page .similar-card__fav{
  background:#fffaf4 !important;
  color:#d87431 !important;
  border-color:rgba(233,135,67,.16) !important;
}

body.car-detail-page .fav-btn:hover,
body.car-detail-page .fav-toggle-btn:hover,
body.car-detail-page .similar-card__fav:hover,
body.car-detail-page .fav-btn.active,
body.car-detail-page .fav-toggle-btn.active,
body.car-detail-page .similar-card__fav.active{
  background:#fdeede !important;
  color:#d87431 !important;
  border-color:rgba(233,135,67,.24) !important;
}

body.car-detail-page .fav-btn i,
body.car-detail-page .fav-toggle-btn i,
body.car-detail-page .similar-card__fav i,
body.car-detail-page .fav-btn svg,
body.car-detail-page .fav-toggle-btn svg,
body.car-detail-page .similar-card__fav svg{
  color:#d87431 !important;
  fill:none !important;
  stroke:#d87431 !important;
}

body.car-detail-page .fav-btn.active i,
body.car-detail-page .fav-toggle-btn.active i,
body.car-detail-page .similar-card__fav.active i,
body.car-detail-page .fav-btn.active svg,
body.car-detail-page .fav-toggle-btn.active svg,
body.car-detail-page .similar-card__fav.active svg{
  color:#d87431 !important;
  fill:#d87431 !important;
  stroke:#d87431 !important;
}

body.car-detail-page .image-lightbox__backdrop{
  background:rgba(31,23,18,.72) !important;
}

/* Parts catalog family: compact scale aligned with car catalogs */
body.parts-new .section[data-part-condition],
body.parts-used .parts-used-page,
body.break-page .section{
  max-width:1360px !important;
  padding-left:20px !important;
  padding-right:20px !important;
}

body.parts-new h1,
body.parts-used .parts-used-page h1,
body.break-page .section h1{
  font-size:32px !important;
  line-height:1.08 !important;
}

body.parts-new .section-sub,
body.parts-used .section-sub,
body.break-page .section-sub{
  font-size:15px !important;
}

body.parts-new .info-card,
body.parts-used .info-card,
body.break-page .info-card{
  min-height:50px !important;
  padding:0 20px !important;
  border-radius:22px !important;
  font-size:15px !important;
}

body.parts-new main.page .section[data-part-condition] .info-card,
body.parts-used main.page .parts-used-page .info-card,
body.break-page main.page .section .info-card{
  min-height:50px !important;
  padding:0 20px !important;
  border-radius:22px !important;
  font-size:15px !important;
}

body.parts-new .mode-switch,
body.parts-used .mode-switch,
body.break-page .mode-switch{
  gap:6px !important;
  padding:6px !important;
  margin-bottom:18px !important;
  border-radius:20px !important;
}

body.parts-new .mode-btn,
body.parts-used .mode-btn,
body.break-page .mode-btn{
  min-height:44px !important;
  height:44px !important;
  padding:0 18px !important;
  border-radius:15px !important;
  font-size:15px !important;
}

body.parts-new main.page nav.mode-switch .mode-btn,
body.parts-used main.page nav.mode-switch .mode-btn,
body.break-page main.page nav.mode-switch .mode-btn{
  min-height:44px !important;
  height:44px !important;
  padding:0 18px !important;
  border-radius:15px !important;
  font-size:15px !important;
}

body.parts-new .filters.filters-ui,
body.parts-used .filters.filters-ui,
body.break-page .filters.filters-ui{
  min-height:0 !important;
  padding:20px !important;
  border-radius:24px !important;
}

body.parts-new main.page form#filtersForm.filters.filters-ui,
body.parts-used main.page form#filtersForm.filters.filters-ui,
body.break-page main.page form#filtersForm.filters.filters-ui{
  min-height:0 !important;
  padding:20px !important;
  border-radius:24px !important;
}

body.parts-new .filters-ui .filters-top,
body.parts-used .filters-ui .filters-top,
body.break-page .filters-ui .filters-top{
  gap:12px !important;
}

body.parts-new .filters-ui .filter-item label,
body.parts-used .filters-ui .filter-item label,
body.break-page .filters-ui .filter-item label{
  margin-bottom:6px !important;
  font-size:14px !important;
}

body.parts-new .filters-ui .filter-item input,
body.parts-new .filters-ui .filter-item select,
body.parts-used .filters-ui .filter-item input,
body.parts-used .filters-ui .filter-item select,
body.break-page .filters-ui .filter-item input,
body.break-page .filters-ui .filter-item select{
  height:46px !important;
  min-height:46px !important;
  border-radius:14px !important;
  font-size:14px !important;
}

body.parts-new #filtersForm .filter-item input,
body.parts-new #filtersForm .filter-item select,
body.parts-used #filtersForm .filter-item input,
body.parts-used #filtersForm .filter-item select,
body.break-page #filtersForm .filter-item input,
body.break-page #filtersForm .filter-item select{
  height:46px !important;
  min-height:46px !important;
  border-radius:14px !important;
  font-size:14px !important;
}

body.parts-new .brand-autocomplete .brand-preview,
body.parts-used .brand-autocomplete .brand-preview{
  left:12px !important;
  width:30px !important;
  height:30px !important;
  border-radius:10px !important;
}

body.parts-new .filter-item--brand input,
body.parts-used .filter-item--brand input{
  padding-left:52px !important;
}

body.parts-new .filters-ui .btn-show,
body.parts-used .filters-ui .btn-show,
body.break-page .filters-ui .btn-show{
  height:46px !important;
  min-height:46px !important;
  padding:0 20px !important;
  border-radius:15px !important;
  font-size:15px !important;
}

body.parts-new #filtersForm .btn-show,
body.parts-used #filtersForm .btn-show,
body.break-page #filtersForm .btn-show{
  height:46px !important;
  min-height:46px !important;
  border-radius:15px !important;
  font-size:15px !important;
}

body.parts-new .filters-ui .filters-toggle,
body.parts-used .filters-ui .filters-toggle,
body.break-page .filters-ui .filters-toggle{
  min-height:40px !important;
  margin-top:12px !important;
  padding:0 15px !important;
  border-radius:14px !important;
  font-size:14px !important;
}

body.parts-new #filtersForm .filters-toggle,
body.parts-used #filtersForm .filters-toggle,
body.break-page #filtersForm .filters-toggle{
  min-height:40px !important;
  height:40px !important;
  margin-top:12px !important;
  border-radius:14px !important;
  font-size:14px !important;
}

body.parts-new .filters-ui .btn-reset,
body.parts-used .filters-ui .btn-reset,
body.break-page .filters-ui .btn-reset{
  min-width:112px !important;
  height:42px !important;
  min-height:42px !important;
  padding:0 16px !important;
  border-radius:14px !important;
  font-size:14px !important;
}

body.parts-new #filtersForm .btn-reset,
body.parts-used #filtersForm .btn-reset,
body.break-page #filtersForm .btn-reset{
  min-width:112px !important;
  height:42px !important;
  min-height:42px !important;
  border-radius:14px !important;
  font-size:14px !important;
}

body.parts-new .filters-ui .btn-save,
body.parts-used .filters-ui .btn-save,
body.break-page .filters-ui .btn-save{
  min-width:190px !important;
  height:46px !important;
  min-height:46px !important;
  padding:0 18px !important;
  border-radius:15px !important;
  font-size:14px !important;
}

body.parts-new #filtersForm .btn-save,
body.parts-used #filtersForm .btn-save,
body.break-page #filtersForm .btn-save{
  min-width:190px !important;
  height:46px !important;
  min-height:46px !important;
  border-radius:15px !important;
  font-size:14px !important;
}

body.parts-new .catalog-topbar,
body.parts-used .catalog-topbar,
body.break-page .catalog-topbar{
  min-height:48px !important;
  margin:18px 0 16px !important;
  gap:14px !important;
}

body.parts-new .results-count,
body.parts-used .results-count,
body.break-page .results-count{
  min-width:140px !important;
  min-height:44px !important;
  font-size:22px !important;
}

body.parts-new .catalog-view-switch,
body.parts-used .catalog-view-switch,
body.break-page .catalog-view-switch{
  gap:8px !important;
}

body.parts-new .catalog-view-switch__btn,
body.parts-used .catalog-view-switch__btn,
body.break-page .catalog-view-switch__btn{
  width:auto !important;
  min-width:96px !important;
  height:44px !important;
  min-height:44px !important;
  padding:0 16px !important;
  border-radius:15px !important;
  font-size:14px !important;
}

body.parts-new .catalog-sort-group,
body.parts-used .catalog-sort-group,
body.break-page .catalog-sort-group{
  height:46px !important;
  min-height:46px !important;
  padding:4px 6px 4px 13px !important;
  gap:8px !important;
  border-radius:17px !important;
}

body.parts-new .catalog-sort-group .sort-label,
body.parts-used .catalog-sort-group .sort-label,
body.break-page .catalog-sort-group .sort-label{
  font-size:13px !important;
}

body.parts-new .catalog-sort-group .sort-select,
body.parts-used .catalog-sort-group .sort-select,
body.break-page .catalog-sort-group .sort-select,
body.parts-new .catalog-topbar__right select,
body.parts-used .catalog-topbar__right select,
body.break-page .catalog-topbar__right select{
  width:220px !important;
  min-width:220px !important;
  max-width:220px !important;
  height:38px !important;
  min-height:38px !important;
  border-radius:13px !important;
  font-size:14px !important;
}

@media (min-width:1181px){
  body.parts-new .latest-grid[data-view="tile"],
  body.parts-used .latest-grid[data-view="tile"],
  body.break-page .break-grid[data-view="tile"],
  body.parts-new .latest-grid[data-view="gallery"],
  body.parts-used .latest-grid[data-view="gallery"],
  body.break-page .break-grid[data-view="gallery"]{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:16px !important;
  }
}

body.parts-new .car-card,
body.parts-used .car-card,
body.break-page .break-card{
  border-radius:18px !important;
}

body.parts-new .car-card__img,
body.parts-new .car-card__photo,
body.parts-used .car-card__img,
body.parts-used .car-card__photo,
body.break-page .break-photo{
  height:180px !important;
}

body.parts-new .car-card__fav,
body.parts-used .car-card__fav{
  top:10px !important;
  right:10px !important;
  width:38px !important;
  height:38px !important;
  font-size:16px !important;
}

body.parts-new .car-card__body,
body.parts-used .car-card__body{
  min-height:150px !important;
  padding:15px 16px 17px !important;
}

body.parts-new .car-title,
body.parts-used .car-title{
  min-height:0 !important;
  margin:0 0 9px !important;
  font-size:18px !important;
  line-height:1.2 !important;
}

body.parts-new .price-big,
body.parts-used .price-big{
  margin:0 0 10px !important;
  font-size:22px !important;
}

body.parts-new .meta-grid,
body.parts-used .meta-grid{
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:6px !important;
  font-size:13px !important;
}

body.parts-new .meta-item,
body.parts-used .meta-item{
  gap:7px !important;
  font-size:13px !important;
  line-height:1.3 !important;
}

body.break-page .break-info{
  min-height:150px !important;
  padding:15px 16px !important;
  gap:7px !important;
}

body.break-page .break-title{
  font-size:18px !important;
}

body.break-page .break-meta,
body.break-page .break-city,
body.break-page .parts-count{
  font-size:13px !important;
}

body.break-page .break-price{
  font-size:21px !important;
}

/* Break catalog: final no-lilac palette */
body.break-page{
  --break-brand:#D85A30 !important;
  --break-brand-2:#D85A30 !important;
  --break-text:#241A17 !important;
  --break-muted:#756762 !important;
  --break-muted-2:#9A8982 !important;
  --break-glass:#FFFFFF !important;
  --break-glass-2:#FFFFFF !important;
  --break-line:#E7D3CC !important;
  --break-line-soft:#EEDFD9 !important;
  --break-line-strong:#D85A30 !important;
  --break-shadow:none !important;
  --break-shadow-lg:none !important;
  --break-btn-shadow:none !important;
  background:#f7f2eb !important;
}

body.break-page .info-card,
body.break-page .mode-switch,
body.break-page .filters.filters-ui,
body.break-page .filters-more,
body.break-page .catalog-sort-group,
body.break-page .catalog-empty,
body.break-page .break-card,
body.break-page .break-info{
  background:#FFFFFF !important;
  background-image:none !important;
  border-color:#E7D3CC !important;
  box-shadow:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body.break-page .break-photo,
body.break-page .break-photo .no-photo{
  background:#FFF6F2 !important;
  background-color:#FFF6F2 !important;
  background-image:none !important;
  border-color:#E7D3CC !important;
  box-shadow:none !important;
}

body.break-page .break-photo .no-photo{
  color:#D85A30 !important;
}

body.break-page .filter-item input,
body.break-page .filter-item select,
body.break-page .sort-select,
body.break-page .filter-check,
body.break-page .btn-reset{
  background:#FFFFFF !important;
  background-image:none !important;
  border-color:#E7D3CC !important;
  color:#241A17 !important;
  box-shadow:none !important;
}

body.break-page .mode-btn.active,
body.break-page .btn-show,
body.break-page .btn-save,
body.break-page .catalog-view-switch__btn.is-active,
/* catalog pages unified with the break (розбірка) brand: used.php / new.php / parts */
#usedCatalog .btn-show, #usedCatalog .btn-save,
#catalog .btn-show, #catalog .btn-save,
body.parts-new .btn-show, body.parts-new .btn-save,
body.parts-used .btn-show, body.parts-used .btn-save{
  background:#D85A30 !important;
  background-image:none !important;
  border-color:#D85A30 !important;
  color:#FFFFFF !important;
  box-shadow:none !important;
}

body.break-page .mode-btn:not(.active),
body.break-page .catalog-view-switch__btn:not(.is-active),
body.break-page .filters-toggle{
  background:#FFF8F5 !important;
  background-image:none !important;
  border-color:#E7D3CC !important;
  color:#D85A30 !important;
  box-shadow:none !important;
}

body.break-page .break-status,
body.break-page .break-status.status-available{
  background:#FFF1EB !important;
  background-image:none !important;
  border-color:#E7B8A7 !important;
  color:#D85A30 !important;
  box-shadow:none !important;
}

@media (max-width:1180px){
  body.parts-new .latest-grid[data-view="tile"],
  body.parts-used .latest-grid[data-view="tile"],
  body.break-page .break-grid[data-view="tile"],
  body.parts-new .latest-grid[data-view="gallery"],
  body.parts-used .latest-grid[data-view="gallery"],
  body.break-page .break-grid[data-view="gallery"]{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width:760px){
  body.parts-new .section[data-part-condition],
  body.parts-used .parts-used-page,
  body.break-page .section{
    padding-left:12px !important;
    padding-right:12px !important;
  }

  body.parts-new .filters.filters-ui,
  body.parts-used .filters.filters-ui,
  body.break-page .filters.filters-ui{
    padding:14px !important;
    border-radius:20px !important;
  }

  body.parts-new main.page nav.mode-switch,
  body.parts-used main.page nav.mode-switch,
  body.break-page main.page nav.mode-switch{
    width:100% !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) !important;
    gap:6px !important;
    padding:6px !important;
    overflow:hidden !important;
  }

  body.parts-new main.page nav.mode-switch .mode-btn,
  body.parts-used main.page nav.mode-switch .mode-btn,
  body.break-page main.page nav.mode-switch .mode-btn{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:38px !important;
    min-height:38px !important;
    padding:0 10px !important;
    justify-content:center !important;
    text-align:center !important;
    white-space:normal !important;
    overflow:hidden !important;
    font-size:13px !important;
    line-height:1.15 !important;
  }

  body.parts-new .catalog-sort-group,
  body.parts-used .catalog-sort-group,
  body.break-page .catalog-sort-group{
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) !important;
    align-items:stretch !important;
    gap:6px !important;
    padding:8px !important;
    overflow:hidden !important;
  }

  body.parts-new .catalog-sort-group .sort-label,
  body.parts-used .catalog-sort-group .sort-label,
  body.break-page .catalog-sort-group .sort-label{
    width:100% !important;
    padding:0 4px !important;
  }

  body.parts-new .catalog-sort-group .sort-select,
  body.parts-used .catalog-sort-group .sort-select,
  body.break-page .catalog-sort-group .sort-select,
  body.parts-new .catalog-topbar__right select,
  body.parts-used .catalog-topbar__right select,
  body.break-page .catalog-topbar__right select{
    box-sizing:border-box !important;
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:38px !important;
    min-height:38px !important;
  }

  body.parts-new .latest-grid[data-view="tile"],
  body.parts-used .latest-grid[data-view="tile"],
  body.break-page .break-grid[data-view="tile"],
  body.parts-new .latest-grid[data-view="gallery"],
  body.parts-used .latest-grid[data-view="gallery"],
  body.break-page .break-grid[data-view="gallery"]{
    grid-template-columns:1fr !important;
    gap:14px !important;
  }

  body.parts-new .car-card__img,
  body.parts-new .car-card__photo,
  body.parts-used .car-card__img,
  body.parts-used .car-card__photo,
  body.break-page .break-photo{
    height:180px !important;
  }

  body.parts-new .meta-grid,
  body.parts-used .meta-grid{
    grid-template-columns:1fr !important;
  }
}

/* Home marketplace hero warm palette */
.page.home .hero{
  background:
    linear-gradient(135deg, rgba(255,255,255,.98) 0%, rgba(255,250,244,.98) 58%, rgba(255,241,230,.96) 100%) !important;
  border-color:rgba(233,135,67,.14) !important;
  box-shadow:0 18px 44px rgba(120,74,36,.10) !important;
}

/* Body must not be its own scroll container, or position:sticky in .menu
   can miscompute against the html scrollport and overlap page content. */
body{
  overflow-y:visible !important;
}

/* Header final alignment — floating rounded pill (matches main site) */
.menu{
  position:sticky !important;
  top:0 !important;
  left:auto !important;
  right:auto !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  z-index:6000 !important;
  background:transparent !important;
  border-bottom:none !important;
  box-shadow:none !important;
  padding-top:44px !important;
  transform:none !important;
  will-change:auto !important;
}

.page{
  padding-top:var(--page-top-gap) !important;
}

/* The first top-level block must not add its own top gap on top of .page's —
   otherwise the header-to-content distance differs from page to page. */
main.page > .section:first-of-type,
main.page > .container:first-of-type{
  margin-top:0 !important;
}

@media (max-width:768px){
  .page{
    padding-top:var(--page-top-gap-mobile) !important;
  }
}

.menu-inner{
  max-width:1200px !important;
  height:auto !important;
  min-height:64px !important;
  margin:0 auto !important;
  padding:12px 18px !important;
  border:1px solid rgba(214,121,64,.14) !important;
  border-radius:28px !important;
  background:#ffffff !important;
  box-shadow:0 18px 40px rgba(31,24,19,.09) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
  box-sizing:border-box !important;
}

.menu-logo img{
  width:38px !important;
  height:38px !important;
  border-radius:50% !important;
}

.menu-left.desktop-only{
  position:absolute !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  margin:0 !important;
}

.menu-left.desktop-only a:last-child{
  margin-right:28px !important;
}

.menu-item{
  min-height:40px !important;
  padding:0 12px !important;
  display:inline-flex !important;
  align-items:center !important;
  color:#2b211a !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:1 !important;
}

.header-actions{
  margin-right:8px !important;
}

.header-icon{
  width:46px !important;
  height:46px !important;
  border-radius:16px !important;
}

.dropdown-toggle{
  min-height:46px !important;
  padding:4px 12px 4px 6px !important;
  border-radius:18px !important;
}

.dropdown-toggle img{
  width:36px !important;
  height:36px !important;
  border-radius:14px !important;
}

main.page > .container{
  padding-top:18px !important;
}

@media (max-width:768px){
  .menu{
    height:auto !important;
    min-height:0 !important;
    padding-top:4px !important;
  }

  .page{
    padding-top:var(--page-top-gap-mobile) !important;
  }

  .menu-inner{
    height:auto !important;
    min-height:56px !important;
    padding:10px 12px !important;
    border-radius:20px !important;
  }

  .menu-left.desktop-only{
    position:static !important;
    transform:none !important;
  }

  .menu-logo img{
    width:34px !important;
    height:34px !important;
  }

  .header-icon,
  .dropdown-toggle{
    height:38px !important;
    min-height:38px !important;
  }

  .header-icon{
    width:38px !important;
  }

  main.page > .container{
    padding-top:14px !important;
  }
}

/* Final header dropdown size fix */
#profileDropdown .dropdown-content{
  width:220px !important;
  min-width:220px !important;
  max-width:min(220px, calc(100vw - 24px)) !important;
  padding:8px !important;
  top:calc(100% + 8px) !important;
  right:0 !important;
  border-radius:18px !important;
  background:rgba(255,250,245,.98) !important;
  border:1px solid rgba(233,135,67,.16) !important;
  box-shadow:0 18px 44px rgba(120,74,36,.16) !important;
}

#profileDropdown .dropdown-content a{
  min-height:42px !important;
  padding:0 12px !important;
  display:flex !important;
  align-items:center !important;
  border-radius:12px !important;
  color:#17120d !important;
  font-size:16px !important;
  font-weight:900 !important;
  line-height:1.1 !important;
  white-space:nowrap !important;
}

#profileDropdown .dropdown-content a:hover,
#profileDropdown .dropdown-content a:focus-visible{
  background:#fff1e6 !important;
  color:#d87431 !important;
}

@media (max-width:640px){
  #profileDropdown .dropdown-content{
    right:0 !important;
    width:min(220px, calc(100vw - 18px)) !important;
    min-width:min(220px, calc(100vw - 18px)) !important;
  }
}

/* Break add form final responsive override */
body.break-add-page .page-wrap{
  max-width:1180px !important;
  width:min(100%, 1180px) !important;
  padding:0 26px !important;
}

body.break-add-page .hero{
  display:flex !important;
  flex-direction:row !important;
  align-items:flex-start !important;
  justify-content:space-between !important;
  gap:24px !important;
  padding:28px 32px !important;
}

body.break-add-page .hero-copy{
  flex:1 1 auto !important;
}

body.break-add-page .hero h1{
  gap:16px !important;
  font-size:clamp(34px, 3vw, 50px) !important;
  line-height:1.05 !important;
}

body.break-add-page .hero p{
  font-size:17px !important;
  line-height:1.45 !important;
}

body.break-add-page .form-card{
  padding:32px 36px !important;
}

body.break-add-page .form-card h2{
  font-size:30px !important;
  line-height:1.15 !important;
}

body.break-add-page .form-field label,
body.break-add-page .form-state legend{
  margin-bottom:10px !important;
  font-size:15px !important;
  line-height:1.2 !important;
}

body.break-add-page .form-field input,
body.break-add-page .form-field select,
body.break-add-page .form-field textarea{
  font-size:16px !important;
  font-weight:850 !important;
}

body.break-add-page .quick-row,
body.break-add-page .quick-add{
  margin-top:12px !important;
}

body.break-add-page .chips{
  gap:8px !important;
}

body.break-add-page .chip{
  font-size:13px !important;
}

body.break-add-page .state-grid{
  gap:12px !important;
}

body.break-add-page .form-state label{
  font-size:15px !important;
}

body.break-add-page .sticky-submit{
  gap:22px !important;
}

@media (max-width:1180px){
  body.break-add-page .page-wrap{
    padding:0 18px !important;
  }

  body.break-add-page .form-grid,
  body.break-add-page .form-grid--main,
  body.break-add-page .description-layout{
    grid-template-columns:1fr !important;
  }

  body.break-add-page .state-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width:820px){
  body.break-add-page .page-wrap{
    margin:12px auto 68px !important;
    padding:0 14px !important;
    gap:16px !important;
  }

  body.break-add-page .hero{
    flex-direction:column !important;
    gap:18px !important;
    padding:22px !important;
    border-radius:24px !important;
  }

  body.break-add-page .hero h1{
    align-items:flex-start !important;
    font-size:36px !important;
  }

  body.break-add-page .hero p{
    font-size:15px !important;
  }

  body.break-add-page .hero .actions,
  body.break-add-page .hero .actions .btnx{
    width:100% !important;
  }

  body.break-add-page .form-tools{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
  }

  body.break-add-page .form-tool-link{
    justify-content:center !important;
    width:100% !important;
  }

  body.break-add-page .form-card{
    padding:22px !important;
    border-radius:24px !important;
  }

  body.break-add-page .form-card h2{
    font-size:26px !important;
  }

  body.break-add-page .state-grid{
    grid-template-columns:1fr !important;
  }

  body.break-add-page #pickMap,
  body.break-add-page #pickMap.leaflet-container{
    height:300px !important;
    min-height:300px !important;
    border-radius:18px !important;
  }

  body.break-add-page .break-add .image-upload{
    min-height:190px !important;
  }

  body.break-add-page .sticky-submit{
    flex-direction:column !important;
    align-items:stretch !important;
    padding:18px !important;
    border-radius:24px !important;
  }

  body.break-add-page .btn-submit{
    width:100% !important;
    min-width:0 !important;
  }
}

@media (max-width:520px){
  body.break-add-page .hero h1{
    font-size:30px !important;
  }

  body.break-add-page .hero-mark{
    width:48px !important;
    height:48px !important;
    border-radius:16px !important;
  }

  body.break-add-page .form-tools{
    grid-template-columns:1fr !important;
  }

  body.break-add-page .form-card{
    padding:18px !important;
  }
}
/* Add car page: remove outer rectangular shell behind form cards */
body.add-car-body main.page,
body.add-car-body main.page > .container,
body.add-car-body .section.add-car,
body:has(.add-car) main.page,
body:has(.add-car) main.page > .container,
body:has(.add-car) .section.add-car{
  background:transparent !important;
  border:0 !important;
  box-shadow:none !important;
}

body.add-car-body main.page > .container,
body:has(.add-car) main.page > .container{
  padding-top:18px !important;
}

/* My ads search: keep magnifier visible inside input */
.my-ads-page .cab-search{
  position:relative !important;
}

.my-ads-page .cab-search i{
  position:absolute !important;
  left:16px !important;
  top:50% !important;
  transform:translateY(-50%) !important;
  z-index:2 !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#e98743 !important;
  font-size:16px !important;
  line-height:1 !important;
  pointer-events:none !important;
}

.my-ads-page .cab-search input{
  position:relative !important;
  padding-left:46px !important;
  text-align:left !important;
}

/* Catalog cards: rounded marketplace card style like cabinet listings */
#catalog .cars-grid:not([data-view="list"]) .car-card,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card,
body.parts-new .latest-grid:not([data-view="list"]) .car-card,
body.parts-used .latest-grid:not([data-view="list"]) .car-card{
  display:flex !important;
  flex-direction:column !important;
  min-height:100% !important;
  border:1px solid rgba(233,135,67,.14) !important;
  border-radius:30px !important;
  background:#fff !important;
  box-shadow:0 20px 46px rgba(120,74,36,.13) !important;
  overflow:hidden !important;
  transform:none !important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card:hover,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card:hover,
body.parts-new .latest-grid:not([data-view="list"]) .car-card:hover,
body.parts-used .latest-grid:not([data-view="list"]) .car-card:hover{
  transform:translateY(-4px) !important;
  border-color:rgba(233,135,67,.24) !important;
  box-shadow:0 26px 58px rgba(120,74,36,.18) !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__img,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__img,
body.parts-new .latest-grid:not([data-view="list"]) .car-card__img,
body.parts-used .latest-grid:not([data-view="list"]) .car-card__img{
  position:relative !important;
  width:100% !important;
  height:260px !important;
  min-height:260px !important;
  border-radius:0 !important;
  background:#f6eee7 !important;
  overflow:hidden !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__img img,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__img img,
body.parts-new .latest-grid:not([data-view="list"]) .car-card__img img,
body.parts-used .latest-grid:not([data-view="list"]) .car-card__img img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
  transition:transform .35s ease !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card:hover .car-card__img img,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card:hover .car-card__img img,
body.parts-new .latest-grid:not([data-view="list"]) .car-card:hover .car-card__img img,
body.parts-used .latest-grid:not([data-view="list"]) .car-card:hover .car-card__img img{
  transform:scale(1.035) !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__fav,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__fav,
body.parts-new .latest-grid:not([data-view="list"]) .fav-btn,
body.parts-used .latest-grid:not([data-view="list"]) .fav-btn{
  position:absolute !important;
  top:18px !important;
  right:18px !important;
  z-index:3 !important;
  width:54px !important;
  height:54px !important;
  border:0 !important;
  border-radius:18px !important;
  background:rgba(255,255,255,.94) !important;
  color:#17120d !important;
  box-shadow:0 10px 26px rgba(31,23,18,.14) !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__fav i,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__fav i,
body.parts-new .latest-grid:not([data-view="list"]) .fav-btn i,
body.parts-used .latest-grid:not([data-view="list"]) .fav-btn i{
  font-size:20px !important;
  color:#e98743 !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__badges,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__badges,
body.parts-new .latest-grid:not([data-view="list"]) .car-card__badges,
body.parts-used .latest-grid:not([data-view="list"]) .car-card__badges{
  position:absolute !important;
  top:18px !important;
  left:18px !important;
  z-index:3 !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  flex-wrap:wrap !important;
  max-width:calc(100% - 96px) !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__badge,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__badge,
body.parts-new .latest-grid:not([data-view="list"]) .car-card__badge,
body.parts-used .latest-grid:not([data-view="list"]) .car-card__badge{
  min-height:40px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:0 16px !important;
  border-radius:999px !important;
  box-shadow:0 10px 24px rgba(31,23,18,.12) !important;
  font-size:15px !important;
  font-weight:950 !important;
  line-height:1 !important;
  white-space:nowrap !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__badge--active,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__badge--active,
body.parts-new .latest-grid:not([data-view="list"]) .car-card__badge--active,
body.parts-used .latest-grid:not([data-view="list"]) .car-card__badge--active{
  background:#2fa86f !important;
  color:#fff !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__badge--type,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__badge--type,
body.parts-new .latest-grid:not([data-view="list"]) .car-card__badge--type,
body.parts-used .latest-grid:not([data-view="list"]) .car-card__badge--type{
  background:rgba(255,255,255,.94) !important;
  color:#6f6259 !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__body,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__body,
body.parts-new .latest-grid:not([data-view="list"]) .car-card__body,
body.parts-used .latest-grid:not([data-view="list"]) .car-card__body{
  display:flex !important;
  flex-direction:column !important;
  gap:16px !important;
  flex:1 1 auto !important;
  padding:24px 26px 26px !important;
  background:#fff !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__top,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__top,
body.parts-new .latest-grid:not([data-view="list"]) .car-card__top,
body.parts-used .latest-grid:not([data-view="list"]) .car-card__top{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  align-items:start !important;
  gap:14px !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-title,
#usedCatalog .cars-grid:not([data-view="list"]) .car-title,
body.parts-new .latest-grid:not([data-view="list"]) .car-title,
body.parts-used .latest-grid:not([data-view="list"]) .car-title{
  margin:0 !important;
  color:#2b211a !important;
  font-size:24px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
}

#catalog .cars-grid:not([data-view="list"]) .price-big,
#usedCatalog .cars-grid:not([data-view="list"]) .price-big,
body.parts-new .latest-grid:not([data-view="list"]) .price-big,
body.parts-used .latest-grid:not([data-view="list"]) .price-big{
  margin:0 !important;
  color:#e8763a !important;
  font-size:28px !important;
  line-height:1.05 !important;
  font-weight:1000 !important;
  letter-spacing:-.02em !important;
  white-space:nowrap !important;
}

#catalog .cars-grid:not([data-view="list"]) .meta-grid,
#usedCatalog .cars-grid:not([data-view="list"]) .meta-grid,
body.parts-new .latest-grid:not([data-view="list"]) .meta-grid,
body.parts-used .latest-grid:not([data-view="list"]) .meta-grid{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin:auto 0 0 !important; /* притиснуто до низу картки → рівний низ у ряду */
}

#catalog .cars-grid:not([data-view="list"]) .meta-item,
#usedCatalog .cars-grid:not([data-view="list"]) .meta-item,
body.parts-new .latest-grid:not([data-view="list"]) .meta-item,
body.parts-used .latest-grid:not([data-view="list"]) .meta-item{
  min-height:38px !important;
  width:auto !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  padding:0 14px !important;
  border:1px solid rgba(233,135,67,.16) !important;
  border-radius:999px !important;
  background:#fffaf6 !important;
  color:#7d7168 !important;
  font-size:15px !important;
  font-weight:850 !important;
  line-height:1 !important;
}

#catalog .cars-grid:not([data-view="list"]) .meta-item i,
#usedCatalog .cars-grid:not([data-view="list"]) .meta-item i,
body.parts-new .latest-grid:not([data-view="list"]) .meta-item i,
body.parts-used .latest-grid:not([data-view="list"]) .meta-item i{
  color:#8f8176 !important;
  font-size:16px !important;
}

@media (max-width:640px){
  #catalog .cars-grid:not([data-view="list"]) .car-card__img,
  #usedCatalog .cars-grid:not([data-view="list"]) .car-card__img,
  body.parts-new .latest-grid:not([data-view="list"]) .car-card__img,
  body.parts-used .latest-grid:not([data-view="list"]) .car-card__img{
    height:220px !important;
    min-height:220px !important;
  }

  #catalog .cars-grid:not([data-view="list"]) .car-card__body,
  #usedCatalog .cars-grid:not([data-view="list"]) .car-card__body,
  body.parts-new .latest-grid:not([data-view="list"]) .car-card__body,
  body.parts-used .latest-grid:not([data-view="list"]) .car-card__body{
    padding:20px !important;
  }

  #catalog .cars-grid:not([data-view="list"]) .car-card__top,
  #usedCatalog .cars-grid:not([data-view="list"]) .car-card__top,
  body.parts-new .latest-grid:not([data-view="list"]) .car-card__top,
  body.parts-used .latest-grid:not([data-view="list"]) .car-card__top{
    grid-template-columns:1fr !important;
  }

  #catalog .cars-grid:not([data-view="list"]) .price-big,
  #usedCatalog .cars-grid:not([data-view="list"]) .price-big,
  body.parts-new .latest-grid:not([data-view="list"]) .price-big,
  body.parts-used .latest-grid:not([data-view="list"]) .price-big{
    font-size:24px !important;
  }
}

/* Absolute final catalog responsive override */
#catalog .cars-grid[data-view="tile"],
#usedCatalog .cars-grid[data-view="tile"],
body.parts-new .latest-grid[data-view="tile"],
body.parts-used .latest-grid[data-view="tile"]{
  grid-template-columns:repeat(auto-fill, minmax(260px, 320px)) !important;
  justify-content:start !important;
  gap:22px !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card,
body.parts-new .latest-grid:not([data-view="list"]) .car-card,
body.parts-used .latest-grid:not([data-view="list"]) .car-card{
  max-width:320px !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__img,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__img,
body.parts-new .latest-grid:not([data-view="list"]) .car-card__img,
body.parts-used .latest-grid:not([data-view="list"]) .car-card__img{
  height:196px !important;
  min-height:196px !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__body,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__body,
body.parts-new .latest-grid:not([data-view="list"]) .car-card__body,
body.parts-used .latest-grid:not([data-view="list"]) .car-card__body{
  padding:17px 18px 19px !important;
  gap:11px !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-title,
#usedCatalog .cars-grid:not([data-view="list"]) .car-title,
body.parts-new .latest-grid:not([data-view="list"]) .car-title,
body.parts-used .latest-grid:not([data-view="list"]) .car-title{
  font-size:19px !important;
}

#catalog .cars-grid:not([data-view="list"]) .price-big,
#usedCatalog .cars-grid:not([data-view="list"]) .price-big,
body.parts-new .latest-grid:not([data-view="list"]) .price-big,
body.parts-used .latest-grid:not([data-view="list"]) .price-big{
  font-size:22px !important;
}

#catalog .cars-grid:not([data-view="list"]) .meta-item,
#usedCatalog .cars-grid:not([data-view="list"]) .meta-item,
body.parts-new .latest-grid:not([data-view="list"]) .meta-item,
body.parts-used .latest-grid:not([data-view="list"]) .meta-item{
  min-height:31px !important;
  padding:0 10px !important;
  font-size:12.5px !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__badge,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__badge,
body.parts-new .latest-grid:not([data-view="list"]) .car-card__badge,
body.parts-used .latest-grid:not([data-view="list"]) .car-card__badge{
  min-height:32px !important;
  padding:0 11px !important;
  font-size:12.5px !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__fav,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__fav,
body.parts-new .latest-grid:not([data-view="list"]) .fav-btn,
body.parts-used .latest-grid:not([data-view="list"]) .fav-btn{
  width:42px !important;
  height:42px !important;
}

@media (min-width:1440px){
  #catalog .cars-grid[data-view="tile"],
  #usedCatalog .cars-grid[data-view="tile"],
  body.parts-new .latest-grid[data-view="tile"],
  body.parts-used .latest-grid[data-view="tile"]{
    grid-template-columns:repeat(auto-fill, minmax(280px, 330px)) !important;
  }

  #catalog .cars-grid:not([data-view="list"]) .car-card,
  #usedCatalog .cars-grid:not([data-view="list"]) .car-card,
  body.parts-new .latest-grid:not([data-view="list"]) .car-card,
  body.parts-used .latest-grid:not([data-view="list"]) .car-card{
    max-width:330px !important;
  }
}

@media (max-width:1199px){
  #catalog .cars-grid[data-view="tile"],
  #usedCatalog .cars-grid[data-view="tile"],
  body.parts-new .latest-grid[data-view="tile"],
  body.parts-used .latest-grid[data-view="tile"]{
    grid-template-columns:repeat(auto-fill, minmax(250px, 300px)) !important;
    gap:20px !important;
  }

  #catalog .cars-grid:not([data-view="list"]) .car-card,
  #usedCatalog .cars-grid:not([data-view="list"]) .car-card,
  body.parts-new .latest-grid:not([data-view="list"]) .car-card,
  body.parts-used .latest-grid:not([data-view="list"]) .car-card{
    max-width:300px !important;
  }

  #catalog .cars-grid:not([data-view="list"]) .car-card__img,
  #usedCatalog .cars-grid:not([data-view="list"]) .car-card__img,
  body.parts-new .latest-grid:not([data-view="list"]) .car-card__img,
  body.parts-used .latest-grid:not([data-view="list"]) .car-card__img{
    height:184px !important;
    min-height:184px !important;
  }
}

@media (max-width:900px){
  #catalog .cars-grid[data-view="tile"],
  #usedCatalog .cars-grid[data-view="tile"],
  body.parts-new .latest-grid[data-view="tile"],
  body.parts-used .latest-grid[data-view="tile"]{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:18px !important;
  }

  #catalog .cars-grid:not([data-view="list"]) .car-card,
  #usedCatalog .cars-grid:not([data-view="list"]) .car-card,
  body.parts-new .latest-grid:not([data-view="list"]) .car-card,
  body.parts-used .latest-grid:not([data-view="list"]) .car-card{
    max-width:none !important;
  }
}

@media (max-width:640px){
  #catalog .cars-grid[data-view="tile"],
  #usedCatalog .cars-grid[data-view="tile"],
  body.parts-new .latest-grid[data-view="tile"],
  body.parts-used .latest-grid[data-view="tile"]{
    grid-template-columns:1fr !important;
    gap:16px !important;
  }

  #catalog .cars-grid:not([data-view="list"]) .car-card,
  #usedCatalog .cars-grid:not([data-view="list"]) .car-card,
  body.parts-new .latest-grid:not([data-view="list"]) .car-card,
  body.parts-used .latest-grid:not([data-view="list"]) .car-card{
    max-width:none !important;
  }

  #catalog .cars-grid:not([data-view="list"]) .car-card__img,
  #usedCatalog .cars-grid:not([data-view="list"]) .car-card__img,
  body.parts-new .latest-grid:not([data-view="list"]) .car-card__img,
  body.parts-used .latest-grid:not([data-view="list"]) .car-card__img{
    height:210px !important;
    min-height:210px !important;
  }
}

/* Last override: list and gallery modes must not inherit tile sizing */
#catalog .cars-grid[data-view="list"] .car-card,
#usedCatalog .cars-grid[data-view="list"] .car-card,
body.parts-new .latest-grid[data-view="list"] .car-card,
body.parts-used .latest-grid[data-view="list"] .car-card{
  display:grid !important;
  grid-template-columns:320px minmax(0, 1fr) !important;
  max-width:none !important;
}

#catalog .cars-grid[data-view="list"] .car-card__img,
#usedCatalog .cars-grid[data-view="list"] .car-card__img,
body.parts-new .latest-grid[data-view="list"] .car-card__img,
body.parts-used .latest-grid[data-view="list"] .car-card__img{
  height:100% !important;
  min-height:220px !important;
}

#catalog .cars-grid[data-view="list"] .car-card__badges,
#usedCatalog .cars-grid[data-view="list"] .car-card__badges,
body.parts-new .latest-grid[data-view="list"] .car-card__badges,
body.parts-used .latest-grid[data-view="list"] .car-card__badges{
  position:absolute !important;
  top:12px !important;
  left:12px !important;
}

#catalog .cars-grid[data-view="gallery"],
#usedCatalog .cars-grid[data-view="gallery"],
body.parts-new .latest-grid[data-view="gallery"],
body.parts-used .latest-grid[data-view="gallery"]{
  grid-template-columns:repeat(auto-fill, minmax(220px, 260px)) !important;
  gap:18px !important;
}

#catalog .cars-grid[data-view="gallery"] .car-card,
#usedCatalog .cars-grid[data-view="gallery"] .car-card,
body.parts-new .latest-grid[data-view="gallery"] .car-card,
body.parts-used .latest-grid[data-view="gallery"] .car-card{
  max-width:260px !important;
}

#catalog .cars-grid[data-view="gallery"] .car-card__img,
#usedCatalog .cars-grid[data-view="gallery"] .car-card__img,
body.parts-new .latest-grid[data-view="gallery"] .car-card__img,
body.parts-used .latest-grid[data-view="gallery"] .car-card__img{
  height:176px !important;
  min-height:176px !important;
}

#catalog .cars-grid[data-view="gallery"] .car-title,
#usedCatalog .cars-grid[data-view="gallery"] .car-title,
body.parts-new .latest-grid[data-view="gallery"] .car-title,
body.parts-used .latest-grid[data-view="gallery"] .car-title{
  font-size:17px !important;
}

#catalog .cars-grid[data-view="gallery"] .price-big,
#usedCatalog .cars-grid[data-view="gallery"] .price-big,
body.parts-new .latest-grid[data-view="gallery"] .price-big,
body.parts-used .latest-grid[data-view="gallery"] .price-big{
  font-size:19px !important;
}

@media (max-width:900px){
  #catalog .cars-grid[data-view="list"] .car-card,
  #usedCatalog .cars-grid[data-view="list"] .car-card,
  body.parts-new .latest-grid[data-view="list"] .car-card,
  body.parts-used .latest-grid[data-view="list"] .car-card{
    grid-template-columns:240px minmax(0, 1fr) !important;
  }
}

@media (max-width:640px){
  #catalog .cars-grid[data-view="list"] .car-card,
  #usedCatalog .cars-grid[data-view="list"] .car-card,
  body.parts-new .latest-grid[data-view="list"] .car-card,
  body.parts-used .latest-grid[data-view="list"] .car-card{
    grid-template-columns:1fr !important;
  }

  #catalog .cars-grid[data-view="gallery"],
  #usedCatalog .cars-grid[data-view="gallery"],
  body.parts-new .latest-grid[data-view="gallery"],
  body.parts-used .latest-grid[data-view="gallery"]{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  }
}

/* ============================================================
   Рівні картки каталогу (фінальний блок — перекриває всі
   попередні дублікати за порядком слідування). Усі картки в
   ряду однакової висоти; заголовок резервує 2 рядки, ціна на
   одному рівні, характеристики притиснуті до низу.
   ============================================================ */
#catalog .cars-grid:not([data-view="list"]),
#usedCatalog .cars-grid:not([data-view="list"]),
body.parts-new .latest-grid:not([data-view="list"]),
body.parts-used .latest-grid:not([data-view="list"]){
  align-items:stretch !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card,
body.parts-new .latest-grid:not([data-view="list"]) .car-card,
body.parts-used .latest-grid:not([data-view="list"]) .car-card{
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
}

#catalog .cars-grid:not([data-view="list"]) .car-card__body,
#usedCatalog .cars-grid:not([data-view="list"]) .car-card__body,
body.parts-new .latest-grid:not([data-view="list"]) .car-card__body,
body.parts-used .latest-grid:not([data-view="list"]) .car-card__body{
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
}

#catalog .cars-grid[data-view="tile"] .car-title,
#usedCatalog .cars-grid[data-view="tile"] .car-title,
body.parts-new .latest-grid[data-view="tile"] .car-title,
body.parts-used .latest-grid[data-view="tile"] .car-title{
  display:-webkit-box !important;
  -webkit-line-clamp:2 !important;
  -webkit-box-orient:vertical !important;
  overflow:hidden !important;
  min-height:2.4em !important;
  white-space:normal !important;
}

#catalog .cars-grid:not([data-view="list"]) .meta-grid,
#usedCatalog .cars-grid:not([data-view="list"]) .meta-grid,
body.parts-new .latest-grid:not([data-view="list"]) .meta-grid,
body.parts-used .latest-grid:not([data-view="list"]) .meta-grid{
  margin-top:auto !important;      /* притиснуто до низу картки */
  display:flex !important;          /* чипи по контенту й переносяться — довгий не вилазить за край */
  flex-wrap:wrap !important;
  gap:8px 10px !important;
}

#catalog .cars-grid:not([data-view="list"]) .meta-item,
#usedCatalog .cars-grid:not([data-view="list"]) .meta-item,
body.parts-new .latest-grid:not([data-view="list"]) .meta-item,
body.parts-used .latest-grid:not([data-view="list"]) .meta-item{
  width:auto !important;
  max-width:100% !important;        /* захист: чип не ширший за картку */
  min-width:0 !important;
}

/* Довгий текст усередині чипа (напр. область) — обрізаємо з "…",
   якщо чип раптом упреться в ширину картки */
#catalog .cars-grid:not([data-view="list"]) .meta-item .ellipsis,
#usedCatalog .cars-grid:not([data-view="list"]) .meta-item .ellipsis,
body.parts-new .latest-grid:not([data-view="list"]) .meta-item .ellipsis,
body.parts-used .latest-grid:not([data-view="list"]) .meta-item .ellipsis{
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

/* ============================================================
   Тепла світла обводка карток каталогу — як на авторозбірці
   (--break-line-soft). Переносимо на Авто (нові/Бв) і Запчастини,
   щоб усі каталоги мали однакову рамку, яка подобається.
   ============================================================ */
#catalog .cars-grid[data-view="tile"] .car-card,
#usedCatalog .cars-grid[data-view="tile"] .car-card,
body.parts-new .latest-grid[data-view="tile"] .car-card,
body.parts-used .latest-grid[data-view="tile"] .car-card{
  background:linear-gradient(180deg, rgba(255,255,255,.97), rgba(255,248,241,.98)) !important;
  border:1px solid rgba(233,135,67,.16) !important;
  box-shadow:0 18px 44px rgba(120,74,36,.10) !important;
}

#catalog .cars-grid[data-view="tile"] .car-card:hover,
#usedCatalog .cars-grid[data-view="tile"] .car-card:hover,
body.parts-new .latest-grid[data-view="tile"] .car-card:hover,
body.parts-used .latest-grid[data-view="tile"] .car-card:hover{
  border-color:rgba(233,135,67,.28) !important;
  box-shadow:0 22px 52px rgba(120,74,36,.16) !important;
}

/* ============================================================
   ЄДИНИЙ СТАНДАРТ РОЗМІРІВ КАРТОК ПО ВСІХ РОЗДІЛАХ
   (Авто нові/Бв, Запчастини нові/Бв, Авторозбірка).
   Плитка — один розмір, Список — один, Галерея — один.
   Картки заповнюють ряд до правого краю (як фільтр/шапка).
   Багатоколонкові режими — лише для десктопу (≥769px),
   щоб не зламати мобільний (там 1 колонка нижче/раніше у файлі).
   ============================================================ */
@media (min-width:769px){
  /* ПЛИТКА: 3 рівні колонки на всю ширину контейнера */
  #catalog .cars-grid[data-view="tile"],
  #usedCatalog .cars-grid[data-view="tile"],
  body.parts-new .latest-grid[data-view="tile"],
  body.parts-used .latest-grid[data-view="tile"],
  body.break-page .break-grid[data-view="tile"]{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:22px !important;
    max-width:100% !important;
    justify-content:stretch !important;
  }

  /* ГАЛЕРЕЯ: 4 рівні колонки */
  #catalog .cars-grid[data-view="gallery"],
  #usedCatalog .cars-grid[data-view="gallery"],
  body.parts-new .latest-grid[data-view="gallery"],
  body.parts-used .latest-grid[data-view="gallery"],
  body.break-page .break-grid[data-view="gallery"]{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:18px !important;
    max-width:100% !important;
  }
}

/* СПИСОК: одна колонка на всю ширину — в усіх розділах, усюди */
#catalog .cars-grid[data-view="list"],
#usedCatalog .cars-grid[data-view="list"],
body.parts-new .latest-grid[data-view="list"],
body.parts-used .latest-grid[data-view="list"],
body.break-page .break-grid[data-view="list"]{
  grid-template-columns:1fr !important;
  gap:14px !important;
  max-width:100% !important;
}

/* Картки заповнюють свою колонку (знімаємо обмеження ширини 340px) */
#catalog .cars-grid[data-view="tile"] .car-card,
#usedCatalog .cars-grid[data-view="tile"] .car-card,
body.parts-new .latest-grid[data-view="tile"] .car-card,
body.parts-used .latest-grid[data-view="tile"] .car-card,
body.break-page .break-grid[data-view="tile"] .break-card,
#catalog .cars-grid[data-view="gallery"] .car-card,
#usedCatalog .cars-grid[data-view="gallery"] .car-card,
body.parts-new .latest-grid[data-view="gallery"] .car-card,
body.parts-used .latest-grid[data-view="gallery"] .car-card,
body.break-page .break-grid[data-view="gallery"] .break-card{
  max-width:none !important;
  width:100% !important;
}

/* Однакова висота зони фото: плитка — 200px, галерея — 170px */
#catalog .cars-grid[data-view="tile"] .car-card__img,
#usedCatalog .cars-grid[data-view="tile"] .car-card__img,
body.parts-new .latest-grid[data-view="tile"] .car-card__img,
body.parts-used .latest-grid[data-view="tile"] .car-card__img,
body.break-page .break-grid[data-view="tile"] .break-photo{
  height:200px !important;
  min-height:200px !important;
}
#catalog .cars-grid[data-view="gallery"] .car-card__img,
#usedCatalog .cars-grid[data-view="gallery"] .car-card__img,
body.parts-new .latest-grid[data-view="gallery"] .car-card__img,
body.parts-used .latest-grid[data-view="gallery"] .car-card__img,
body.break-page .break-grid[data-view="gallery"] .break-photo{
  height:170px !important;
  min-height:170px !important;
}

/* ============================================================
   Сторінка «Обране»: ширина контейнера = ширині шапки (1200px),
   раніше була 1408px (page-shell+гатери) і панель вилазила ширше
   за хедер. Плюс сітку карток вирівнюємо під стандарт каталогів.
   ============================================================ */
.fav-page .container{
  max-width:1200px !important;
}

@media (min-width:769px){
  .fav-page .fav-list[data-view="tile"]{
    grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
    gap:22px !important;
    justify-content:stretch !important;
  }
  .fav-page .fav-list[data-view="gallery"]{
    grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
    gap:18px !important;
  }
}

.fav-page .fav-list[data-view="list"]{
  grid-template-columns:1fr !important;
}

/* картки обраного заповнюють колонку (без обмеження ширини) */
.fav-page .fav-list[data-view="tile"] .fav-card:not(.fav-card--search),
.fav-page .fav-list[data-view="gallery"] .fav-card:not(.fav-card--search){
  max-width:none !important;
  width:100% !important;
}

/* ============================================================
   Сторінка «Сповіщення та повідомлення»: ширина = ширині шапки
   (1200px). Бере ширину з генеричного main.page > .container
   (1408px) — звужуємо через body-клас (вища специфічність).
   ============================================================ */
body.users-notifications-body main.page > .container,
body.users-notifications-body .users-notifications-shell{
  max-width:1200px !important;
}

/* ============================================================
   Єдина ширина контенту = ширині шапки (1200px) для всіх
   сторінок, що досі брали 1408px (page-shell+гатери) і вилазили
   ширше за хедер: Мої пропозиції, Профіль, Заявки, Продавець,
   детальна картка тощо. Каталоги не зачіпаємо (їхній .container —
   не прямий нащадок main.page, тож під цей селектор не підпадає).
   ============================================================ */
main.page > .container,
main.requests-index-page > .container,
main.request-create-page > .container,
main.request-view-page > .container,
main.request-offer-page > .container,
.my-ads-section > .container,
.edit-car-page > .container,
.seller-wrap,
.cd-wrap,
body.break-view-page .cd-wrap{
  max-width:1200px !important;
}

/* ============================================================
   Головна: після прибирання hero-блоку футер стояв далеко від
   карток-категорій (контейнер мав margin-bottom 52px). Підтягуємо
   футер ближче (у нього ще є власний padding-top 26px).
   ============================================================ */
main.page.home > .container{
  margin-bottom:0 !important;
}
main.page.home > .container > .section:last-of-type{
  margin-bottom:8px !important;
}

/* ============================================================
   Мобільний хедер трохи нижче від верху (плаваюча пігулка
   тулилась до краю екрана). Опускаємо через margin-top —
   padding-top ламав висоту .menu (пігулка вилазила вгору).
   Стосується всіх сторінок маркету.
   ============================================================ */
@media (max-width:768px){
  .menu{
    height:auto !important;
    min-height:60px !important;   /* пігулка сидить усередині боксу, не вилазить угору */
    align-items:center !important;
    padding-top:0 !important;
    margin-top:14px !important;    /* опускаємо весь хедер нижче від верху */
  }
}

/* ============================================================
   Нижня панель: підсвічуємо лише активну вкладку. Раніше ВСІ
   іконки були помаранчеві (.appbar__ico color:#e98743), тож
   «Обране» виглядало активним на будь-якій вкладці. Тепер
   неактивні — приглушені, помаранчева лише активна.
   ============================================================ */
.appbar__item:not(.is-active) .appbar__ico,
.appbar__item:not(.is-active) .appbar__txt{
  color:rgba(31,23,18,.5) !important;
}
.appbar__item.is-active .appbar__ico{
  color:#e98743 !important;
}
.appbar__item.is-active .appbar__txt{
  color:#8a461d !important;
}

/* ============================================================
   Мобільне бургер-меню — повноекранна slide-in панель справа.
   Панель винесена в body (не в .menu-inner з backdrop-filter,
   бо той ламає position:fixed нащадкам).
   ============================================================ */
.mobile-panel-backdrop{
  position:fixed; inset:0; z-index:9998;
  background:rgba(20,14,10,.45);
  opacity:0; visibility:hidden;
  transition:opacity .25s ease, visibility .25s ease;
}
.mobile-panel{
  position:fixed; top:0; right:0; bottom:0; z-index:9999;
  width:min(86vw, 340px);
  display:flex; flex-direction:column;
  background:#fff;
  box-shadow:-18px 0 50px rgba(45,28,16,.22);
  transform:translateX(100%);
  transition:transform .28s cubic-bezier(.4,0,.2,1);
  padding:16px 16px calc(18px + env(safe-area-inset-bottom));
  overflow-y:auto;
}
body.menu-open .mobile-panel-backdrop{ opacity:1; visibility:visible; }
body.menu-open .mobile-panel{ transform:translateX(0); }
body.menu-open{ overflow:hidden !important; }

.mobile-panel__head{
  display:flex; align-items:center; justify-content:space-between;
  padding:4px 4px 14px; border-bottom:1px solid rgba(233,135,67,.14);
}
.mobile-panel__brand{ font-weight:1000; font-size:19px; color:#17120d; letter-spacing:.3px; }
.mobile-panel__close{
  all:unset; cursor:pointer; width:40px; height:40px;
  display:flex; align-items:center; justify-content:center;
  border-radius:12px; color:#e98743; background:rgba(233,135,67,.10); font-size:20px;
}
.mobile-panel__close:active{ background:rgba(233,135,67,.18); }

.mobile-panel__nav{ display:flex; flex-direction:column; gap:4px; padding:14px 0; }
.mobile-panel__nav a{
  display:flex; align-items:center; gap:14px;
  padding:14px 12px; border-radius:14px;
  text-decoration:none; color:#2a2018; font-weight:800; font-size:16px;
}
.mobile-panel__nav a i{ width:22px; text-align:center; color:#e98743; font-size:18px; flex:0 0 22px; }
.mobile-panel__nav a:active{ background:rgba(233,135,67,.10); }

.mobile-panel__account{
  margin-top:auto; display:flex; flex-direction:column; gap:10px;
  padding-top:16px; border-top:1px solid rgba(233,135,67,.14);
}
.mobile-panel__btn{
  display:flex; align-items:center; justify-content:center; gap:10px;
  padding:14px; border-radius:14px; text-decoration:none;
  font-weight:900; font-size:15px; color:#2a2018;
  background:rgba(255,250,245,.95); border:1px solid rgba(233,135,67,.18);
}
.mobile-panel__btn--primary{ background:#e98743; color:#fff; border-color:transparent; }

/* На десктопі панель не потрібна (бургер прихований) */
@media (min-width:1025px){
  .mobile-panel, .mobile-panel-backdrop{ display:none !important; }
}

/* ============================================================
   Мобільний хедер по ширині: пігулка .menu-inner тягнулась
   впритул до країв екрана, а контент інсетнутий на 12px.
   Додаємо пігулці такі самі бічні відступи → вирівнюємо.
   ============================================================ */
@media (max-width:768px){
  .menu-inner{
    flex:1 1 auto !important;
    width:auto !important;
    margin-left:12px !important;
    margin-right:12px !important;
    box-sizing:border-box !important;
  }
}

/* ============================================================
   Уніфікація детальних сторінок: запчастини та розбірка —
   до вигляду АВТО (canonical). Структура вже спільна
   (.cd-layout > main|side, .card.info, .specs, .price);
   тут вирівнюємо дрібні візуальні розбіжності під авто.
   ============================================================ */
/* Чипи характеристик — як на авто (білий фон, щільний padding) */
body.part-detail-page .section.car-detail .specs .spec,
body.break-view-page .cd-wrap .specs .spec,
body.break-view-page .cd-wrap .spec{
  background:#fff !important;
  border-radius:16px !important;
  padding:8px 9px !important;
  border:1px solid rgba(233,135,67,.12) !important;
}
/* Картка info — однаковий padding і радіус, як на авто */
body.part-detail-page .section.car-detail.part-detail .card.info,
body.break-view-page .cd-wrap .card.info{
  padding:16px !important;
  border-radius:24px !important;
}
/* Секція — та сама ширина, що на авто */
body.part-detail-page .section.car-detail.part-detail,
body.break-view-page .section.car-detail,
body.break-view-page .cd-wrap{
  max-width:1360px !important;
}
/* Global marketplace background */
html,
body,
body .page,
body main.page{
  background:#f7f2eb !important;
  background-image:none !important;
}

/* Sticky-хедер: master/layout.css задають body{height:100%}, через що
   липкий .menu може «їхати» лише в межах першого екрана. body має
   рости разом із контентом. */
body{
  height:auto !important;
  min-height:100% !important;
}

/* ============================================================
   Каталоги авто: кнопка "Уточнити" живе всередині .filters-top
   перед "Показати" і завжди займає повний рядок сітки, тож на
   вузьких екранах вона стоїть над "Показати". На десктопі
   "Показати" явно закріплена в 5-й колонці першого ряду.
   ============================================================ */
#catalog .filters-top .filters-toggle,
#usedCatalog .filters-top .filters-toggle{
  grid-column:1 / -1 !important;
}

/* На широких екранах "Уточнити" — компактний чип зліва під полями,
   як було до перенесення кнопки всередину сітки */
@media (min-width:761px){
  #catalog .filters-top .filters-toggle,
  #usedCatalog .filters-top .filters-toggle{
    width:auto !important;
    justify-self:start !important;
  }
}

@media (min-width:1181px){
  #catalog .filters-top .btn-show,
  #usedCatalog .filters-top .btn-show{
    grid-column:5 !important;
    grid-row:1 !important;
  }
}

/* ============================================================
   Єдиний дизайн каталогів: розміри кнопок як на розбірці
   (btn-show 46px, toggle 40px, reset 42px, save 46px, mode 44px)
   ============================================================ */
@media (min-width:761px){
  main.page #catalog .btn-show,
  main.page #usedCatalog .btn-show{
    height:46px !important;
    min-height:46px !important;
    border-radius:15px !important;
    font-size:15px !important;
  }

  main.page #catalog .filters-toggle,
  main.page #usedCatalog .filters-toggle{
    min-height:40px !important;
    padding:0 18px !important;
    border-radius:14px !important;
    font-size:14px !important;
  }

  main.page #catalog .btn-reset,
  main.page #usedCatalog .btn-reset{
    min-width:112px !important;
    height:42px !important;
    min-height:42px !important;
    border-radius:14px !important;
    font-size:14px !important;
  }

  main.page #catalog .btn-save,
  main.page #usedCatalog .btn-save{
    min-width:190px !important;
    min-height:46px !important;
    height:46px !important;
    padding:0 18px !important;
    border-radius:15px !important;
    font-size:14px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
  }
}

main.page #catalog .mode-switch .mode-btn,
main.page #usedCatalog .mode-switch .mode-btn,
body.parts-used main.page .mode-switch .mode-btn{
  height:44px !important;
  min-height:44px !important;
  padding:0 20px !important;
  border-radius:15px !important;
  font-size:15px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
}

/* ============================================================
   Єдина палітра каталогів (за зразком розбірки):
   акцент #D85A30, вторинний фон #FFF8F5, межі #E7D3CC,
   "Скинути" — білий з темним текстом
   ============================================================ */
main.page #catalog .mode-switch .mode-btn:not(.active),
main.page #usedCatalog .mode-switch .mode-btn:not(.active),
body.parts-new main.page .mode-switch .mode-btn:not(.active),
body.parts-used main.page .mode-switch .mode-btn:not(.active){
  background:#fff8f5 !important;
  border-color:#e7d3cc !important;
  color:#d85a30 !important;
}

main.page #catalog .filters-toggle,
main.page #usedCatalog .filters-toggle,
body.parts-new main.page .filters-toggle,
body.parts-used main.page .filters-toggle{
  background:#fff8f5 !important;
  border-color:#e7d3cc !important;
  color:#d85a30 !important;
}

main.page #catalog .filters-toggle .chev,
main.page #usedCatalog .filters-toggle .chev,
body.parts-new main.page .filters-toggle .chev,
body.parts-used main.page .filters-toggle .chev{
  border-top-color:#d85a30 !important;
}

main.page #catalog .btn-reset,
main.page #usedCatalog .btn-reset,
body.parts-new main.page .btn-reset,
body.parts-used main.page .btn-reset{
  background:#ffffff !important;
  border-color:#e7d3cc !important;
  color:#241a17 !important;
}

@media (min-width:761px){
  main.page #catalog .filter-item input,
  main.page #catalog .filter-item select,
  main.page #usedCatalog .filter-item input,
  main.page #usedCatalog .filter-item select{
    height:46px !important;
    min-height:46px !important;
    border-radius:14px !important;
    border-color:#e7d3cc !important;
    font-size:14px !important;
  }
}

/* Стрілка "Уточнити" — як на розбірці (10x15) */
main.page #catalog .filters-toggle .chev,
main.page #usedCatalog .filters-toggle .chev,
body.parts-new main.page .filters-toggle .chev,
body.parts-used main.page .filters-toggle .chev{
  border-left-width:10px !important;
  border-right-width:10px !important;
  border-top-width:15px !important;
}

/* Картка фільтрів — як на розбірці: один білий шар, межа #E7D3CC.
   На авто .filters-card дублювала картку другою рамкою — гасимо її. */
main.page #catalog .filters-card,
main.page #usedCatalog .filters-card{
  background:none !important;
  border:none !important;
  box-shadow:none !important;
}

main.page #catalog .filters.filters-ui,
main.page #usedCatalog .filters.filters-ui,
body.parts-new main.page .filters.filters-ui,
body.parts-used main.page .filters.filters-ui{
  background:#ffffff !important;
  background-image:none !important;
  border:1px solid #e7d3cc !important;
  border-radius:24px !important;
  padding:20px !important;
}

/* Перемикач режимів — білий з межею #E7D3CC, як на розбірці */
main.page #catalog .mode-switch,
main.page #usedCatalog .mode-switch,
body.parts-new main.page .mode-switch,
body.parts-used main.page .mode-switch{
  background:#ffffff !important;
  border:1px solid #e7d3cc !important;
}

/* Розгорнута панель "Уточнити" — білий фон без градієнта, як на розбірці */
main.page #catalog .filters-more,
main.page #usedCatalog .filters-more,
body.parts-new main.page .filters-more,
body.parts-used main.page .filters-more{
  background:#ffffff !important;
  background-image:none !important;
  border:1px solid #e7d3cc !important;
  border-radius:22px !important;
  padding:18px !important;
}

/* Відступ між перемикачем і карткою — 20px, як на розбірці */
main.page #catalog .catalog-header,
main.page #usedCatalog .catalog-header{
  margin-bottom:0 !important;
}

/* ============================================================
   Розбірка: картки списку в ЄДИНОМУ дизайні каталогів —
   ідентичні картці авто (радіус 30px, помаранчева межа,
   заголовок 24px + ціна помаранчева в один рядок, мета-чипи).
   ============================================================ */
body.break-page .break-card{
  background:#ffffff !important;
  border:1px solid rgba(233,135,67,.16) !important;
  border-radius:30px !important;
  box-shadow:0 18px 40px rgba(120,74,36,.10) !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}

body.break-page .break-card:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(233,135,67,.30) !important;
  box-shadow:0 22px 46px rgba(120,74,36,.16) !important;
}

/* Фото 200px — як на картках авто/запчастин (спільне правило каталогів) */
body.break-page .break-photo{
  background:#f6eee7 !important;
}

body.break-page .break-photo img{
  width:100% !important;
  height:100% !important;
  object-fit:cover !important;
  display:block !important;
}

/* Статус-чип на фото — як бейдж "Активне" на авто */
body.break-page .break-status,
body.break-page .break-status.status-available{
  position:absolute !important;
  top:12px !important;
  left:12px !important;
  padding:6px 12px !important;
  border:none !important;
  border-radius:999px !important;
  background:#2fa86f !important;
  color:#ffffff !important;
  font-size:12.5px !important;
  font-weight:900 !important;
  letter-spacing:.01em !important;
  box-shadow:0 6px 16px rgba(23,18,13,.14) !important;
}

body.break-page .break-status.status-process{ background:#e8763a !important; }
body.break-page .break-status.status-sold{ background:#9a918a !important; }

body.break-page .break-info{
  display:flex !important;
  flex-direction:column !important;
  flex:1 1 auto !important;
  gap:12px !important;
  min-height:165px !important;
  padding:14px 16px 16px !important;
}

/* Заголовок + ціна в один рядок — як .car-card__top */
body.break-page .break-top{
  display:grid !important;
  grid-template-columns:minmax(0, 1fr) auto !important;
  align-items:start !important;
  gap:14px !important;
}

body.break-page .break-title{
  margin:0 !important;
  color:#2b211a !important;
  font-size:24px !important;
  line-height:1.15 !important;
  font-weight:900 !important;
  letter-spacing:-.02em !important;
  overflow-wrap:anywhere !important;
}

body.break-page .break-price{
  margin:0 !important;
  color:#e8763a !important;
  font-size:28px !important;
  line-height:1.05 !important;
  font-weight:1000 !important;
  letter-spacing:-.02em !important;
  white-space:nowrap !important;
}

body.break-page .break-price--muted{
  color:rgba(23,18,13,.45) !important;
  font-size:16px !important;
  font-weight:900 !important;
}

/* Мета-чипи — ідентичні .meta-grid / .meta-item на авто */
body.break-page .break-chips{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin:auto 0 0 !important; /* притиснуто донизу → рівний низ у ряду */
}

body.break-page .break-chip{
  min-height:38px !important;
  display:inline-flex !important;
  align-items:center !important;
  gap:8px !important;
  max-width:100% !important;
  padding:0 14px !important;
  border:1px solid rgba(233,135,67,.16) !important;
  border-radius:999px !important;
  background:#fffaf6 !important;
  color:#7d7168 !important;
  font-size:15px !important;
  font-weight:850 !important;
  line-height:1 !important;
}

body.break-page .break-chip i{
  color:#8f8176 !important;
  font-size:16px !important;
}

body.break-page .break-chip .ellipsis{
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
}

@media (max-width:640px){
  body.break-page .break-top{
    grid-template-columns:1fr !important;
  }

  body.break-page .break-price{
    font-size:24px !important;
  }
}

/* ============================================================
   Форма "Додати авто на розбір" — вигляд як у форми
   "Додати авто" (кремовий фон, великий заголовок,
   кнопка публікації 26px, сірі селекти)
   ============================================================ */
body.break-add-page{
  background:#f7f2eb !important;
}

body.break-add-page .add-car .hero h1{
  font-size:clamp(34px, 4vw, 50px) !important;
  font-weight:950 !important;
}

body.break-add-page .filter-item select{
  background:#f7f8fa !important;
}

body.break-add-page .btn-submit{
  min-height:64px !important;
  min-width:0 !important;
  max-width:100% !important;
  box-sizing:border-box !important;
  padding:0 28px !important;
  border-radius:26px !important;
  font-size:20px !important;
}

@media (max-width:760px){
  body.break-add-page .form-actions.submit-row{
    padding:16px !important;
  }

  body.break-add-page .submit-status{
    width:100% !important;
  }

  body.break-add-page .btn-submit{
    width:100% !important;
    justify-content:center !important;
    min-height:56px !important;
    padding:0 16px !important;
    font-size:17px !important;
  }
}

/* Поле "Марка": відступ під квадратик прев'ю логотипа, як на еталоні */
body.break-add-page .brand-autocomplete input{
  padding-left:68px !important;
}

/* "Стан авто": чекбокси-чипи замість роздутих полів */
body.break-add-page .state-grid label{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  min-height:56px !important;
  padding:0 16px !important;
  cursor:pointer !important;
  user-select:none !important;
}

body.break-add-page .state-grid label:has(input:checked){
  border-color:rgba(233,135,67,.45) !important;
  background:#fff6ef !important;
}

body.break-add-page .state-grid input[type="checkbox"]{
  appearance:none !important;
  -webkit-appearance:none !important;
  flex:0 0 22px !important;
  width:22px !important;
  height:22px !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  border:2px solid #e7d3cc !important;
  border-radius:7px !important;
  background:#fff !important;
  display:inline-grid !important;
  place-content:center !important;
  cursor:pointer !important;
  box-shadow:none !important;
}

body.break-add-page .state-grid input[type="checkbox"]::after{
  content:"" !important;
  width:12px !important;
  height:12px !important;
  background:#fff !important;
  clip-path:polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%) !important;
  transform:scale(0) !important;
  transition:transform .12s ease !important;
}

body.break-add-page .state-grid input[type="checkbox"]:checked{
  border-color:#e98743 !important;
  background:#e98743 !important;
}

body.break-add-page .state-grid input[type="checkbox"]:checked::after{
  transform:scale(1) !important;
}

/* Футер одразу під формою: без резерву під колишній sticky-бар */
body.break-add-page main.page{
  padding-bottom:0 !important;
}

body.break-add-page .section.add-car{
  margin-bottom:24px !important;
}

/* Рядок публікації — біла картка, статус зліва, кнопка справа */
body.break-add-page .form-actions.submit-row{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:16px !important;
  flex-wrap:wrap !important;
  margin-top:8px !important;
  padding:20px 28px !important;
  background:#ffffff !important;
  border:1px solid rgba(23,18,13,.08) !important;
  border-radius:28px !important;
  box-shadow:0 18px 40px rgba(120,74,36,.06) !important;
}

body.break-add-page .submit-status{
  display:flex !important;
  flex-direction:column !important;
  gap:4px !important;
  text-align:left !important;
}