/* Design refresh, 2026-10-25. Loaded after the Elementor and theme CSS on every page.
   Light-theme colour rules are scoped to html:not([data-mvdark]) so the dark theme
   (marveen-dark.css) keeps its own palette. */

/* Elementor entrance animations (zoomIn etc.) never fire on the static mirror, so the
   widgets carrying them stayed hidden for good: the Mukorom and Barber "Reszletek"
   buttons on the homepage were invisible. */
.elementor-invisible{visibility:visible!important;opacity:1!important;animation:none!important}

/* One button style: brand pink pill, like the header, form and booking buttons. */
.elementor-widget-button .elementor-button,
a.mvrev-btn,
.ff-btn.ff-btn-submit:not(.mvk-submit){
  border-radius:999px!important;background-color:#fd5c93!important;border-color:#fd5c93!important;
  color:#fff!important;font-weight:600!important;
  transition:filter .18s ease,transform .18s ease!important}
.elementor-widget-button .elementor-button{padding:12px 28px!important}
.elementor-widget-button .elementor-button:hover,a.mvrev-btn:hover,.ff-btn.ff-btn-submit:hover{
  filter:brightness(1.07);transform:translateY(-1px)}

/* One typeface: lists and text blocks used PT Serif or the system font next to Poppins. */
.elementor-widget-icon-list .elementor-icon-list-text,
.elementor-widget-text-editor,
.elementor-widget-text-editor p,
.elementor-widget-text-editor li{
  font-family:Poppins,system-ui,-apple-system,"Segoe UI",Arial,sans-serif!important}

/* Warm off-white instead of the grey bands. */
html:not([data-mvdark]) .elementor-element-702981e::before{background-color:transparent!important}
html:not([data-mvdark]) .elementor-element-702981e,
html:not([data-mvdark]) .elementor-element-1b491ec9,
html:not([data-mvdark]) .elementor-element-726e35,
html:not([data-mvdark]) .elementor-element-96e7d46{background-color:#fdf5f8!important}
html:not([data-mvdark]) .mvhome-revband{background:#fbf2f5!important}

/* Homepage photo strip: the slider script does not run on the static mirror, so the
   strip showed one cut-off picture in an empty white band. Now a slow CSS marquee
   (the items are doubled in the HTML for a seamless loop). */
.premium-adv-carousel__inner-container{visibility:visible!important;overflow:hidden!important}
.premium-adv-carousel__items{display:flex!important;gap:14px;width:max-content!important;
  animation:mlx-marquee 70s linear infinite}
.premium-adv-carousel__container:hover .premium-adv-carousel__items{animation-play-state:paused}
.premium-adv-carousel__item-outer-wrapper{flex:0 0 auto!important;width:auto!important;
  position:static!important;transform:none!important;left:auto!important;top:auto!important}
.premium-adv-carousel__inner-container,.premium-adv-carousel__container{height:auto!important}
.premium-adv-carousel__items{position:relative!important;height:auto!important}
.premium-adv-carousel__item-img{display:block;height:300px!important;width:auto!important;
  max-width:none!important;border-radius:14px;object-fit:cover}
@keyframes mlx-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:767px){.premium-adv-carousel__item-img{height:200px!important}}
@media (prefers-reduced-motion:reduce){
  .premium-adv-carousel__items{animation:none}
  .premium-adv-carousel__inner-container{overflow-x:auto!important}}

/* Call button: smaller on phones, so it stops covering headings. */
@media (max-width:767px){
  #callnowbutton{width:48px!important;height:48px!important;bottom:12px!important;left:12px!important;
    background-size:24px 24px!important}
  #callnowbutton .cnb-floating-main-label,#callnowbutton span{display:none!important}}

/* Homepage: call to action right under the hero picture. */
.mlx-herocta{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;padding:22px 16px}
html:not([data-mvdark]) .mlx-herocta{background:#fff}
.mlx-herocta a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;
  padding:0 28px;border-radius:999px;font:600 15px/1 Poppins,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  text-decoration:none!important;transition:filter .18s ease,transform .18s ease}
.mlx-herocta a.mlx-main{background:#fd5c93!important;color:#fff!important;
  box-shadow:0 8px 22px rgba(253,92,147,.32)}
.mlx-herocta a.mlx-ghost{border:1.5px solid #fd5c93;color:#d63c78!important;background:transparent!important}
html[data-mvdark] .mlx-herocta a.mlx-ghost{color:#ff8fb8!important}
.mlx-herocta a:hover{filter:brightness(1.06);transform:translateY(-1px)}

/* Course cards on the eyelash page: price line under the name. */
.mlx-cardprice{display:block;margin-top:4px;font-weight:700;color:#fd5c93!important}