@import url("/sluzby/style.css");

.intro-cover-start-styling {
  --intro-cover-image: url("/assets/hero/packages/start_styling_page_hero_image_cropped.webp");
  --intro-cover-y: 50%;
}

.intro-cover-signature {
  --intro-cover-image: url("/assets/hero/packages/Signature_styling_page_hero_image_cropped.webp");
  --intro-cover-y: 50%;
}

.intro-cover-nakupy {
  --intro-cover-image: url("/assets/hero/stylist-shopping_hero_image_cropped.webp");
  --intro-cover-y: 50%;
}

@media (max-width: 560px) {
  .intro-cover-start-styling { --intro-cover-image: url("/assets/hero/mobile-version-hero-box/start_styling_page_hero_image_cropped-mobile.webp"); }
  .intro-cover-signature     { --intro-cover-image: url("/assets/hero/mobile-version-hero-box/Signature_styling_page_hero_image_cropped-mobile.webp"); }
  .intro-cover-nakupy        { --intro-cover-image: url("/assets/hero/mobile-version-hero-box/stylist-shopping_hero_image_cropped_mobile.webp"); }

  .intro-cover .price-pill {
    margin-left: 0;
  }
}

.price-pill {
  display: inline-flex;
  align-items: center;
  margin-left: auto;
  padding: 0.28rem 0.75rem;
  border-radius: 999px;
  font-size: 0.88rem;
  font-weight: 800;
  white-space: nowrap;
  color: #fff7ef;
  background: rgba(31, 24, 20, 0.52);
  border: 1px solid rgba(255, 244, 236, 0.38);
  backdrop-filter: blur(2px);
}