/* RC4.10.13.4 — Labkhand permanent CTA system.
   Visual goals: unmistakably interactive, soft dimensionality, brand-owned
   color hierarchy and restrained motion without copying any third-party UI. */
:root{
  --lv3-cta4-ease:cubic-bezier(.16,1,.3,1);
  --lv3-cta4-fast:180ms;
  --lv3-cta4-normal:260ms;
  --lv3-cta4-radius:17px;
  --lv3-cta4-ink:#173b63;
  --lv3-cta4-line:rgba(23,59,99,.13);
  --lv3-cta4-soft-shadow:0 2px 0 rgba(23,59,99,.055),0 10px 24px rgba(23,59,99,.09),inset 0 1px 0 rgba(255,255,255,.96);
  --lv3-cta4-soft-shadow-hover:0 3px 0 rgba(23,59,99,.065),0 16px 34px rgba(23,59,99,.14),inset 0 1px 0 rgba(255,255,255,.98);
}

body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4{
  --lv3-cta4-x:50%;
  --lv3-cta4-y:34%;
  position:relative!important;
  isolation:isolate;
  overflow:hidden;
  min-height:50px!important;
  padding:0 20px!important;
  border:1px solid var(--lv3-cta4-line)!important;
  border-radius:var(--lv3-cta4-radius)!important;
  font-weight:850!important;
  line-height:1.35!important;
  letter-spacing:-.05px;
  text-decoration:none!important;
  -webkit-tap-highlight-color:transparent;
  touch-action:manipulation;
  box-shadow:var(--lv3-cta4-soft-shadow)!important;
  transition:
    translate var(--lv3-cta4-normal) var(--lv3-cta4-ease),
    scale var(--lv3-cta4-normal) var(--lv3-cta4-ease),
    box-shadow var(--lv3-cta4-normal) var(--lv3-cta4-ease),
    border-color var(--lv3-cta4-fast) ease,
    background-color var(--lv3-cta4-fast) ease,
    color var(--lv3-cta4-fast) ease!important;
}

/* Pointer-tracked soft highlight. It is intentionally subtle and only becomes
   visible on hover/focus, preserving the calm editorial character. */
body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:1px;
  border-radius:calc(var(--lv3-cta4-radius) - 2px);
  pointer-events:none;
  background:radial-gradient(circle at var(--lv3-cta4-x) var(--lv3-cta4-y),rgba(255,255,255,.72) 0,rgba(255,255,255,.24) 24%,rgba(255,255,255,0) 54%);
  opacity:.12;
  transition:opacity var(--lv3-cta4-normal) var(--lv3-cta4-ease);
}

body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4:is(:hover,:focus-visible)::before{opacity:.78}
body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4:is(:hover,:focus-visible){
  translate:0 -2px;
  scale:1.012;
  box-shadow:var(--lv3-cta4-soft-shadow-hover)!important;
}
body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4:active,
body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4.lv3-ir-pressed{
  translate:0 1px;
  scale:.985;
  transition-duration:90ms!important;
  box-shadow:0 1px 0 rgba(23,59,99,.04),0 5px 13px rgba(23,59,99,.08),inset 0 1px 2px rgba(23,59,99,.05)!important;
}
body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4:focus-visible{
  outline:3px solid rgba(19,184,199,.30)!important;
  outline-offset:3px!important;
}

/* PRIMARY — booking / submit / highest-conversion actions. */
body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4[data-lv3-cta-kind="primary"]{
  min-height:52px!important;
  color:#fff!important;
  border-color:rgba(194,0,86,.36)!important;
  background:linear-gradient(180deg,#ff338f 0%,#f70a78 48%,#e90069 100%)!important;
  box-shadow:0 2px 0 rgba(150,0,66,.24),0 12px 27px rgba(247,10,120,.24),inset 0 1px 0 rgba(255,255,255,.43),inset 0 -1px 0 rgba(116,0,50,.12)!important;
  text-shadow:0 1px 0 rgba(88,0,39,.12);
}
body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4[data-lv3-cta-kind="primary"]:is(:hover,:focus-visible){
  border-color:rgba(194,0,86,.45)!important;
  box-shadow:0 3px 0 rgba(150,0,66,.23),0 18px 36px rgba(247,10,120,.30),inset 0 1px 0 rgba(255,255,255,.50),inset 0 -1px 0 rgba(116,0,50,.12)!important;
}
body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4[data-lv3-cta-kind="primary"]:active,
body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4[data-lv3-cta-kind="primary"].lv3-ir-pressed{
  box-shadow:0 1px 0 rgba(150,0,66,.16),0 7px 16px rgba(247,10,120,.18),inset 0 2px 4px rgba(91,0,40,.16)!important;
}

/* SECONDARY / contextual — all home section CTAs become visibly tappable. */
body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4[data-lv3-cta-kind="secondary"]{
  color:#0e5573!important;
  border-color:rgba(19,184,199,.21)!important;
  background:linear-gradient(180deg,#ffffff 0%,#f8fdfe 57%,#eef9fa 100%)!important;
  box-shadow:0 2px 0 rgba(12,107,116,.07),0 11px 25px rgba(23,59,99,.09),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(19,184,199,.08)!important;
}
body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4[data-lv3-cta-kind="secondary"]:is(:hover,:focus-visible){
  color:#074f70!important;
  border-color:rgba(19,184,199,.36)!important;
  background:linear-gradient(180deg,#fff 0%,#f6fdfe 48%,#e8f8fa 100%)!important;
}

/* LIGHT — used on navy sections but keeps the same material grammar. */
body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4[data-lv3-cta-kind="light"]{
  color:#173b63!important;
  border-color:rgba(255,255,255,.72)!important;
  background:linear-gradient(180deg,#fff 0%,#fbfdff 52%,#edf7fb 100%)!important;
  box-shadow:0 2px 0 rgba(5,34,60,.17),0 14px 30px rgba(4,28,51,.20),inset 0 1px 0 #fff!important;
}

/* COMPACT — service details, article reading, minor contextual actions. These
   used to look like plain text; they now read immediately as small controls. */
body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4[data-lv3-cta-kind="compact"]{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:max-content!important;
  max-width:100%;
  min-height:42px!important;
  padding:8px 14px!important;
  margin-top:auto;
  border-radius:14px!important;
  color:#0a688b!important;
  font-size:13.25px!important;
  font-weight:850!important;
  white-space:normal!important;
  border-color:rgba(19,184,199,.18)!important;
  background:linear-gradient(180deg,#fff 0%,#f8fcfd 60%,#eef9fa 100%)!important;
  box-shadow:0 2px 0 rgba(19,184,199,.055),0 8px 18px rgba(23,59,99,.075),inset 0 1px 0 #fff!important;
}
body.labkhand-v3.lv3-cta-system-v410134 .lv3-card__body>.lv3-cta4[data-lv3-cta-kind="compact"],
body.labkhand-v3.lv3-cta-system-v410134 .lv3-related-article>.lv3-cta4[data-lv3-cta-kind="compact"]{
  align-self:flex-start!important;
}
body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4[data-lv3-cta-kind="compact"]:is(:hover,:focus-visible){
  color:#075978!important;
  border-color:rgba(19,184,199,.34)!important;
  box-shadow:0 2px 0 rgba(19,184,199,.07),0 13px 26px rgba(23,59,99,.11),inset 0 1px 0 #fff!important;
}
body.labkhand-v3.lv3-cta-system-v410134 .lv3-section--navy .lv3-cta4[data-lv3-cta-kind="compact"],
body.labkhand-v3.lv3-cta-system-v410134 .lv3-final-cta .lv3-cta4[data-lv3-cta-kind="compact"]{
  color:#173b63!important;
  border-color:rgba(255,255,255,.65)!important;
  background:linear-gradient(180deg,#fff,#ecf8fb)!important;
}

/* REVIEW — preserve each service icon but unify the tactile frame. */
body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4[data-lv3-cta-kind="review"]{
  width:100%!important;
  min-height:52px!important;
  padding:9px 14px!important;
  gap:9px!important;
  color:#173b63!important;
  border-color:rgba(23,59,99,.13)!important;
  background:linear-gradient(180deg,#fff 0%,#f8fbfd 57%,#eff6fa 100%)!important;
  box-shadow:0 2px 0 rgba(23,59,99,.06),0 10px 22px rgba(23,59,99,.09),inset 0 1px 0 #fff!important;
}
body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4[data-lv3-cta-kind="review"] .lv3-sticker{
  flex:0 0 auto;
  filter:drop-shadow(0 5px 7px rgba(23,59,99,.10));
}
body.labkhand-v3.lv3-cta-system-v410134 .lv3-google-review-btn.lv3-cta4{border-color:rgba(19,184,199,.24)!important}
body.labkhand-v3.lv3-cta-system-v410134 .lv3-instagram-review-btn.lv3-cta4{border-color:rgba(247,10,120,.19)!important}
body.labkhand-v3.lv3-cta-system-v410134 .lv3-upload-review-btn.lv3-cta4{border-color:rgba(255,194,71,.34)!important}

/* ROUTE — only the material/depth is normalized here; route icon redesign is
   deliberately left for the Contact/Mobile deep-repair release. */
body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4[data-lv3-cta-kind="route"]{
  min-height:54px!important;
  border-color:rgba(19,184,199,.16)!important;
  background:linear-gradient(180deg,#fff 0%,#f8fcfd 52%,#edf8fa 100%)!important;
  box-shadow:0 2px 0 rgba(23,59,99,.055),0 10px 22px rgba(23,59,99,.085),inset 0 1px 0 #fff!important;
}

/* Keep icon/sticker layers above the moving highlight. */
body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4>*{position:relative;z-index:1}

/* No-JS / delayed-JS baseline: important CTA affordance is never dependent
   on enhancement JavaScript. */
body.labkhand-v3.lv3-cta-system-v410134 :where(.lv3-btn,.lv3-text-link,.lv3-review-action-btn,.lv3-route-button:not(.is-disabled)):not(.lv3-cta4){
  min-height:44px!important;
  border-radius:16px!important;
  border:1px solid rgba(23,59,99,.13)!important;
  box-shadow:0 2px 0 rgba(23,59,99,.05),0 9px 20px rgba(23,59,99,.08),inset 0 1px 0 rgba(255,255,255,.92)!important;
}
body.labkhand-v3.lv3-cta-system-v410134 .lv3-text-link:not(.lv3-cta4){
  display:inline-flex!important;align-items:center!important;padding:8px 14px!important;
  background:linear-gradient(180deg,#fff,#eef9fa)!important;color:#0a688b!important;
}

/* Disabled controls must never inherit hover lift. */
body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4[aria-disabled="true"],
body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4:disabled{
  opacity:.55;
  cursor:not-allowed;
  translate:0 0!important;
  scale:1!important;
  box-shadow:none!important;
}

@media(max-width:782px){
  body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4{
    min-height:48px!important;
    padding-inline:17px!important;
    border-radius:16px!important;
  }
  body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4[data-lv3-cta-kind="primary"]{min-height:50px!important}
  body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4[data-lv3-cta-kind="compact"]{
    min-height:44px!important;
    padding:8px 13px!important;
    font-size:13px!important;
  }
  /* Touch devices use press feedback instead of hover lift. */
  body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4:hover{translate:0 0;scale:1}
  body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4:focus-visible{translate:0 -1px;scale:1.006}
}

@media(hover:none){
  body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4:hover{translate:0 0;scale:1}
  body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4::before{opacity:.18}
}

@media(prefers-reduced-motion:reduce){
  body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4,
  body.labkhand-v3.lv3-cta-system-v410134 .lv3-cta4::before{
    transition:none!important;
    animation:none!important;
    translate:0 0!important;
    scale:1!important;
  }
}