/* V173 — UI system cleanup: one CTA language, one carousel language, consistent weights */

:root{
  --v173-radius:16px;
  --v173-btn-h:56px;
  --v173-btn-h-mobile:58px;
  --v173-btn-font:15px;
  --v173-btn-font-mobile:15.5px;
  --v173-btn-weight:700;
}

/* One typography hierarchy for interactive UI */
html body[data-release="v173"] .button,
html body[data-release="v173"] .service-copy-v107 button,
html body[data-release="v173"] .property45-cta-v75 button,
html body[data-release="v173"] .faq-chat-foot-v122 button,
html body[data-release="v173"] .contact-picker-lead-v100,
html body[data-release="v173"] .final-actions .button{
  min-height:var(--v173-btn-h)!important;
  border-radius:var(--v173-radius)!important;
  padding:12px 18px!important;
  font-size:var(--v173-btn-font)!important;
  line-height:1.15!important;
  font-weight:var(--v173-btn-weight)!important;
  letter-spacing:0!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:12px!important;
  text-decoration:none!important;
  box-sizing:border-box!important;
}
html body[data-release="v173"] .button-gold,
html body[data-release="v173"] .service-copy-v107 .service-primary-v111 button,
html body[data-release="v173"] #quiz .quiz-actions .button-gold{
  font-weight:var(--v173-btn-weight)!important;
}
html body[data-release="v173"] .button-light,
html body[data-release="v173"] .service-copy-v107 button:not(.button-gold){
  font-weight:var(--v173-btn-weight)!important;
}

/* CTA arrow: ONE clean triangle. Kill every old pseudo-element/chevron. */
html body[data-release="v173"] .ui-arrow-v140{
  position:relative!important;
  display:inline-block!important;
  width:0!important;
  height:0!important;
  min-width:0!important;
  flex:0 0 auto!important;
  margin-left:auto!important;
  border-top:5px solid transparent!important;
  border-bottom:5px solid transparent!important;
  border-left:8px solid currentColor!important;
  border-right:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  transform:none!important;
  opacity:1!important;
}
html body[data-release="v173"] .ui-arrow-v140::before,
html body[data-release="v173"] .ui-arrow-v140::after{
  content:none!important;
  display:none!important;
}
html body[data-release="v173"] .is-left-v140.ui-arrow-v140{
  border-left:0!important;
  border-right:8px solid currentColor!important;
}

/* Service-card CTAs use exactly the same geometry; inject triangle visually. */
html body[data-release="v173"] .service-copy-v107 button{
  justify-content:space-between!important;
}
html body[data-release="v173"] .service-copy-v107 button .ui-arrow-v140{
  margin-left:12px!important;
}

/* Quiz: Back left, Continue right, same geometry as all CTAs. */
html body[data-release="v173"] #quiz .quiz-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
}
html body[data-release="v173"] #quiz .quiz-actions [data-quiz-prev]{order:1!important;margin-right:auto!important}
html body[data-release="v173"] #quiz .quiz-actions [data-quiz-next]{order:2!important;margin-left:auto!important}
html body[data-release="v173"] #quiz .quiz-actions .button{min-width:160px!important}

/* Carousel controls: separate language, round buttons + single chevron. */
html body[data-release="v173"] .carousel-button-v58,
html body[data-release="v173"] .carousel-arrow-v58{
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  min-height:44px!important;
  padding:0!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  position:relative!important;
  overflow:hidden!important;
}
html body[data-release="v173"] .carousel-arrow-v58 img{display:none!important}
html body[data-release="v173"] .carousel-button-v58 .ui-chevron-v140{display:none!important}
html body[data-release="v173"] .carousel-button-v58::before,
html body[data-release="v173"] .carousel-arrow-v58::before{
  content:""!important;
  width:9px!important;
  height:9px!important;
  border-top:2px solid currentColor!important;
  border-right:2px solid currentColor!important;
  position:absolute!important;
  top:50%!important;
  left:50%!important;
  margin:0!important;
  background:none!important;
  box-shadow:none!important;
}
html body[data-release="v173"] [data-carousel-prev].carousel-button-v58::before,
html body[data-release="v173"] [data-carousel-prev].carousel-arrow-v58::before{
  transform:translate(-35%,-50%) rotate(-135deg)!important;
}
html body[data-release="v173"] [data-carousel-next].carousel-button-v58::before,
html body[data-release="v173"] [data-carousel-next].carousel-arrow-v58::before{
  transform:translate(-65%,-50%) rotate(45deg)!important;
}
html body[data-release="v173"] .carousel-controls-v58,
html body[data-release="v173"] .cases-controls-v129{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:10px!important;
}

/* Avoid accidental extra-bold UI labels */
html body[data-release="v173"] .hero-button-label-v135,
html body[data-release="v173"] .button strong,
html body[data-release="v173"] .service-copy-v107 button,
html body[data-release="v173"] #quiz .quiz-actions .button{
  font-weight:700!important;
}

/* Mobile sticky header: compact, translucent, and not visually slicing sections. */
@media(max-width:699px){
  html body[data-release="v173"] .site-header-v51{
    position:sticky!important;
    top:0!important;
    z-index:100!important;
    background:rgba(251,247,239,.93)!important;
    -webkit-backdrop-filter:blur(14px) saturate(1.05)!important;
    backdrop-filter:blur(14px) saturate(1.05)!important;
    box-shadow:0 1px 0 rgba(21,35,61,.07)!important;
  }
  html body[data-release="v173"] .site-header-v51 .header51-top{
    min-height:68px!important;
  }
  html body[data-release="v173"] .site-header-v51 .brand-v27 img{
    width:154px!important;
    max-height:52px!important;
  }
  html body[data-release="v173"] .site-header-v51 .menu-toggle{
    width:44px!important;
    height:44px!important;
    min-width:44px!important;
    min-height:44px!important;
    border-radius:12px!important;
  }
  html body[data-release="v173"] main section[id]{scroll-margin-top:78px!important}

  html body[data-release="v173"] .button,
  html body[data-release="v173"] .service-copy-v107 button,
  html body[data-release="v173"] .property45-cta-v75 button,
  html body[data-release="v173"] .faq-chat-foot-v122 button,
  html body[data-release="v173"] .final-actions .button{
    min-height:var(--v173-btn-h-mobile)!important;
    border-radius:var(--v173-radius)!important;
    font-size:var(--v173-btn-font-mobile)!important;
    padding:13px 18px!important;
  }
  html body[data-release="v173"] #quiz .quiz-actions .button{
    min-width:0!important;
    flex:1 1 0!important;
  }
}

/* Desktop/tablet header/button alignment */
@media(min-width:700px){
  html body[data-release="v173"] .header51-cta,
  html body[data-release="v173"] .header51-write-v107{
    min-height:46px!important;
    border-radius:14px!important;
    font-size:13.5px!important;
    font-weight:700!important;
  }
}

/* V173.1 — hard override legacy component geometry */
html body[data-release="v173"] #top .hero-actions .button,
html body[data-release="v173"] .mobile-hero-v170__actions .button,
html body[data-release="v173"] #services .service-copy-v107 button,
html body[data-release="v173"] #quiz .quiz-actions .button,
html body[data-release="v173"] #property .button,
html body[data-release="v173"] .lawyer-strip-v73 .button,
html body[data-release="v173"] #pricing .button,
html body[data-release="v173"] #faq .button,
html body[data-release="v173"] #contacts .button,
html body[data-release="v173"] .contact-picker-dialog-v100 .button,
html body[data-release="v173"] .modal-dialog .button{
  min-height:56px!important;
  height:auto!important;
  border-radius:16px!important;
  padding:12px 18px!important;
  font-size:15px!important;
  line-height:1.15!important;
  font-weight:700!important;
  letter-spacing:0!important;
}
html body[data-release="v173"] #services .service-copy-v107 button{
  width:100%!important;
  max-width:290px!important;
  justify-content:center!important;
}
html body[data-release="v173"] #top .hero-actions .button,
html body[data-release="v173"] .mobile-hero-v170__actions .button,
html body[data-release="v173"] #quiz .quiz-actions .button,
html body[data-release="v173"] #contacts .button{
  font-weight:700!important;
}

/* Completely remove legacy arrow implementations. Triangle belongs to the button, not the old span. */
html body[data-release="v173"] .ui-arrow-v140{
  display:none!important;
}
html body[data-release="v173"] .button:has(.ui-arrow-v140)::after,
html body[data-release="v173"] .service-copy-v107 button:has(.ui-arrow-v140)::after{
  content:""!important;
  display:block!important;
  width:0!important;
  height:0!important;
  flex:0 0 auto!important;
  margin-left:12px!important;
  border-top:5px solid transparent!important;
  border-bottom:5px solid transparent!important;
  border-left:8px solid currentColor!important;
  border-right:0!important;
  background:none!important;
  box-shadow:none!important;
  transform:none!important;
}
html body[data-release="v173"] .button:has(.ui-arrow-v140){
  justify-content:center!important;
}

/* Header uses the same triangle/weight, only compact dimensions. */
html body[data-release="v173"] .site-header-v51 .button{
  min-height:44px!important;
  border-radius:14px!important;
  padding:9px 14px!important;
  font-size:13.5px!important;
  font-weight:700!important;
}

@media(max-width:699px){
  html body[data-release="v173"] #top .hero-actions .button,
  html body[data-release="v173"] .mobile-hero-v170__actions .button,
  html body[data-release="v173"] #services .service-copy-v107 button,
  html body[data-release="v173"] #quiz .quiz-actions .button,
  html body[data-release="v173"] #property .button,
  html body[data-release="v173"] .lawyer-strip-v73 .button,
  html body[data-release="v173"] #pricing .button,
  html body[data-release="v173"] #faq .button,
  html body[data-release="v173"] #contacts .button{
    min-height:58px!important;
    border-radius:16px!important;
    font-size:15.5px!important;
    font-weight:700!important;
  }
  html body[data-release="v173"] #services .service-copy-v107 button{
    max-width:none!important;
  }
}

/* V173.2 — unique triangle element; legacy arrow classes are removed from HTML */
html body[data-release="v173"] .cta-triangle-v173{
  display:inline-block!important;
  width:0!important;
  height:0!important;
  flex:0 0 auto!important;
  margin-left:12px!important;
  border-top:5px solid transparent!important;
  border-bottom:5px solid transparent!important;
  border-left:8px solid currentColor!important;
  border-right:0!important;
  border-radius:0!important;
  background:none!important;
  box-shadow:none!important;
  transform:none!important;
  vertical-align:middle!important;
}

/* Final exact geometry for the main CTA blocks. */
html body[data-release="v173"] main#main #pricing button.button,
html body[data-release="v173"] main#main #faq button.button,
html body[data-release="v173"] main#main #contacts button.button,
html body[data-release="v173"] main#main #property button.button,
html body[data-release="v173"] main#main .lawyer-strip-v73 button.button{
  min-height:56px!important;
  border-radius:16px!important;
  padding:12px 18px!important;
  font-size:15px!important;
  font-weight:700!important;
}
@media(max-width:699px){
  html body[data-release="v173"] main#main #pricing button.button,
  html body[data-release="v173"] main#main #faq button.button,
  html body[data-release="v173"] main#main #contacts button.button,
  html body[data-release="v173"] main#main #property button.button,
  html body[data-release="v173"] main#main .lawyer-strip-v73 button.button{
    min-height:58px!important;
    border-radius:16px!important;
    font-size:15.5px!important;
  }
}

/* V173.3 — mobile header scrolls away; it must never slice content sections. */
@media(max-width:699px){
  html body[data-release="v173"] .site-header-v51{
    position:relative!important;
    top:auto!important;
  }
  html body[data-release="v173"] main section[id]{scroll-margin-top:12px!important}
}

/* Quiz next uses the same triangle language as every CTA. */
html body[data-release="v173"] #quiz [data-quiz-next]::before,
html body[data-release="v173"] #quiz [data-quiz-next]::after{
  content:none!important;
  display:none!important;
}
html body[data-release="v173"] #quiz [data-quiz-next] .cta-triangle-v173{
  display:inline-block!important;
}