/* Pearl belongs to the card surface, below the unmodified product cutout. */
.mauto-home-runtime #device-shell[data-device] :is(.ecosystem .cards > a[data-mauto-home-card],.mobile-dashboard-tile[data-mauto-home-card]) {
  --home-pearl-texture:linear-gradient(145deg,#fff0,#dcecff55);
  --home-pearl-tint:rgba(35,121,237,.20);
  --home-pearl-edge:rgba(109,164,220,.30);
  --home-pearl-shadow:rgba(33,73,118,.13);
  isolation:isolate!important;
  background:
    radial-gradient(110% 90% at 96% 100%,var(--home-pearl-tint),transparent 72%),
    linear-gradient(135deg,#ffffff 0%,#f4f8ff 42%,#eaf4ff 100%)!important;
  border-color:var(--home-pearl-edge)!important;
  box-shadow:0 3px 5px -3px var(--home-pearl-shadow),0 11px 24px -14px var(--home-pearl-shadow),inset 0 2px 1px rgba(255,255,255,.98),inset 0 -2px 2px rgba(114,162,208,.12)!important;
  transition:box-shadow .2s ease,border-color .2s ease!important;
}
.mauto-home-runtime #device-shell[data-device] :is(.ecosystem .cards > a[data-mauto-home-card],.mobile-dashboard-tile[data-mauto-home-card])::before {
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:0!important;
  width:auto!important;
  height:auto!important;
  z-index:0!important;
  border-radius:inherit!important;
  border:0!important;
  background:
    radial-gradient(100% 65% at 100% 100%,var(--home-pearl-tint),transparent 70%),
    var(--home-pearl-texture) center / 100% 100% no-repeat!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  box-shadow:inset 0 2px 1px rgba(255,255,255,.96),inset 0 -2px 3px rgba(123,161,206,.10)!important;
  pointer-events:none!important;
}
.mauto-home-runtime #device-shell[data-device] :is(.ecosystem .cards > a[data-mauto-home-card],.mobile-dashboard-tile[data-mauto-home-card])::after {
  content:none!important;
  display:none!important;
}
.mauto-home-runtime #device-shell[data-device] :is(.ecosystem .cards > a[data-mauto-home-card],.mobile-dashboard-tile[data-mauto-home-card]) > img {
  z-index:1!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
}
.mauto-home-runtime #device-shell[data-device] .ecosystem .cards > a[data-mauto-home-card] > :is(strong,small,b,span),
.mauto-home-runtime #device-shell[data-device] .mobile-dashboard-tile[data-mauto-home-card] > span {
  z-index:2!important;
}
.mauto-home-runtime #device-shell[data-device] :is(.ecosystem .cards > a[data-mauto-home-card="road"],.mobile-dashboard-tile[data-mauto-home-card="road"]) {
  --home-pearl-texture:linear-gradient(145deg,#fff0,#dcecff55);
  --home-pearl-tint:rgba(239,133,159,.20);
  --home-pearl-edge:rgba(225,109,132,.28);
  --home-pearl-shadow:rgba(150,57,78,.12);
  background:linear-gradient(130deg,#fffdfd,#fff0f4 62%,#fff7fa)!important;
}
.mauto-home-runtime #device-shell[data-device] :is(.ecosystem .cards > a[data-mauto-home-card="road"],.mobile-dashboard-tile[data-mauto-home-card="road"])::before {
  background:
    linear-gradient(115deg,rgba(255,226,234,.58),rgba(255,239,244,.44) 56%,rgba(255,229,237,.54)),
    var(--home-pearl-texture) center / 100% 100% no-repeat!important;
}
.mauto-home-runtime #device-shell[data-device="mobile"] .mobile-dashboard-tile:is([data-mauto-home-card="cars"],[data-mauto-home-card="parts"]) {
  --home-pearl-texture:linear-gradient(145deg,#fff0,#dcecff55);
  --home-pearl-tint:rgba(35,121,237,.26);
}
.mauto-home-runtime #device-shell[data-device] :is(.ecosystem .cards > a[data-mauto-home-card],.mobile-dashboard-tile[data-mauto-home-card]) .mauto-category-icon > .mauto-home-category-3d {
  display:block!important;
  position:static!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  opacity:1!important;
  filter:none!important;
  transform:none!important;
  mix-blend-mode:normal!important;
  background:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
}
@media(hover:hover) {
  .mauto-home-runtime #device-shell[data-device] :is(.ecosystem .cards > a[data-mauto-home-card],.mobile-dashboard-tile[data-mauto-home-card]):hover {
    box-shadow:0 4px 8px -4px var(--home-pearl-shadow),0 16px 30px -15px var(--home-pearl-shadow),inset 0 2px 1px #fff,inset 0 -2px 3px rgba(114,162,208,.13)!important;
    border-color:rgba(92,153,217,.40)!important;
  }
  .mauto-home-runtime #device-shell[data-device] :is(.ecosystem .cards > a[data-mauto-home-card="road"],.mobile-dashboard-tile[data-mauto-home-card="road"]):hover { border-color:rgba(217,101,126,.42)!important; }
}
@media(prefers-reduced-motion:reduce) {
  .mauto-home-runtime #device-shell[data-device] :is(.ecosystem .cards > a[data-mauto-home-card],.mobile-dashboard-tile[data-mauto-home-card]) { transition:none!important; }
}

/* Refined hierarchy across the existing responsive compositions. */
.mauto-home-runtime #device-shell[data-device] [data-mauto-home-card] strong{font-weight:650!important;letter-spacing:-.015em!important;color:#142338!important;}
.mauto-home-runtime #device-shell[data-device="mobile"] .mobile-dashboard-tile strong{font-size:14px!important;line-height:1.2!important;}
.mauto-home-runtime #device-shell[data-device="mobile"] .mobile-dashboard-tile small{font-size:11px!important;line-height:1.35!important;color:#53647b!important;}
.mauto-home-runtime #device-shell[data-device] [data-mauto-home-card="service"]{--home-pearl-tint:rgba(27,153,120,.18);}
.mauto-home-runtime #device-shell[data-device] [data-mauto-home-card="tuning"]{--home-pearl-tint:rgba(104,85,187,.18);}

/* Category destinations need one clear title, not a second miniature menu. */
.mauto-home-runtime #device-shell[data-device="mobile"] .mobile-dashboard-tile:is([data-mauto-home-card="cars"],[data-mauto-home-card="parts"]) small{display:none!important;}

.mauto-home-runtime #device-shell[data-device="mobile"] .mobile-dashboard-tile:is([data-mauto-home-card="cars"],[data-mauto-home-card="parts"]) > img {
  top:48px!important;bottom:10px!important;left:6px!important;right:6px!important;
  width:calc(100% - 12px)!important;height:calc(100% - 58px)!important;
  max-width:none!important;max-height:none!important;object-fit:contain!important;object-position:center!important;
}

/* Device quality: reserve independent copy and media rows inside compact tiles.
   Keep the nine destinations, supplied artwork and outer mosaic unchanged. */
.mauto-home-runtime #device-shell[data-device="mobile"] .mobile-dashboard-tile[data-mauto-home-card]:not([data-mauto-home-card="road"]) > span {
  box-sizing:border-box!important;
  grid-template-columns:22px minmax(0,1fr)!important;
  column-gap:6px!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  padding:10px 10px 0!important;
  transform:none!important;
}
.mauto-home-runtime #device-shell[data-device="mobile"] .mobile-dashboard-tile[data-mauto-home-card]:not([data-mauto-home-card="road"]) .mauto-category-icon {
  width:22px!important;
  height:22px!important;
  flex-basis:22px!important;
  margin:0!important;
}
.mauto-home-runtime #device-shell[data-device="mobile"] .mobile-dashboard-tile[data-mauto-home-card]:not([data-mauto-home-card="road"]) .mauto-category-icon > :is(img,svg) {
  width:22px!important;
  height:22px!important;
}
.mauto-home-runtime #device-shell[data-device="mobile"] .mobile-dashboard-tile[data-mauto-home-card]:not([data-mauto-home-card="road"]) strong {
  max-width:none!important;
  white-space:normal!important;
  overflow-wrap:break-word;
  hyphens:none;
}
.mauto-home-runtime #device-shell[data-device="mobile"] .mobile-dashboard-tile[data-mauto-home-card]:is([data-mauto-home-card="service"],[data-mauto-home-card="tuning"],[data-mauto-home-card="disassembly"],[data-mauto-home-card="schools"],[data-mauto-home-card="dealers"],[data-mauto-home-card="commercial"]) {
  display:grid!important;
  box-sizing:border-box!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  row-gap:8px!important;
  align-content:stretch!important;
  padding:10px 10px 6px!important;
}
.mauto-home-runtime #device-shell[data-device="mobile"] .mobile-dashboard-tile[data-mauto-home-card]:is([data-mauto-home-card="service"],[data-mauto-home-card="tuning"],[data-mauto-home-card="disassembly"],[data-mauto-home-card="schools"],[data-mauto-home-card="dealers"],[data-mauto-home-card="commercial"]) > span {
  grid-column:1!important;
  grid-row:1!important;
  padding:0!important;
}
.mauto-home-runtime #device-shell[data-device="mobile"] .mobile-dashboard-tile[data-mauto-home-card]:is([data-mauto-home-card="service"],[data-mauto-home-card="tuning"],[data-mauto-home-card="disassembly"],[data-mauto-home-card="schools"],[data-mauto-home-card="dealers"],[data-mauto-home-card="commercial"]) > img {
  position:static!important;
  inset:auto!important;
  grid-column:1!important;
  grid-row:2!important;
  justify-self:end!important;
  align-self:stretch!important;
  width:min(118px,100%)!important;
  height:100%!important;
  min-height:0!important;
  max-width:100%!important;
  max-height:100%!important;
  margin:0!important;
  object-fit:contain!important;
  object-position:right bottom!important;
  transform:none!important;
}

/* Roadside uses independent side-by-side copy and media columns. */
.mauto-home-runtime #device-shell[data-device="mobile"] .mobile-dashboard-tile[data-mauto-home-card="road"] > span{width:56%!important;max-width:56%!important;grid-template-columns:22px minmax(0,1fr)!important;gap:6px!important;padding:10px!important;box-sizing:border-box!important}
.mauto-home-runtime #device-shell[data-device="mobile"] .mobile-dashboard-tile[data-mauto-home-card="road"] strong{white-space:normal!important;max-width:100%!important}
.mauto-home-runtime #device-shell[data-device="mobile"] .mobile-dashboard-tile[data-mauto-home-card="road"] > img{width:42%!important;right:6px!important}
.mauto-home-runtime #device-shell[data-device="mobile"] .mobile-dashboard-tile[data-mauto-home-card="road"] .mauto-category-icon{width:22px!important;height:22px!important}