/* AidBase alpha38 — AidIcon v2.0 */
.aid-icon{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round}
.aid-icon__primary{stroke:currentColor;stroke-width:2.6}
.aid-icon__accent{stroke:var(--aid-icon-accent,var(--menu-accent-2,#79be68));stroke-width:2.6}
.aid-icon__soft{stroke:color-mix(in srgb,currentColor 52%,transparent);stroke-width:2.25}
.aidbase-mobile-nav__service-icon{
  --aid-icon-accent:var(--menu-accent-2);
  color:var(--menu-accent);
  background:
    radial-gradient(circle at 72% 20%,color-mix(in srgb,var(--menu-accent-2) 20%,transparent),transparent 42%),
    linear-gradient(145deg,color-mix(in srgb,var(--menu-accent) 12%,#fff),#fff 75%);
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb,var(--menu-accent) 17%,transparent),
    0 9px 22px color-mix(in srgb,var(--menu-accent) 12%,transparent);
  transition:transform .24s cubic-bezier(.2,.75,.25,1),box-shadow .24s ease;
}
.aidbase-mobile-nav__service-icon .aid-icon{width:29px;height:29px}
.aidbase-mobile-nav__service:hover .aidbase-mobile-nav__service-icon{transform:translateY(-2px) scale(1.045);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--menu-accent) 22%,transparent),0 13px 26px color-mix(in srgb,var(--menu-accent) 17%,transparent)}
.aidbase-mobile-nav__service:active .aidbase-mobile-nav__service-icon{transform:scale(.96)}
.aidbase-mobile-nav__service--homecare:hover .aid-icon__accent{animation:aid-icon-support .7s ease both}
.aidbase-mobile-nav__service--consultation:hover .aid-icon__soft{animation:aid-icon-connect .7s ease both}
.aidbase-mobile-nav__service--child:hover .aid-icon__accent{animation:aid-icon-grow .7s ease both;transform-origin:24px 15px}
.aidbase-mobile-nav__service--after:hover .aid-icon__accent{animation:aid-icon-spark .7s ease both;transform-origin:34.5px 12.5px}
.aidbase-mobile-nav__icon .aid-icon{width:24px;height:24px;--aid-icon-accent:var(--aidbase-green)}
.aidbase-mobile-nav__contact .aid-icon{--aid-icon-accent:rgba(255,255,255,.72)}
.aidbase-header-contact .aid-icon{width:18px;height:18px;--aid-icon-accent:rgba(255,255,255,.7)}
@keyframes aid-icon-support{50%{transform:translateY(-1.4px)}100%{transform:none}}
@keyframes aid-icon-connect{50%{transform:scaleX(1.08)}100%{transform:none}}
@keyframes aid-icon-grow{50%{transform:scale(1.1) translateY(-1px)}100%{transform:none}}
@keyframes aid-icon-spark{50%{transform:rotate(10deg) scale(1.12)}100%{transform:none}}
@media(max-width:980px){
  .aidbase-mobile-nav__service-icon{width:46px!important;height:46px!important;border-radius:16px!important}
  .aidbase-mobile-nav__service-copy{padding-top:55px!important}
}
@media(prefers-reduced-motion:reduce){
  .aidbase-mobile-nav__service-icon,.aidbase-mobile-nav__service-icon *{animation:none!important;transition:none!important}
}

/* Service-specific AidIcon palette */
.aidbase-mobile-nav__service--homecare .aidbase-mobile-nav__service-icon{--aid-icon-accent:#2bb8ad;color:#2468b5}
.aidbase-mobile-nav__service--consultation .aidbase-mobile-nav__service-icon{--aid-icon-accent:#78c96c;color:#258d80}
.aidbase-mobile-nav__service--child .aidbase-mobile-nav__service-icon{--aid-icon-accent:#e9b83f;color:#6ebc62}
.aidbase-mobile-nav__service--after .aidbase-mobile-nav__service-icon{--aid-icon-accent:#f2a14b;color:#2ca9b7}
.aidbase-mobile-nav__service-icon{border-radius:18px!important}
.aidbase-mobile-nav__service-icon .aid-icon{width:31px;height:31px}


/* === alpha54: mobile service navigator — clear horizontal panels === */
@media (max-width: 700px) {
  .aidbase-mobile-nav__grid {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  .aidbase-mobile-nav__grid > .aidbase-mobile-nav__service {
    min-height: 112px !important;
    padding: 16px 16px !important;
    display: grid !important;
    grid-template-columns: 54px minmax(0, 1fr) 34px !important;
    grid-template-rows: auto !important;
    align-items: center !important;
    column-gap: 14px !important;
    border-radius: 22px !important;
    overflow: hidden !important;
    background: #fff !important;
    box-shadow: 0 10px 26px rgba(21, 48, 78, .075) !important;
  }

  .aidbase-mobile-nav__service--homecare {
    border: 1px solid rgba(45, 120, 201, .22) !important;
    background: linear-gradient(100deg, #fff 0%, #f4f8ff 100%) !important;
  }
  .aidbase-mobile-nav__service--consultation {
    border: 1px solid rgba(45, 151, 113, .22) !important;
    background: linear-gradient(100deg, #fff 0%, #f2faf6 100%) !important;
  }
  .aidbase-mobile-nav__service--child {
    border: 1px solid rgba(226, 147, 61, .22) !important;
    background: linear-gradient(100deg, #fff 0%, #fff8ef 100%) !important;
  }
  .aidbase-mobile-nav__service--after {
    border: 1px solid rgba(119, 87, 191, .22) !important;
    background: linear-gradient(100deg, #fff 0%, #f8f5ff 100%) !important;
  }

  .aidbase-mobile-nav__service-art {
    inset: 0 !important;
    z-index: 0 !important;
    opacity: .7 !important;
  }
  .aidbase-mobile-nav__service-art::before {
    right: -38px !important;
    top: -48px !important;
    width: 126px !important;
    height: 126px !important;
    opacity: .55 !important;
  }
  .aidbase-mobile-nav__service-art::after,
  .aidbase-mobile-nav__service-art span {
    display: none !important;
  }

  .aidbase-mobile-nav__service-icon {
    grid-column: 1 !important;
    grid-row: 1 !important;
    width: 52px !important;
    height: 52px !important;
    border-radius: 17px !important;
    align-self: center !important;
    justify-self: start !important;
    margin: 0 !important;
    z-index: 2 !important;
    background: rgba(255,255,255,.92) !important;
  }
  .aidbase-mobile-nav__service-icon .aid-icon {
    width: 31px !important;
    height: 31px !important;
  }

  .aidbase-mobile-nav__service-copy {
    grid-column: 2 !important;
    grid-row: 1 !important;
    padding: 0 !important;
    min-width: 0 !important;
    align-self: center !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    z-index: 2 !important;
  }
  .aidbase-mobile-nav__service-copy em {
    order: 1 !important;
    margin: 0 0 4px !important;
    font-size: 8px !important;
    line-height: 1.2 !important;
    letter-spacing: .13em !important;
    white-space: nowrap !important;
  }
  .aidbase-mobile-nav__service-copy strong {
    order: 2 !important;
    margin: 0 !important;
    font-size: 18px !important;
    line-height: 1.25 !important;
    letter-spacing: -.035em !important;
    white-space: nowrap !important;
  }
  .aidbase-mobile-nav__service-copy small {
    order: 3 !important;
    min-height: 0 !important;
    margin: 6px 0 0 !important;
    color: #5b6879 !important;
    font-size: 10px !important;
    line-height: 1.45 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  .aidbase-mobile-nav__service-copy b {
    order: 4 !important;
    align-self: flex-start !important;
    margin: 7px 0 0 !important;
    padding: 4px 8px !important;
    font-size: 8px !important;
    line-height: 1 !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.82) !important;
  }

  .aidbase-mobile-nav__service-arrow {
    grid-column: 3 !important;
    grid-row: 1 !important;
    align-self: center !important;
    justify-self: end !important;
    width: 32px !important;
    height: 32px !important;
    border-radius: 50% !important;
    display: grid !important;
    place-items: center !important;
    font-size: 17px !important;
    line-height: 1 !important;
    background: rgba(255,255,255,.88) !important;
    z-index: 2 !important;
  }
}
