/* Symbols, not miniatures: consistent strokes, generous optical space, no gloss. */
@layer home554 {
 .site-shell.jcs-home-design .home-redesign .service-dock-objects :is(.service-dock-icon,.service-dock-more>span){width:44px!important;height:44px!important;flex-basis:44px!important;border-radius:11px!important;border-color:transparent!important;box-shadow:none!important;background:#fff!important}
 .site-shell.jcs-home-design .home-redesign .service-dock-objects .service-object-icon{width:32px!important;height:32px!important}
 .site-shell.jcs-home-design .home-redesign .service-dock-objects .service-dock-row-all .service-object-icon{width:24px!important;height:24px!important}
 .site-shell.jcs-home-design .home-redesign .service-dock-objects .service-dock-row-all .service-dock-icon{width:28px!important;height:28px!important;flex-basis:28px!important}
 .site-shell .drawer-service-icon .service-object-icon{width:28px!important;height:28px!important}
 @media(hover:hover){
  .site-shell.jcs-home-design .home-redesign .service-dock-objects :is(.service-dock-item,.service-dock-more):hover :is(.service-dock-icon,span:first-child){border-color:#e9e5ef!important;background:#f7f5fa!important;box-shadow:none!important;transform:none!important}
  .site-shell.jcs-home-design .home-redesign .service-dock-objects .service-dock-row-all .service-dock-item:hover .service-dock-icon{background:transparent!important;border-color:transparent!important}
 }
}

/* Match the visible artwork, not the reference sprite's transparent canvas.
   Keep symbols around 22–24px inside the 44px desktop tile. */
@layer home554 {
 .site-shell.jcs-home-design .home-redesign .service-dock-objects .service-dock-desktop :is(.service-dock-item,.service-dock-more){gap:4px!important;min-height:68px!important}
 .site-shell.jcs-home-design .home-redesign .service-dock-objects .service-dock-desktop :is(.service-dock-icon,.service-dock-more>span){border-color:#eff0f2!important;border-radius:14px!important;box-shadow:0 1px 2px #20242c08!important}
 .site-shell.jcs-home-design .home-redesign .service-dock-objects .service-dock-desktop .service-object-icon{width:28px!important;height:28px!important}
 .site-shell.jcs-home-design .home-redesign .service-dock-objects .service-dock-desktop .service-dock-now .service-object-icon{width:32px!important;height:32px!important}
 .site-shell.jcs-home-design .home-redesign .service-dock-objects .service-dock-desktop .service-dock-more .service-object-icon{width:22px!important;height:22px!important}
 .site-shell.jcs-home-design .home-redesign .service-dock-objects .service-dock-desktop :is(.service-dock-label,.service-dock-more small){font-size:13.65px!important;letter-spacing:0!important}
 @media(hover:hover){
  .site-shell.jcs-home-design .home-redesign .service-dock-objects .service-dock-desktop :is(.service-dock-item,.service-dock-more):hover :is(.service-dock-icon,span:first-child){border-color:#dcd8e4!important;box-shadow:0 2px 4px #20242c12!important}
 }
}

@layer home554 {
 .site-shell.jcs-home-design .home-redesign :is(.module-icon-action,.sidebar-more-arrow){display:grid!important;place-items:center!important;padding:0!important}
 .site-shell.jcs-home-design .home-redesign .module-icon-action .service-object-icon{display:block!important;width:22px!important;height:22px!important;object-fit:contain!important}
 .site-shell.jcs-home-design .home-redesign .sidebar-more-arrow .service-object-icon{display:block!important;width:20px!important;height:20px!important;object-fit:contain!important}
}