/* GrowCart Ecom | ecommerce icon accents | 2026-11-09
   Additive homepage-only details. No edits to global fonts, colors, content or layout. */
.gc-home-refresh #services .gc-stack-icon,
.gc-home-refresh #why-us .gc-benefit-icon,
.gc-home-refresh #process .gc-process-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: none;
  color: var(--blue-deep, #0058C4);
  background: var(--blue-pale, #E7F0FE);
  border: 1px solid var(--line, #DEE4F5);
  border-radius: 6px;
  box-shadow: 0 3px 8px rgba(4,0,55,.035);
  transition: background-color .36s cubic-bezier(.22,1,.36,1),
              box-shadow .36s cubic-bezier(.22,1,.36,1),
              transform .36s cubic-bezier(.22,1,.36,1);
}
.gc-home-refresh #services .gc-stack-icon {
  width: 52px;
  height: 52px;
}
.gc-home-refresh #services .gc-stack-icon svg,
.gc-home-refresh #why-us .gc-benefit-icon svg,
.gc-home-refresh #process .gc-process-icon svg {
  width: 26px;
  height: 26px;
  flex: none;
  display: block;
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition: transform .36s cubic-bezier(.22,1,.36,1);
}
.gc-home-refresh #services .gc-stack-icon svg { width: 27px; height: 27px; }
.gc-home-refresh #services .gc-service-card:hover .gc-stack-icon,
.gc-home-refresh #services .gc-service-card:focus-within .gc-stack-icon {
  background: var(--mist, #EEF2FB);
  box-shadow: 0 7px 17px rgba(4,0,55,.07);
}
.gc-home-refresh #services .gc-service-card:hover .gc-stack-icon svg,
.gc-home-refresh #services .gc-service-card:focus-within .gc-stack-icon svg {
  transform: translate3d(0,-2px,0) rotate(-4deg);
}
/* Benefit icons sit above existing card text: no new wording or layout columns. */
.gc-home-refresh #why-us .gc-benefit-icon {
  display: flex;
  width: 46px;
  height: 46px;
  margin-bottom: 14px;
}
.gc-home-refresh #why-us .gc-list > li:hover .gc-benefit-icon {
  background: var(--mist, #EEF2FB);
  box-shadow: 0 7px 18px rgba(4,0,55,.055);
  transform: translate3d(0,-2px,0);
}
.gc-home-refresh #why-us .gc-list > li:hover .gc-benefit-icon svg {
  transform: scale(1.06);
}
/* Step number is already on the left. The icon stays opposite it,
   leaving every step heading and description in its original place. */
.gc-home-refresh #process .gc-step {
  position: relative;
}
.gc-home-refresh #process .gc-process-icon {
  position: absolute;
  top: 17px;
  right: 16px;
  width: 40px;
  height: 40px;
}
.gc-home-refresh #process .gc-process-icon svg {
  width: 23px;
  height: 23px;
}
.gc-home-refresh #process .gc-step:hover .gc-process-icon {
  background: var(--mist, #EEF2FB);
  box-shadow: 0 7px 18px rgba(4,0,55,.06);
}
.gc-home-refresh #process .gc-step:hover .gc-process-icon svg {
  transform: translate3d(0,-2px,0) rotate(-3deg);
}
@media (max-width: 720px) {
  .gc-home-refresh #process .gc-process-icon { top: 16px; right: 18px; }
  .gc-home-refresh #why-us .gc-benefit-icon { width: 44px; height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
  .gc-home-refresh #services .gc-stack-icon,
  .gc-home-refresh #services .gc-stack-icon svg,
  .gc-home-refresh #why-us .gc-benefit-icon,
  .gc-home-refresh #why-us .gc-benefit-icon svg,
  .gc-home-refresh #process .gc-process-icon,
  .gc-home-refresh #process .gc-process-icon svg {
    transition: none !important;
    transform: none !important;
  }
}