.elementor-5934 .elementor-element.elementor-element-317fe0e4{--display:flex;}.elementor-5934 .elementor-element.elementor-element-23f251da{text-align:center;}.elementor-5934 .elementor-element.elementor-element-830fbe9{--display:flex;}:root{--page-title-display:none;}/* Start custom CSS for container, class: .elementor-element-317fe0e4 */.elementor-5934 .elementor-element.elementor-element-317fe0e4{
  overflow: hidden;
  padding-left: 12px;   /* prevents the first emoji/character from looking clipped */
  padding-right: 12px;
}

/* Base: the heading text element */
.elementor-5934 .elementor-element.elementor-element-317fe0e4 .mbk-announce .elementor-heading-title{
  white-space: nowrap;
  display: inline-block;
  will-change: transform;
}

/* -----------------------
   MOBILE: SCROLL (faster)
   ----------------------- */
@media (max-width: 767px){
  /* ensure the text begins fully visible */
  .elementor-5934 .elementor-element.elementor-element-317fe0e4 .mbk-announce{
    text-align: left;
  }

  /* no shimmer on mobile */
  .elementor-5934 .elementor-element.elementor-element-317fe0e4 .mbk-announce .elementor-heading-title::after{
    display: none !important;
  }

  .elementor-5934 .elementor-element.elementor-element-317fe0e4 .mbk-announce .elementor-heading-title{
    transform: translateX(0);
    animation: mbk-mobile-marquee 9s linear infinite; /* faster mobile */
  }

  /* Start visible, pause briefly, then scroll left */
  @keyframes mbk-mobile-marquee{
    0%   { transform: translateX(0); }
    15%  { transform: translateX(0); }     /* keeps “💖 100% Smile Guarantee 💖” readable immediately */
    100% { transform: translateX(-110%); } /* moves off left then repeats */
  }
}

/* -----------------------
   DESKTOP/TABLET: SHIMMER
   ----------------------- */
@media (min-width: 768px){
  /* stop any scrolling */
  .elementor-5934 .elementor-element.elementor-element-317fe0e4 .mbk-announce .elementor-heading-title{
    animation: none !important;
    transform: none !important;
    position: relative;
    overflow: hidden; /* clips shimmer to text line area */
  }

  /* shimmer sweep */
  .elementor-5934 .elementor-element.elementor-element-317fe0e4 .mbk-announce .elementor-heading-title::after{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;

    background: linear-gradient(
      110deg,
      transparent 0%,
      rgba(255,255,255,0.00) 40%,
      rgba(255,255,255,0.70) 50%,
      rgba(255,255,255,0.00) 60%,
      transparent 100%
    );

    transform: translateX(-120%);
    animation: mbk-shimmer 4.8s linear infinite;
    animation-delay: -2s; /* starts quickly */
    mix-blend-mode: screen; /* if it looks odd, remove this line */
  }

  @keyframes mbk-shimmer{
    0%   { transform: translateX(-120%); }
    100% { transform: translateX(120%); }
  }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce){
  .elementor-5934 .elementor-element.elementor-element-317fe0e4 .mbk-announce .elementor-heading-title{
    animation: none !important;
    transform: none !important;
  }
  .elementor-5934 .elementor-element.elementor-element-317fe0e4 .mbk-announce .elementor-heading-title::after{
    display: none !important;
  }
}/* End custom CSS */