/* Nail Insider Club V12 — careful motion, natural photographs and footer-safe support.
   Additive styles only; the underlying pages, links and forms are unchanged. */

/* Preserve the ORIGINAL proportions of the 19 skill photographs. The previous
   landscape aspect-ratio and object-fit:cover cropped source photographs. */
.skills .skill-grid{
  gap:20px!important;
  align-items:flex-start!important;
}
.skills .skill-card{
  flex:0 0 min(43%, 490px)!important;
  min-width:0;
}
.skills .skill-img{
  aspect-ratio:auto!important;
  height:auto!important;
  min-height:0!important;
  display:block!important;
  overflow:hidden;
  background:#eee9e4;
}
.skills .skill-img img{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:auto!important;
  max-width:100%!important;
  object-fit:contain!important;
  object-position:center center!important;
}
.skills .skill-img.asset-missing{min-height:260px!important;}
.skills .skill-img.asset-missing img{display:none!important;}

/* Small, quiet reminder roughly once every six seconds, not constant bouncing. */
@keyframes nicV12HelpReminder{
  0%,77%,100%{transform:translateY(0) scale(1);}
  81%{transform:translateY(-3px) scale(1.022);}
  85%{transform:translateY(0) scale(1);}
  89%{transform:translateY(-1.5px) scale(1.012);}
  93%{transform:translateY(0) scale(1);}
}
.nic-help-trigger{
  --nic-footer-lift:0px;
  bottom:calc(22px + env(safe-area-inset-bottom,0px) + var(--nic-footer-lift))!important;
  animation:nicV12HelpReminder 6.4s ease-in-out infinite;
  will-change:transform;
}
.nic-help-trigger:hover,.nic-help-trigger:focus-visible,
.nic-help-trigger[aria-expanded="true"]{animation-play-state:paused;transform:translateY(0);}

/* Deliberately tiny attention cue for selected checkout call-to-action. */
@keyframes nicV12PlanCue{
  0%,100%{transform:translateX(0) scale(1);}
  20%{transform:translateX(-3px) scale(1.012);}
  43%{transform:translateX(3px) scale(1.017);}
  65%{transform:translateX(-1.5px) scale(1.010);}
  83%{transform:translateX(1px) scale(1.004);}
}
.price-plan-v5 .plan-action.nic-v12-cue{
  animation:nicV12PlanCue 680ms cubic-bezier(.24,.66,.28,1) both!important;
}
.price-plan-v5 .plan-action:focus-visible{outline:3px solid #ffac72;outline-offset:4px;}

/* Counting figures keep their line-box width stable and are never a live region. */
.hero .hero-facts b{font-variant-numeric:tabular-nums;white-space:nowrap;}

@media(max-width:700px){
  .skills .skill-card{flex:0 0 min(78vw,342px)!important;}
  .skills .skill-img.asset-missing{min-height:220px!important;}
  .nic-help-trigger{
    bottom:calc(12px + env(safe-area-inset-bottom,0px) + var(--nic-footer-lift))!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .nic-help-trigger,.price-plan-v5 .plan-action.nic-v12-cue{animation:none!important;}
}