/* SOY UI FIX 23
   Standard card: same border treatment as the other plans,
   slightly elevated with a soft shadow and a restrained emphasis pulse.
*/

/* Static recommendation badge. */
.visit-cards .service-card.plan-standard .recommend-badge-live{
  position:relative!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:30px!important;
  padding:6px 11px!important;
  border:1px solid #c9ddd0!important;
  border-radius:999px!important;
  background:#eef5f0!important;
  color:#476f5a!important;
  font-size:12.5px!important;
  line-height:1!important;
  font-weight:800!important;
  letter-spacing:-.12px!important;
  box-shadow:0 4px 12px rgba(76,119,94,.08)!important;
  transform:none!important;
  scale:1!important;
  filter:none!important;
  animation:none!important;
  overflow:visible!important;
  isolation:isolate!important;
}

.visit-cards .service-card.plan-standard .recommend-label{
  position:relative;
  z-index:2;
}

.visit-cards .service-card.plan-standard .recommend-beacon{
  position:relative;
  z-index:2;
  flex:0 0 7px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:#6f9e81;
  box-shadow:none!important;
  scale:1!important;
  animation:none!important;
}

.visit-cards .service-card.plan-standard .recommend-beacon::after{
  content:none!important;
  display:none!important;
  animation:none!important;
}

/* Match the same border system as the other pricing cards. */
.visit-cards .service-card.plan-standard{
  position:relative!important;
  border:1.5px solid var(--plan-border)!important;
  background:#fff!important;
  overflow:visible!important;
  translate:0 -3px;
  box-shadow:
    0 16px 34px rgba(45,67,55,.13),
    0 4px 10px rgba(61,146,91,.07)!important;
  animation:none!important;
}

/* Soft shadow accent only — no extra border/ring. */
.visit-cards .service-card.plan-standard::before{
  content:none!important;
  display:none!important;
}

.visit-cards .service-card.plan-standard::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  left:7%!important;
  right:7%!important;
  bottom:-12px!important;
  height:28px!important;
  border:0!important;
  border-radius:50%!important;
  background:rgba(61,146,91,.12)!important;
  filter:blur(18px)!important;
  opacity:.34!important;
  scale:1!important;
  pointer-events:none!important;
  z-index:0!important;
  animation:soyStandardSoftShadow23 6.4s ease-in-out infinite!important;
}

.visit-cards .service-card.plan-standard>*{
  position:relative;
  z-index:1;
}

@keyframes soyStandardSoftShadow23{
  0%,100%{
    opacity:.28;
    scale:.96 1;
  }
  35%,70%{
    opacity:.50;
    scale:1.04 1.08;
  }
  88%{
    opacity:.34;
    scale:.99 1.02;
  }
}

@media(max-width:760px){
  .visit-cards .service-card.plan-standard{
    translate:0 -2px;
    box-shadow:
      0 13px 28px rgba(45,67,55,.12),
      0 3px 8px rgba(61,146,91,.06)!important;
  }
  .visit-cards .service-card.plan-standard .recommend-badge-live{
    min-height:28px!important;
    padding:6px 10px!important;
    font-size:12px!important;
    gap:6px!important;
  }
  .visit-cards .service-card.plan-standard::after{
    bottom:-9px!important;
    height:22px!important;
    filter:blur(15px)!important;
    animation-duration:6.8s!important;
  }
}

/* Reduced-motion keeps the same visual hierarchy, with only a slow opacity change. */
@media(prefers-reduced-motion:reduce){
  .visit-cards .service-card.plan-standard{
    translate:0 -3px!important;
    animation:none!important;
  }
  .visit-cards .service-card.plan-standard::after{
    scale:1!important;
    animation:soyStandardSoftShadowReduced23 6.4s ease-in-out infinite!important;
  }
}

@keyframes soyStandardSoftShadowReduced23{
  0%,100%{opacity:.30}
  35%,70%{opacity:.48}
  88%{opacity:.34}
}

/* Close button: remove browser/global focus ring. */
.service-native-dialog .native-dialog-close,
.service-native-dialog .native-dialog-close:hover,
.service-native-dialog .native-dialog-close:focus,
.service-native-dialog .native-dialog-close:focus-visible,
.service-native-dialog .native-dialog-close:active{
  -webkit-appearance:none!important;
  appearance:none!important;
  border:0!important;
  outline:0!important;
  outline-offset:0!important;
  box-shadow:none!important;
  background:transparent!important;
  -webkit-tap-highlight-color:transparent!important;
}

.service-native-dialog .native-dialog-close:focus-visible{
  color:#52616a!important;
  opacity:1!important;
}