/* Orange "Đặt lịch khám" CTA: light sweep (owner 05/11, Đạt 29/10 "chạy Animation", spec ohio-cta-shine.css):
   A = a sweep every 2.8 s, B = one extra sweep on hover / keyboard focus; hover lifts 1px with a stronger shadow and the arrow
   moves 3px. Layer only on the existing CTA: header button .ohio-hh-cta (desktop + sticky) and the mobile menu button .ohio-mm-cta
   (the menu sits outside #wrapper); size, colours, font and markup unchanged. ::after was switched off for the legacy .qh_tuvan
   pulse ring (ohio-header-home.css, ohio-style-guide-layer.css, ohio-mobile-drawer.css, animation qh-tuvan-ring): re-enabled here
   for the sweep only, every ring property reset. The sweep sits under the label (negative z-index in the button's own stacking
   context), absolute: no layout change. Off under prefers-reduced-motion. */
html body :is(#wrapper #header .ohio-hh-cta, .qh-mm .ohio-mm-cta:not(#o#o)){position:relative;isolation:isolate;overflow:hidden;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease}
html body :is(#wrapper #header .ohio-hh-cta, .qh-mm .ohio-mm-cta:not(#o#o)) > *{position:relative;z-index:1;transition:transform .25s ease}
html body :is(#wrapper #header .ohio-hh-cta, .qh-mm .ohio-mm-cta:not(#o#o))::after{content:""!important;display:block!important;position:absolute!important;
  inset:-20% auto -20% 0!important;width:42%!important;height:auto!important;margin:0!important;padding:0!important;z-index:-1!important;
  pointer-events:none;border:0!important;border-radius:0!important;opacity:1!important;box-shadow:none!important;
  background:linear-gradient(105deg, transparent 0%, rgba(255,255,255,0) 20%, rgba(255,255,255,.55) 50%, rgba(255,255,255,0) 80%, transparent 100%)!important;
  transform:translateX(-160%) skewX(-18deg);animation:ohio-cta-shine 2.8s ease-in-out infinite!important}
html body :is(#wrapper #header .ohio-hh-cta, .qh-mm .ohio-mm-cta:not(#o#o)):is(:hover, :focus-visible)::after{animation:ohio-cta-shine-once .8s ease-out!important}
html body :is(#wrapper #header .ohio-hh-cta, .qh-mm .ohio-mm-cta:not(#o#o)):hover{transform:translateY(-1px);box-shadow:0 10px 22px rgba(241,121,31,.36)!important}
html body :is(#wrapper #header .ohio-hh-cta, .qh-mm .ohio-mm-cta:not(#o#o)):hover > :is(.ohio-hh-cta__arrow, img){transform:translateX(3px)}
@keyframes ohio-cta-shine{0%{transform:translateX(-160%) skewX(-18deg)}45%,100%{transform:translateX(360%) skewX(-18deg)}}
@keyframes ohio-cta-shine-once{from{transform:translateX(-160%) skewX(-18deg)}to{transform:translateX(360%) skewX(-18deg)}}
@media (prefers-reduced-motion:reduce){
  html body :is(#wrapper #header .ohio-hh-cta, .qh-mm .ohio-mm-cta:not(#o#o))::after,
  html body :is(#wrapper #header .ohio-hh-cta, .qh-mm .ohio-mm-cta:not(#o#o)):is(:hover, :focus-visible)::after{animation:none!important}
  html body :is(#wrapper #header .ohio-hh-cta, .qh-mm .ohio-mm-cta:not(#o#o)), html body :is(#wrapper #header .ohio-hh-cta, .qh-mm .ohio-mm-cta:not(#o#o)) > *{transition:none}
}