/* The original approved artwork owns its proportions; no reconstructed lettering. */
.mauto-brand-v405,
html body .mauto-brand-v405 {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  flex: 0 0 auto !important;
  gap: 8px !important;
  width: auto !important;
  max-width: 100% !important;
  min-width: 0 !important;
  min-height: 44px !important;
  height: auto !important;
  margin-block: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-indent: 0 !important;
  text-decoration: none !important;
  overflow: visible !important;
  transform: none !important;
  filter: none !important;
}
.mauto-brand-v405::before, .mauto-brand-v405::after,
html body .mauto-brand-v405::before, html body .mauto-brand-v405::after {
  content: none !important;
  display: none !important;
}
.mauto-brand-v405 > img.mauto-brand-v405__image,
html body .mauto-brand-v405 > img.mauto-brand-v405__image {
  display: block !important;
  flex: 0 0 auto !important;
  width: 160px !important;
  max-width: 100% !important;
  height: auto !important;
  min-width: 0 !important;
  aspect-ratio: 592 / 140 !important;
  object-fit: contain !important;
  object-position: center !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  background: none !important;
  opacity: 1 !important;
  filter: none !important;
  transform: none !important;
  clip-path: none !important;
}
html body .mauto-portal-brand.mauto-brand-v405 { flex-wrap: wrap !important; }
html body .mauto-brand-v405 > .mauto-brand-v405__context { font: inherit; font-size: 12px; color: #60758e; }
html body.login #login h1 a.mauto-brand-v405 { justify-content: center !important; width: 100% !important; min-height: 58px !important; }
html body.login #login h1 a.mauto-brand-v405 > img.mauto-brand-v405__image { width: 196px !important; }
@media (max-width: 767px) {
  .mauto-brand-v405 > img.mauto-brand-v405__image,
  html body .mauto-brand-v405 > img.mauto-brand-v405__image { width: 144px !important; }
}
/* Home can render its mobile profile in a wider device-preview shell. */
html body #device-shell[data-device="mobile"] .mauto-brand-v405 > img.mauto-brand-v405__image { width: 144px !important; }
@media (forced-colors: active) {
  .mauto-brand-v405 > img.mauto-brand-v405__image { forced-color-adjust: none; }
}

/* v488: real lettering without an image canvas; a compact shared action family. */
.mauto-brand-v405__text,html body .mauto-brand-v405>.mauto-brand-v405__text{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:28px!important;font-weight:750!important;letter-spacing:-1.2px!important;line-height:1.15!important;color:#253e61!important;background:none!important;filter:none!important;text-shadow:none!important;white-space:nowrap!important}
.mauto-actions488{display:flex!important;align-items:center!important;gap:6px!important;margin-left:auto!important;flex:0 0 auto!important}
.mauto-actions488 a{display:grid!important;place-items:center!important;width:44px!important;height:44px!important;padding:6px!important;box-sizing:border-box!important;border:0!important;border-radius:13px!important;background:transparent!important;box-shadow:none!important;transition:background .18s,transform .18s!important}
.mauto-actions488 a svg{width:29px!important;height:29px!important;filter:drop-shadow(0 2px 1px #35578022)!important}
.mauto-actions488 a:hover{background:#f0f4f9!important}.mauto-actions488 a:active{transform:scale(.94)!important}.mauto-actions488 a:focus-visible{outline:2px solid #397ac1!important;outline-offset:2px!important}
[hidden].mobile-dashboard-actions,[hidden].pt221-header-actions,[hidden].cd233-header-actions,[hidden].cm-header-actions,[hidden].pm-header-actions{display:none!important}
@media(max-width:599px){.mauto-brand-v405__text,html body .mauto-brand-v405>.mauto-brand-v405__text{font-size:24px!important}.mauto-actions488{gap:0!important}.mauto-actions488 a{width:40px!important;height:44px!important}.mauto-actions488 a svg{width:26px!important;height:26px!important}}
.mauto-join488{max-width:540px;margin:28px auto;padding:24px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#26374c;background:#fff;border-radius:22px;box-sizing:border-box}
.mauto-join488 h1{font-size:27px;line-height:1.2;margin:18px 0 10px}.mauto-join488 p{color:#586575;font-size:15px}.mauto-join488 .join-brand{font-size:28px;font-weight:750;text-decoration:none;color:#253e61;letter-spacing:-1px}.join-roles{display:grid;gap:10px;margin:20px 0}.join-roles a{display:flex;flex-direction:column;gap:5px;background:#f4f7fa;border:1px solid #e4eaf1;border-radius:15px;padding:16px;text-decoration:none;color:#26374c}.join-roles span{font-size:13px;color:#617082}.mauto-join488 form{display:grid;gap:12px}.mauto-join488 label{display:grid;gap:6px;font-size:14px}.mauto-join488 input:not([type=checkbox]){width:100%;box-sizing:border-box;border:1px solid #d9e1ea;border-radius:11px;background:white;padding:12px;font:inherit}.mauto-join488 .join-consent{display:flex;align-items:flex-start;font-size:12px;line-height:1.5}.join-primary{display:block;border:0;border-radius:12px;padding:13px 18px;background:#3579c7;color:white;text-align:center;text-decoration:none;font:inherit;cursor:pointer;box-shadow:var(--mauto-ds-action-depth)}.mauto-join488 [role=alert]{color:#a02c30}@media(max-width:599px){.mauto-join488{margin:12px;padding:18px}}

[hidden].pg-header-actions{display:none!important}
html body .pm-header:has(.mauto-actions488){display:flex!important;align-items:center!important;gap:6px!important}
html body .pm-header:has(.mauto-actions488)>.pm-avatar,html body .pm-header:has(.mauto-actions488)>[data-pm-action="nav"]{display:none!important}
html body .mauto-join488>.join-brand{display:block;margin-bottom:14px}
html body .mauto-join488>a:not(.join-brand):not(.join-primary){font-size:14px;color:#466c9b;text-decoration:none}
.pg-cart488{display:grid;grid-template-columns:1fr auto;gap:10px;padding:14px 0;border-bottom:1px solid #e6ebf0}.pg-cart488 strong{grid-column:1/-1}.pg-cart488 input{width:64px;border:1px solid #d9e1ea;border-radius:8px;padding:6px}.pg-cart488 button{border:0;background:#f3f6fa;color:#345a87;border-radius:8px;padding:8px 12px}
.mauto-join488 .join-primary:disabled{background:#e7ecf2;color:#66778a;cursor:not-allowed}.mauto-join488 input:focus-visible{outline:2px solid #397ac1;outline-offset:2px}
html body .ma-topbar:has(.mauto-actions488)>button[hidden]{display:none!important}

/* Approved original brand and sculpted Dock material, shared by all app shells. */
.mauto-actions488 a { padding:2px!important; display:grid!important; place-items:center!important; }
.mauto-header-icon490 { display:block; width:40px; height:40px; flex:none; background-image:url('../img/account-menu-v505/atlas.png'); background-size:400% 400%; background-repeat:no-repeat; transition:transform 180ms ease; }
.mauto-header-icon490--bell { background-position:100% 66.666667%; }
.mauto-header-icon490--heart { background-position:100% 0; }
.mauto-header-icon490--cart { background-position:0 66.666667%; }
.mauto-header-icon490--user { background-position:100% 100%; }
.mauto-actions488 a:hover .mauto-header-icon490 { transform:translateY(-1px); }
.mauto-brand-v405 > img.mauto-brand-v405__image { mix-blend-mode:multiply; }
@media(max-width:767px) { .mauto-header-icon490 { width:36px; height:36px; } }
@media(prefers-reduced-motion:reduce) { .mauto-header-icon490 { transition:none; } }
/* Neutralize the original artwork's near-white canvas without replacing its lettering. */
html body .mauto-brand-v405 > img.mauto-brand-v405__image { filter:contrast(1.12)!important; }

/* Matte MAUTO.KZ lockup: centered wordmark, transparent artwork. */
html body .mauto-brand-v405 > img.mauto-brand-v405__image{width:184px!important;aspect-ratio:3/1!important;filter:none!important;mix-blend-mode:normal!important}
@media(max-width:767px){html body .mauto-brand-v405 > img.mauto-brand-v405__image{width:164px!important}}

/* v504: smaller artwork inside unchanged comfortable header targets. */
.mauto-actions488 .mauto-header-icon490{width:34px;height:34px;mix-blend-mode:multiply;image-rendering:auto}
.mauto-actions488{position:relative;align-self:center;min-width:max-content}
@media(min-width:600px) and (max-width:1099px){.mauto-actions488 .mauto-header-icon490{width:30px;height:30px}.mauto-actions488{gap:2px!important}}
@media(max-width:599px){.mauto-actions488 .mauto-header-icon490{width:28px;height:28px}}

/* v511: align the artwork itself, accounting for each sprite's internal margins. */
.mauto-actions488 .mauto-header-icon490--bell{translate:6.8% 1.5%}
.mauto-actions488 .mauto-header-icon490--heart{translate:6.9% -10.4%}
.mauto-actions488 .mauto-header-icon490--user{translate:5.8% 7.7%}
.mauto-actions488 .mauto-header-icon490--cart{translate:-6.8% 3.3%}
html body .mauto-actions488{gap:2px!important}
html body .mauto-actions488 a{width:40px!important;height:44px!important;min-width:0!important}
@media(max-width:1099px){html body .mauto-actions488{gap:0!important}html body .mauto-actions488 a{width:36px!important}}
@media(max-width:599px){html body .mauto-actions488 a{width:34px!important}}

/* v514: round blue interaction halo, independent of the rectangular hit target. */
html body .mauto-actions488 a{position:relative;isolation:isolate;-webkit-tap-highlight-color:transparent}
html body .mauto-actions488 a:is(:hover,:active,:focus-visible){background:transparent!important;box-shadow:none!important}
html body .mauto-actions488 a::before{content:'';position:absolute;left:50%;top:50%;width:34px;height:34px;translate:-50% -50%;border-radius:50%;background:#e1effc;opacity:0;z-index:-1;pointer-events:none;transition:opacity 180ms ease}
@media(hover:hover){html body .mauto-actions488 a:hover::before{opacity:1}}
html body .mauto-actions488 a:is(:active,:focus-visible)::before{opacity:1}
@media(max-width:599px){html body .mauto-actions488 a::before{width:30px;height:30px}}
@media(prefers-reduced-motion:reduce){html body .mauto-actions488 a::before{transition:none}}

/* One reserved header row across document and shadow-root category shells. */
[data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header],html body [data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]{position:relative!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-wrap:nowrap!important;box-sizing:border-box!important;width:100%!important;min-width:0!important;max-width:100%!important;height:76px!important;min-height:76px!important;gap:8px!important;padding:6px 154px 6px 60px!important;margin:0!important;overflow:visible!important;background:#fff!important;isolation:isolate;z-index:5!important;transform:none!important;transition:none!important}
[data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]>.mauto-actions488,html body [data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]>.mauto-actions488{position:absolute!important;inset:16px 16px auto auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;width:126px!important;min-width:126px!important;height:44px!important;min-height:44px!important;gap:0!important;margin:0!important;padding:0!important;transform:none!important;translate:none!important;opacity:1!important;visibility:visible!important;transition:none!important;z-index:2!important}
[data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]>.mauto-actions488>a,html body [data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]>.mauto-actions488>a{display:grid!important;position:relative!important;place-items:center!important;flex:0 0 42px!important;box-sizing:border-box!important;width:42px!important;min-width:42px!important;max-width:42px!important;height:44px!important;margin:0!important;padding:2px!important;transform:none!important;translate:none!important;transition:none!important;opacity:1!important;visibility:visible!important}
[data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header] .mauto-header-icon490,html body [data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header] .mauto-header-icon490{transform:none!important;transition:none!important}
[data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]>.mauto-brand-v405,html body [data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]>.mauto-brand-v405{flex:0 1 184px!important;width:184px!important;min-width:0!important;max-width:100%!important;margin:0!important;transform:none!important;translate:none!important}
[data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]>.mauto-brand-v405>img,html body [data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]>.mauto-brand-v405>img{width:100%!important;max-width:184px!important;height:auto!important}
[data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]>.mauto-back-control,html body [data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]>.mauto-back-control{position:absolute!important;left:12px!important;right:auto!important;top:16px!important;width:40px!important;height:44px!important;margin:0!important;transform:none!important}
@media(max-width:599px){
[data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header],html body [data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]{height:68px!important;min-height:68px!important;padding:6px 124px 6px 46px!important}
[data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]>.mauto-actions488,html body [data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]>.mauto-actions488{inset:12px 8px auto auto!important;width:108px!important;min-width:108px!important}
[data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]>.mauto-actions488>a,html body [data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]>.mauto-actions488>a{flex-basis:36px!important;width:36px!important;min-width:36px!important;max-width:36px!important}
[data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]>.mauto-back-control,html body [data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]>.mauto-back-control{left:6px!important;top:12px!important;width:32px!important}
}

/* Dedicated navigation row below the immutable brand/actions row. */
:is(html body,:host) [data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]{height:124px!important;min-height:124px!important;padding:6px 154px 54px 16px!important;align-items:flex-start!important}
:is(html body,:host) [data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]>.mauto-brand-v405{align-self:flex-start!important;height:64px!important;display:flex!important;align-items:center!important}
:is(html body,:host) [data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]>.mauto-back-control{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;top:76px!important;left:16px!important;right:auto!important;width:38px!important;box-sizing:border-box!important;min-width:38px!important;max-width:38px!important;height:38px!important;min-height:38px!important;max-height:38px!important;padding:0!important;border-radius:12px!important;background:linear-gradient(145deg,#fff,#e4edf7)!important;color:#285781!important;box-shadow:inset 0 1px 1px #fff,0 2px 0 #cad8e7,0 4px 8px #23456b15!important;opacity:1!important;visibility:visible!important;font:600 13px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;text-decoration:none!important}
:is(html body,:host) [data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]>.mauto-back-control svg{width:18px!important;height:18px!important;flex:none!important}
:is(html body,:host) [data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]>.mauto-back-control .mauto-back-label{display:inline!important;font:inherit!important;white-space:nowrap!important}
@media(max-width:599px){:is(html body,:host) [data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]{height:116px!important;min-height:116px!important;padding:2px 124px 50px 12px!important}:is(html body,:host) [data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]>.mauto-brand-v405{height:64px!important}:is(html body,:host) [data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]>.mauto-back-control{top:68px!important;left:12px!important}}
/* The shared Back delegates to the original screen router. */
html body .tc-app:has([data-mauto-stable-header]) .tc-screen-heading>[data-tc-action=home]{display:none!important}

/* Compact visual control with a comfortable touch hit area. */
:is(html body,:host) [data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header][data-mauto-stable-header]>.mauto-back-control::before{content:"";position:absolute;inset:-6px 0;background:transparent!important;border:0!important;box-shadow:none!important;pointer-events:auto}

html body .mauto-category-heading{display:flex;align-items:center;gap:10px;padding:8px 16px 12px;color:#202b39}
html body .mauto-category-heading h1,html body .mauto-category-heading h2{flex:1;margin:0;font:700 24px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
html body .mauto-category-heading button{display:grid;place-items:center;flex:none;width:36px;min-width:36px;height:36px;min-height:36px;padding:8px;border:0;border-radius:10px;background:#f2f6fa;color:#345776}
html body .mauto-category-heading button svg{width:20px;height:20px}
html body [data-mauto-stable-header]>.cm-profile-link[hidden]{display:none!important}
@media(max-width:599px){html body .mauto-category-heading{padding:6px 12px 12px}html body .mauto-category-heading h1,html body .mauto-category-heading h2{font-size:22px}}

:is(html body,:host) [data-mauto-category-home][data-mauto-category-home][data-mauto-stable-header]{height:72px!important;min-height:72px!important;padding-bottom:0!important}
:is(html body,:host) [data-mauto-category-home]>.mauto-back-control.mauto-back-control.mauto-back-control.mauto-back-control.mauto-back-control{display:none!important}

/* Restore the existing 34% / remainder grid overwritten by shared flex styles. */
.ddg .ddg-part-card.tr-card.ma-product-list-card:not([hidden]) {
  display:grid!important;
  grid-template-columns:34% minmax(0,1fr)!important;
}
/* Original disassembly artwork stays inside its existing image column. */
.ddg .ddg-part-card.tr-card.ma-product-list-card > .tr-media {
  width:100%!important;
  max-width:100%!important;
  min-height:0!important;
}
.ddg .ddg-part-card.tr-card.ma-product-list-card > .tr-media img {
  max-width:100%!important;
  object-fit:contain!important;
}

/* Preserve all four original fact columns, allowing their labels to wrap. */
.ddg .ddg-part-card.tr-card.ma-product-list-card .tr-facts dt {
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.ddg .ddg-part-card.tr-card.ma-product-list-card .tr-facts dd {
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

/* Layered repair wins over obsolete high-specificity nowrap rules without affecting cars. */
@layer mautoVisualRepair {
 .ddg .ddg-part-card.tr-card .tr-facts :is(dt,dd) {
  white-space:normal!important;
  overflow-wrap:anywhere!important;
  height:auto!important;
 }
}

/* Disassembly facts keep all values readable on narrow product cards. */
@layer mautoVisualRepair {
 .ddg .ddg-part-card.tr-card > .tr-media img { object-fit:contain!important; }
 @media(max-width:599px){
  .ddg .ddg-part-card.tr-card .tr-facts { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
 }
}

/* Product identity and price are separate rows; neither may truncate the other. */
@layer mautoVisualRepair {
 .ddg .ddg-part-card.tr-card .tr-copy > .tr-heading { grid-area:1 / 1 / auto / -1!important; }
 .ddg .ddg-part-card.tr-card .tr-copy > .tr-price { grid-area:2 / 1 / auto / -1!important; text-align:left!important; }
 .ddg .ddg-part-card.tr-card .tr-heading :is(h3,a) {
  white-space:normal!important; overflow:visible!important;
  overflow-wrap:anywhere!important; text-overflow:clip!important;
 }
}

/* Respect enlarged system text without shrinking labels or tap targets. */
@layer mautoVisualRepair {
 .ddg .ddg-part-card.tr-card .tr-price strong { white-space:normal!important; overflow-wrap:anywhere!important; height:auto!important; }
 .ddg .ddg-part-card.tr-card .tr-actions {
  display:flex!important; flex-wrap:wrap!important; gap:5px!important;
 }
 .ddg .ddg-part-card.tr-card .tr-actions > :is(a,button) {
  height:auto!important; min-height:44px!important;
  white-space:normal!important; overflow-wrap:anywhere!important;
 }
}

@layer mautoVisualRepair {
 .ddg .ddg-part-card.tr-card .tr-actions > :is(a,button) { flex:1 1 max-content!important; min-width:0!important; max-width:100%!important; }
 .ddg .ddg-part-card.tr-card .tr-actions > button span:not(.mauto-button-sheen) { white-space:normal!important; min-width:0!important; overflow-wrap:anywhere!important; }
 .ddg .ddg-part-card.tr-card .tr-listing-meta { flex-wrap:wrap!important; }
 .ddg .ddg-part-card.tr-card .tr-listing-meta span { white-space:normal!important; overflow:visible!important; overflow-wrap:anywhere!important; max-width:100%!important; }
}

/* 248: Disassembly catalogue. Compact introduction, clear object imagery, useful facts. */
@layer mautoVisualRepair {
 .ddg.ddg-premium.ddg-disassembly .ddg-premium-hero {min-height:0!important;grid-template-columns:minmax(0,1fr) 42%!important;border-radius:22px!important;background:#edf4fc!important;box-shadow:none!important;margin-top:12px!important;}
 .ddg.ddg-premium.ddg-disassembly .ddg-hero-copy {padding:24px!important;}
 .ddg.ddg-premium.ddg-disassembly .ddg-hero-copy h1 {font-size:32px!important;line-height:1.15!important;margin:0 0 10px!important;letter-spacing:-.025em!important;}
 .ddg.ddg-premium.ddg-disassembly .ddg-hero-description {font-size:15px!important;line-height:1.4!important;margin:0 0 16px!important;color:#536173!important;}
 .ddg.ddg-premium.ddg-disassembly .ddg-hero-stage {min-height:0!important;height:220px!important;background:transparent!important;align-self:center!important;}
 .ddg.ddg-premium.ddg-disassembly .ddg-catalog {margin-top:24px!important;}
 .ddg.ddg-premium.ddg-disassembly .ddg-section-heading h2 {font-size:22px!important;font-weight:650!important;letter-spacing:-.02em!important;}
 .ddg.ddg-premium.ddg-disassembly .ddg-category {background:#fff!important;box-shadow:0 2px 8px #14233808!important;border:1px solid #e5eaf0!important;border-radius:18px!important;}
 .ddg.ddg-premium.ddg-disassembly .ddg-category[aria-pressed=true] {background:#edf4ff!important;border-color:#3c78da!important;}
 .ddg.ddg-premium.ddg-disassembly .ddg-category strong {font-size:13px!important;font-weight:600!important;}
 .ddg.ddg-premium.ddg-disassembly .ddg-part-card.tr-card.ma-product-list-card:not([hidden]) {grid-template-columns:minmax(0,1fr)!important;padding:0!important;border:1px solid #e4eaf1!important;background:#fff!important;border-radius:20px!important;box-shadow:0 3px 14px #14233808!important;}
 .ddg.ddg-premium.ddg-disassembly .ddg-part-card.tr-card>.tr-media {height:200px!important;aspect-ratio:auto!important;padding:16px!important;background:#f3f6fa!important;border-radius:0!important;}
 .ddg.ddg-premium.ddg-disassembly .ddg-part-card.tr-card>.tr-media>a {height:100%!important;display:block!important;}
 .ddg.ddg-premium.ddg-disassembly .ddg-part-card.tr-card>.tr-media img {height:100%!important;width:100%!important;object-fit:contain!important;mix-blend-mode:multiply!important;}
 .ddg.ddg-premium.ddg-disassembly .ddg-part-card.tr-card>.tr-copy {display:flex!important;flex-flow:column nowrap!important;height:auto!important;gap:10px!important;padding:16px!important;min-width:0!important;}
 .ddg.ddg-premium.ddg-disassembly .ddg-part-card.tr-card .tr-heading :is(h3,a) {font-size:17px!important;line-height:1.35!important;font-weight:650!important;letter-spacing:-.01em!important;}
 .ddg.ddg-premium.ddg-disassembly .ddg-card-subtitle {font-size:13px!important;line-height:1.45!important;margin:0!important;color:#536173!important;}
 .ddg.ddg-premium.ddg-disassembly .ddg-part-card.tr-card .tr-price {order:2!important;margin:0!important;}
 .ddg.ddg-premium.ddg-disassembly .ddg-part-card.tr-card .tr-price strong {font-size:16px!important;font-weight:600!important;}
 .ddg.ddg-premium.ddg-disassembly .ddg-part-card.tr-card .tr-facts {display:flex!important;flex-wrap:wrap!important;gap:12px!important;margin:0!important;}
 .ddg.ddg-premium.ddg-disassembly .ddg-part-card.tr-card .tr-facts>div {display:flex!important;gap:6px!important;}
 .ddg.ddg-premium.ddg-disassembly .ddg-part-card.tr-card .tr-facts :is(dt,dd) {font-size:12px!important;line-height:1.4!important;}
 .ddg.ddg-premium.ddg-disassembly .ddg-part-card.tr-card .tr-actions {order:3!important;margin-top:auto!important;}
 .ddg.ddg-premium.ddg-disassembly .ddg-part-card.tr-card .tr-actions>a {background:#edf4ff!important;color:#245fb8!important;border-color:transparent!important;box-shadow:none!important;}
 .ddg.ddg-premium.ddg-disassembly .ddg-part-card.tr-card .tr-actions>button {background:#f4f6f9!important;box-shadow:none!important;border-color:transparent!important;}
 @media(max-width:599px){
  .ddg.ddg-premium.ddg-disassembly .ddg-premium-hero {grid-template-columns:minmax(0,1fr) 34%!important;}
  .ddg.ddg-premium.ddg-disassembly .ddg-hero-copy {padding:18px 0 18px 16px!important;}
  .ddg.ddg-premium.ddg-disassembly .ddg-hero-copy h1 {font-size:26px!important;}
  .ddg.ddg-premium.ddg-disassembly .ddg-hero-description {font-size:13px!important;}
  .ddg.ddg-premium.ddg-disassembly .ddg-hero-copy .ddg-primary {font-size:13px!important;padding:10px 12px!important;min-height:44px!important;}
  .ddg.ddg-premium.ddg-disassembly .ddg-hero-stage {height:148px!important;}
  .ddg.ddg-premium.ddg-disassembly .ddg-category-grid {grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;}
  .ddg.ddg-premium.ddg-disassembly .ddg-category {min-height:100px!important;padding:8px 3px!important;gap:6px!important;}
  .ddg.ddg-premium.ddg-disassembly .ddg-category>.ddg-art {width:60px!important;height:56px!important;}
  .ddg.ddg-premium.ddg-disassembly .ddg-category strong {font-size:11px!important;white-space:normal!important;overflow-wrap:normal!important;}
  .ddg.ddg-premium.ddg-disassembly .ddg-parts-grid {grid-template-columns:1fr!important;gap:14px!important;}
  .ddg.ddg-premium.ddg-disassembly .ddg-part-card.tr-card>.tr-media {height:190px!important;}
 }
}

@layer mautoVisualRepair { .ddg.ddg-premium.ddg-disassembly .ddg-part-card.tr-card>.tr-copy>* {flex:0 0 auto!important;min-width:0!important;max-width:100%!important;} }

@layer mautoVisualRepair {
.ddg.ddg-premium.ddg-disassembly .ddg-part-card.tr-card>.tr-copy {align-items:stretch!important;}
.ddg.ddg-premium.ddg-disassembly .ddg-part-card.tr-card .tr-actions {width:100%!important;}
.ddg.ddg-premium.ddg-disassembly .ddg-part-card.tr-card .tr-actions>:is(a,button) {flex:1 1 0!important;font-size:13px!important;}
}

@layer mautoVisualRepair {
.ddg.ddg-disassembly .ma-product-heading {display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:12px!important;}
.ddg.ddg-disassembly .ma-product-heading h1 {width:100%!important;font-size:26px!important;line-height:1.2!important;margin:0!important;}
.ddg.ddg-disassembly .ma-product-heading .ddg-product-price {font-size:20px!important;line-height:1.3!important;margin:0 0 16px!important;}
.ddg.ddg-disassembly .ddg-detail-meta button[data-tr-action=compare] {width:44px!important;height:44px!important;display:grid!important;place-items:center!important;padding:10px!important;border:0!important;border-radius:13px!important;background:#eff5fc!important;color:#245fb8!important;}
.ddg.ddg-disassembly .ddg-detail-meta button[data-tr-action=compare] svg {width:24px!important;height:24px!important;fill:none!important;stroke:currentColor!important;stroke-width:1.8!important;stroke-linecap:round!important;stroke-linejoin:round!important;}
.ddg.ddg-disassembly .ddg-detail-meta button[data-tr-action=compare]>span {display:none!important;}
}

/* Brand398: the approved combined mark belongs to the role question, without a duplicate header. */
html body .mauto-join488 .join-role-question{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;margin:10px 0 16px;color:#536173;font-size:15px;line-height:22px}
html body .mauto-join488 .join-role-logo{display:block;width:132px!important;height:auto!important;max-width:100%;object-fit:contain}

/* Brand400: show only original lettering from the approved lockup. */
html body .mauto-join488 .join-role-wordmark{position:relative;display:inline-block;flex:0 0 96px;width:96px;height:14px;overflow:hidden;vertical-align:middle}
html body .mauto-join488 .join-role-wordmark .join-role-logo{position:absolute;left:-35.64px;top:-11.64px;width:131.64px!important;max-width:none!important;height:auto!important}
html body .mauto-join488:has(.join-roles){margin:8px auto!important;padding:8px 10px!important;width:calc(100% - 5px);max-width:480px}
html body .mauto-join488:has(.join-roles) h1{font-size:24px;line-height:29px;margin:0 0 4px!important}
html body .mauto-join488:has(.join-roles) .join-role-question{margin:0 0 8px!important;gap:4px 6px;line-height:20px;font-size:14px}
html body .mauto-join488 .join-roles{gap:4px;margin:0 0 6px!important}
html body .mauto-join488 .join-roles a{padding:9px 12px;gap:2px;min-height:44px;box-sizing:border-box;border-radius:12px}
html body .mauto-join488 .join-roles strong{font-size:14px;line-height:18px}
html body .mauto-join488 .join-roles span{font-size:12px;line-height:16px}
html body .mauto-join488:has(.join-roles)>a:last-child{display:inline-flex;align-items:center;min-height:44px;margin:0!important}

/* Brand406: compact personal greeting with original brand lettering. */
html body .mauto-join488 .join-welcome{display:flex;align-items:center;gap:10px;margin-bottom:8px}
html body .mauto-join488 .join-welcome-icon{display:block;flex:0 0 46px;width:46px;height:50px}
html body .mauto-join488 .join-welcome-icon svg{display:block;width:46px!important;height:48px!important;max-width:none}
html body .mauto-join488 .join-welcome h1{display:flex;align-items:center;flex-wrap:wrap;gap:5px 7px;font-size:21px;line-height:26px;margin:0!important}
html body .mauto-join488 .join-welcome h1>span:first-child{white-space:nowrap}
html body .mauto-join488 .join-welcome .join-role-wordmark{margin-top:1px}
@media(max-width:360px){html body .mauto-join488 .join-welcome h1{font-size:19px;line-height:24px}}
@media(prefers-reduced-motion:no-preference){html body .mauto-join488 .join-welcome-icon svg{transform-origin:65% 85%;animation:mauto-welcome-wave 1.3s ease-in-out 1}}
@keyframes mauto-welcome-wave{0%,100%{transform:rotate(0)}25%{transform:rotate(-12deg)}55%{transform:rotate(9deg)}80%{transform:rotate(-5deg)}}

/* Welcome408: single baseline, approved lettering, matte CGI. */
html body .mauto-join488 .join-welcome{display:block;margin:0 0 8px}
html body .mauto-join488 .join-welcome-art{display:block;width:68px;height:68px;object-fit:contain;margin:0 auto 4px}
html body .mauto-join488 .join-welcome h1{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;white-space:nowrap;gap:6px;font-size:clamp(15px,4.3vw,21px);line-height:28px;letter-spacing:-.4px}
html body .mauto-join488 .join-welcome .join-role-wordmark{flex:0 0 112px;width:112px;height:17px;margin:0}
html body .mauto-join488 .join-welcome .join-role-logo{left:-41.58px;top:-13.58px;width:153.58px!important}
html body .join-success-scene{text-align:center}
html body .join-success-scene img{display:block;margin:auto}
html body .ma-registration-celebration{position:fixed!important;inset:0!important;margin:auto!important;width:calc(100% - 32px)!important;max-width:360px!important;height:fit-content!important;max-height:90dvh;overflow:hidden;background:white;border:1px solid #cadced;border-radius:24px;padding:24px;text-align:center;color:#253448}
html body .ma-registration-celebration::backdrop{background:#17233366}
html body .ma-registration-celebration>img{display:block;width:112px;height:112px;margin:0 auto}
html body .ma-registration-celebration h2{font-size:25px;margin:8px 0}
html body .ma-registration-celebration p{margin:0 0 18px}
html body .ma-registration-celebration button{position:relative;width:100%;min-height:44px;background:#2463cc;color:white;border:0;border-radius:12px}
.ma-celebration-confetti{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.ma-celebration-confetti i{position:absolute;left:var(--x);top:-12px;width:6px;height:10px;background:var(--color);border-radius:2px;opacity:0}
@media(prefers-reduced-motion:no-preference){.ma-celebration-confetti i{animation:mauto-celebration-fall 2.4s var(--delay) cubic-bezier(.15,.6,.45,1) both}html body .ma-registration-celebration{animation:mauto-celebration-enter .35s ease-out}}
@keyframes mauto-celebration-fall{0%{opacity:0;transform:translateY(0) rotate(0)}15%{opacity:1}85%{opacity:1}100%{opacity:0;transform:translateY(360px) rotate(var(--r))}}
@keyframes mauto-celebration-enter{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}

html body dialog.ma-registration-celebration{box-sizing:border-box!important;min-width:0!important;min-height:0!important;padding:24px!important;height:auto!important;max-height:90dvh!important;}

/* Welcome410: compact simultaneous reveal; no sheet handle or close chrome. */
html body dialog.ma-registration-celebration{padding:18px!important;border-radius:22px!important}
html body .ma-registration-celebration::before,html body .ma-registration-celebration::after,html body .ma-registration-celebration>[aria-label="Закрыть"]{display:none!important;content:none!important}
html body .ma-registration-celebration>img{width:104px;height:104px;object-fit:contain}
html body .ma-registration-celebration h2{font-size:24px;line-height:29px;margin:6px 0}
html body .ma-registration-celebration p{font-size:15px;line-height:21px;margin:0 0 14px}
html body .ma-registration-celebration .ma-celebration-confetti i{left:50%;top:68px;opacity:0;animation:none}
@media(prefers-reduced-motion:no-preference){
 html body .ma-registration-celebration[open]{animation:mauto-celebration-enter .5s cubic-bezier(.2,.7,.25,1) both}
 html body .ma-registration-celebration[open]>img{animation:mauto-door-reveal .65s cubic-bezier(.2,.7,.25,1) both}
 html body .ma-registration-celebration[open] .ma-celebration-confetti i{animation:mauto-confetti-burst 2.2s cubic-bezier(.14,.6,.32,1) both;animation-delay:0s}
}
@keyframes mauto-door-reveal{from{opacity:0;transform:translateY(5px) scale(.91)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes mauto-confetti-burst{0%{opacity:0;transform:translate(0,0) rotate(0)}8%{opacity:1}65%{opacity:.9}100%{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--r))}}