/* Temporary SuperStaging-only liquid-gold UI prototype (NS-0930). */
.qjr-nav-trigger{position:relative}
.qjr-nav-trigger::after{
  content:"";position:absolute;inset-inline:12px;inset-block-end:5px;height:2px;border-radius:999px;
  background:linear-gradient(90deg,#533517 0%,#9b6c24 17%,#c49746 32%,#cea41b 42%,#feeaa5 48%,#fff 50%,#feeaa5 52%,#cea41b 58%,#c49746 68%,#533517 100%);
  background-size:200% 100%;background-position:100% 50%;opacity:0;transform:scaleX(.78);transform-origin:center;pointer-events:none;
  transition:opacity 160ms ease-out,transform 220ms cubic-bezier(.2,.7,.2,1),background-position 780ms cubic-bezier(.2,.7,.2,1)
}
.qjr-nav-trigger:hover::after,.qjr-nav-trigger:focus-visible::after,.qjr-nav-trigger[aria-expanded=true]::after{opacity:.95;transform:scaleX(1);background-position:0 50%}

/* Keep the existing solid-gold CTA; add one quiet sheen on intent, not a looping animation. */
.qjr-header-cta,.qjr-mobile-cta{
  position:relative;isolation:isolate;overflow:hidden;transition:transform 180ms ease,box-shadow 180ms ease
}
.qjr-header-cta::after,.qjr-mobile-cta::after{
  content:"";position:absolute;z-index:1;inset:1px auto auto -45%;width:45%;height:2px;border-radius:999px;
  background:linear-gradient(90deg,transparent 0%,rgba(255,248,218,.8) 40%,#fff 50%,rgba(255,248,218,.8) 60%,transparent 100%);
  transform:translateX(0) skewX(-18deg);opacity:0;pointer-events:none
}
.qjr-header-cta:hover,.qjr-header-cta:focus-visible,.qjr-mobile-cta:hover,.qjr-mobile-cta:focus-visible{
  transform:translateY(-1px);box-shadow:0 3px 12px rgba(126,91,16,.2)
}
.qjr-header-cta:hover::after,.qjr-header-cta:focus-visible::after,.qjr-mobile-cta:hover::after,.qjr-mobile-cta:focus-visible::after{
  opacity:1;transform:translateX(330%) skewX(-18deg);transition:transform 620ms cubic-bezier(.2,.7,.2,1),opacity 140ms ease
}
.qjr-header-cta:active,.qjr-mobile-cta:active{transform:translateY(0);box-shadow:none}

/* Gold, not mint, marks the active repair-search field on desktop and in the mobile drawer. */
.qjr-discovery-card input[type=search]:focus-visible{
  border-color:#a77b20;outline:2px solid rgba(206,164,27,.48);outline-offset:2px;box-shadow:0 0 0 4px rgba(206,164,27,.13)
}
.qjr-mobile-search__control:focus-within{border-color:#a77b20;box-shadow:0 0 0 3px rgba(206,164,27,.2)}
@media(prefers-reduced-motion:reduce){
  .qjr-nav-trigger::after{transition:none}
  .qjr-header-cta,.qjr-mobile-cta{transition:none}
  .qjr-header-cta:hover::after,.qjr-header-cta:focus-visible::after,.qjr-mobile-cta:hover::after,.qjr-mobile-cta:focus-visible::after{transition:none;opacity:0}
}