/* V482 — premium animated underline for primary homepage text actions.
   Scope: TR/EN index only. No image/layout/content changes. */

/* Shared text-link underline: hidden at rest, full-width on interaction. */
body.ct-home :is(
  #header2-22c .ct-v58-hero-link,
  .cd-text-link,
  .ct62-textlink,
  .ct62-invitation .ct62-project-link
){
  position:relative!important;
  border-bottom:0!important;
  text-decoration:none!important;
  padding-bottom:8px!important;
}

body.ct-home :is(
  #header2-22c .ct-v58-hero-link,
  .cd-text-link,
  .ct62-textlink,
  .ct62-invitation .ct62-project-link
)::after{
  content:"";
  position:absolute;
  left:0;
  right:auto;
  bottom:0;
  width:0;
  height:1px;
  background:#5F5852;
  opacity:0;
  transform-origin:left center;
  transition:width .34s cubic-bezier(.22,.61,.36,1), opacity .22s ease, height .22s ease;
  pointer-events:none;
}

body.ct-home :is(
  #header2-22c .ct-v58-hero-link,
  .cd-text-link,
  .ct62-textlink,
  .ct62-invitation .ct62-project-link
):is(:hover,:focus-visible)::after{
  width:100%;
  height:3px;
  opacity:.92;
}

/* Brand-card action follows the same visual language, triggered by the whole card. */
body.ct-home .concretta-premium-brands .cp-button{
  position:relative!important;
  border-bottom:0!important;
  padding-bottom:8px!important;
}
body.ct-home .concretta-premium-brands .cp-button::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  right:auto!important;
  bottom:0!important;
  width:0!important;
  height:1px!important;
  background:#5F5852!important;
  opacity:0!important;
  transition:width .34s cubic-bezier(.22,.61,.36,1), opacity .22s ease, height .22s ease!important;
}
body.ct-home .concretta-premium-brands .cp-card:is(:hover,:focus-visible) .cp-button::after{
  width:100%!important;
  height:3px!important;
  opacity:1!important;
}

/* Keep arrow motion restrained and consistent with the animated rule. */
body.ct-home :is(
  #header2-22c .ct-v58-hero-link,
  .cd-text-link,
  .ct62-textlink,
  .ct62-invitation .ct62-project-link
):is(:hover,:focus-visible) .ct63-arrow,
body.ct-home .concretta-premium-brands .cp-card:is(:hover,:focus-visible) .cp-button .ct63-arrow{
  transform:translate(3px,-3px)!important;
}

@media (max-width:700px){
  body.ct-home :is(
    #header2-22c .ct-v58-hero-link,
    .cd-text-link,
    .ct62-textlink,
    .ct62-invitation .ct62-project-link
  )::after{
    width:0;
  }
  body.ct-home .concretta-premium-brands .cp-button::after{
    width:0!important;
  }
}

@media (prefers-reduced-motion:reduce){
  body.ct-home :is(
    #header2-22c .ct-v58-hero-link,
    .cd-text-link,
    .ct62-textlink,
    .ct62-invitation .ct62-project-link
  )::after,
  body.ct-home .concretta-premium-brands .cp-button::after,
  body.ct-home .ct63-arrow{
    transition:none!important;
  }
}