/** K4 per-stil inline CSS from source HTML landing files. Scoped to slotivo-kostur-d only. */
html[data-slotivo-template-ready] body[class*='slotivo-kostur-d'] {
  scrollbar-gutter: stable;
  background-color: var(--background, #131313) !important;
  color: var(--on-background, #e5e2e1) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Tailwind important prefix scopes utilities to descendants — body utilities need explicit rules */
body[class*='slotivo-kostur-d'].bg-background {
  background-color: var(--background) !important;
}
body[class*='slotivo-kostur-d'].text-on-background {
  color: var(--on-background) !important;
}

body[class*='slotivo-kostur-d'][data-slotivo-stil='S1'].bg-background,
body[class*='slotivo-kostur-d']:not([data-slotivo-stil]).bg-background {
  background-color: #131313;
}

body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'].bg-background {
  background-color: #0a0a0a;
}

/* Tailwind v4 color-mix breaks from-background/via-background/80 hero overlays — match source HTML */
body[class*='slotivo-kostur-d'][data-slotivo-stil='S1'] .bg-gradient-to-r.from-background.via-background\/80.to-transparent,
body[class*='slotivo-kostur-d']:not([data-slotivo-stil]) .bg-gradient-to-r.from-background.via-background\/80.to-transparent,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] .bg-gradient-to-r.from-background.via-background\/80.to-transparent {
  background-image: linear-gradient(
    to right,
    rgb(19, 19, 19),
    rgba(19, 19, 19, 0.8),
    transparent
  ) !important;
}

/* game-darktechbarber-ui-landing.html inline body block */
body[class*='slotivo-kostur-d'][data-slotivo-stil='S3'].slotivo-kostur-darktech {
  background-color: #0c1324;
  color: #dce1fb;
}

/* S3 hero overlay — via-background/90 not /80 */
body[class*='slotivo-kostur-d'][data-slotivo-stil='S3'] .bg-gradient-to-r.from-background.via-background\/90.to-transparent {
  background-image: linear-gradient(
    to right,
    rgb(12, 19, 36),
    rgba(12, 19, 36, 0.9),
    transparent
  ) !important;
}

/* S4 hero overlay */
body[class*='slotivo-kostur-d'][data-slotivo-stil='S4'] .bg-gradient-to-r.from-background.via-background\/90.to-transparent {
  background-image: linear-gradient(
    to right,
    rgb(19, 19, 20),
    rgba(19, 19, 20, 0.9),
    transparent
  ) !important;
}

/* tokens-d .text-display-lg line-height must not beat Tailwind leading-none on hero */
body[class*='slotivo-kostur-d'] .font-display-lg.text-display-lg.leading-none,
body[class*='slotivo-kostur-d'] .text-display-lg.leading-none {
  line-height: 1 !important;
}

body[class*='slotivo-kostur-d'] .bg-surface\/95 {
  background-color: color-mix(in srgb, var(--surface) 95%, transparent);
}

body[class*='slotivo-kostur-d'][data-slotivo-stil='S3'] #screen-home .fixed.inset-0 img,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S4'] #screen-home .fixed.inset-0 img {
  opacity: 0.6;
}

/* file:// Tailwind CDN skips white arbitrary drop-shadow on S3 mobile header */
body[class*='slotivo-kostur-d'][data-slotivo-stil='S3'] #screen-home header h1 {
  filter: none !important;
}

body[class*='slotivo-kostur-d'][data-slotivo-stil='S3'] #global-sidebar h1 {
  filter: none !important;
}

/* Tailwind v4 color-mix vs CDN rgba on footer social chips */
body[class*='slotivo-kostur-d'][data-slotivo-stil='S3'] #screen-home footer a.rounded.border-primary\/30 {
  background-color: rgba(21, 27, 45, 0.5) !important;
}
body[class*='slotivo-kostur-d'][data-slotivo-stil='S4'] #screen-home footer a.rounded.border-primary\/30 {
  background-color: rgba(28, 27, 28, 0.5) !important;
}

/* CDN does not apply arbitrary shadow utilities on S3 watch-video button */
body[class*='slotivo-kostur-d'][data-slotivo-stil='S3'] #screen-home footer button.backdrop-blur-md {
  box-shadow: none !important;
}

/* Tailwind v4 color-mix vs CDN rgba on S1/S2 footer social chips */
body[class*='slotivo-kostur-d'][data-slotivo-stil='S1'] #screen-home footer a.rounded-full.border-primary\/20,
body[class*='slotivo-kostur-d']:not([data-slotivo-stil]) #screen-home footer a.rounded-full.border-primary\/20,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #screen-home footer a.rounded-full.border-primary\/20 {
  background-color: rgba(19, 19, 19, 0.5) !important;
}

/* tokens-d forces 24px on all material icons — HTML only sets font-variation-settings */
body[class*='slotivo-kostur-d'] .material-symbols-outlined.text-sm {
  font-size: 14px !important;
  line-height: 20px !important;
}

/* S1/S2 booking info — white inputs + gold-bordered notes (reference HTML) */
body[class*='slotivo-kostur-d'] #booking-screen-info.k4-booking-info-screen {
  display: flex;
  flex-direction: column;
  gap: var(--stack-lg) !important;
}

body[class*='slotivo-kostur-d'] #booking-screen-info .k4-booking-info-header {
  display: flex;
  flex-direction: column;
  gap: var(--stack-sm) !important;
}

body[class*='slotivo-kostur-d'] #booking-info-form.k4-booking-info-form {
  display: flex;
  flex-direction: column;
  gap: 0 !important;
}

body[class*='slotivo-kostur-d'] #booking-info-form .k4-booking-fields {
  display: flex;
  flex-direction: column;
  gap: var(--stack-md) !important;
}

body[class*='slotivo-kostur-d'][data-slotivo-stil='S1'] #booking-info-form .k4-booking-consent-gold,
body[class*='slotivo-kostur-d']:not([data-slotivo-stil]) #booking-info-form .k4-booking-consent-gold,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #booking-info-form .k4-booking-consent-gold {
  margin-top: var(--stack-md) !important;
  padding-top: var(--stack-md) !important;
}

body[class*='slotivo-kostur-d'][data-slotivo-stil='S1'] #booking-info-form .k4-booking-submit-gold,
body[class*='slotivo-kostur-d']:not([data-slotivo-stil]) #booking-info-form .k4-booking-submit-gold,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #booking-info-form .k4-booking-submit-gold {
  margin-top: var(--stack-lg) !important;
}

body[class*='slotivo-kostur-d'][data-slotivo-stil='S1'] #booking-info-form [role='alert'],
body[class*='slotivo-kostur-d']:not([data-slotivo-stil]) #booking-info-form [role='alert'],
body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #booking-info-form [role='alert'] {
  margin-top: var(--stack-md) !important;
}

body[class*='slotivo-kostur-d'][data-slotivo-stil='S1'] #booking-info-form .k4-booking-input,
body[class*='slotivo-kostur-d']:not([data-slotivo-stil]) #booking-info-form .k4-booking-input,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #booking-info-form .k4-booking-input {
  background: #ffffff !important;
  color: #131313 !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body[class*='slotivo-kostur-d'][data-slotivo-stil='S1'] #booking-info-form .k4-booking-input::placeholder,
body[class*='slotivo-kostur-d']:not([data-slotivo-stil]) #booking-info-form .k4-booking-input::placeholder,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #booking-info-form .k4-booking-input::placeholder {
  color: #9a9a9a !important;
}

body[class*='slotivo-kostur-d'][data-slotivo-stil='S1'] #booking-info-form .k4-booking-input:focus,
body[class*='slotivo-kostur-d']:not([data-slotivo-stil]) #booking-info-form .k4-booking-input:focus,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #booking-info-form .k4-booking-input:focus {
  outline: none !important;
  border: none !important;
  box-shadow: inset 0 0 0 2px var(--primary-container) !important;
}

body[class*='slotivo-kostur-d'][data-slotivo-stil='S1'] #booking-info-form .k4-booking-textarea,
body[class*='slotivo-kostur-d']:not([data-slotivo-stil]) #booking-info-form .k4-booking-textarea,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #booking-info-form .k4-booking-textarea {
  background: transparent !important;
  color: var(--on-surface) !important;
  border: 1px solid color-mix(in srgb, var(--primary) 30%, transparent) !important;
  border-radius: 0 !important;
}

body[class*='slotivo-kostur-d'][data-slotivo-stil='S1'] #booking-info-form .k4-booking-textarea::placeholder,
body[class*='slotivo-kostur-d']:not([data-slotivo-stil]) #booking-info-form .k4-booking-textarea::placeholder,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #booking-info-form .k4-booking-textarea::placeholder {
  color: #9a9a9a !important;
}

body[class*='slotivo-kostur-d'][data-slotivo-stil='S1'] #booking-info-form .k4-booking-textarea:focus,
body[class*='slotivo-kostur-d']:not([data-slotivo-stil]) #booking-info-form .k4-booking-textarea:focus,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #booking-info-form .k4-booking-textarea:focus {
  outline: none !important;
  border-color: var(--primary-container) !important;
  box-shadow: none !important;
}

/* Booking step bar — scroll row must not clip CONFIRM on the right (mobile + md squeeze) */
body[class*='slotivo-kostur-d'] #booking-step-bar {
  overflow-x: clip;
}

body[class*='slotivo-kostur-d'] #booking-step-bar .k4-booking-step-bar-inner {
  min-width: 0;
}

body[class*='slotivo-kostur-d'] #booking-step-bar .k4-booking-steps-row {
  justify-content: flex-start !important;
  -webkit-overflow-scrolling: touch;
  scroll-padding-inline: 1.25rem;
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}

body[class*='slotivo-kostur-d'] #booking-step-bar .k4-booking-steps-scroll-end {
  display: block;
  width: 0.75rem;
  flex: 0 0 0.75rem;
}

@media (min-width: 640px) {
  body[class*='slotivo-kostur-d'] #booking-step-bar .k4-booking-steps-scroll-end {
    width: 1.25rem;
    flex-basis: 1.25rem;
  }
}

@media (min-width: 768px) {
  body[class*='slotivo-kostur-d'] #booking-step-bar .k4-booking-steps-row {
    padding-left: 1.25rem !important;
    padding-right: 0.5rem !important;
  }

  body[class*='slotivo-kostur-d'] #booking-step-bar .k4-booking-steps-scroll-end {
    width: 0.5rem;
    flex-basis: 0.5rem;
  }
}

/* S1/S2 — step colors (reference: active gold, inactive #474746) */
body[class*='slotivo-kostur-d'][data-slotivo-stil='S1'] #booking-step-bar .step-active,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #booking-step-bar .step-active,
body[class*='slotivo-kostur-d']:not([data-slotivo-stil]) #booking-step-bar .step-active {
  color: #d4af37 !important;
  -webkit-text-fill-color: currentColor !important;
}

body[class*='slotivo-kostur-d'][data-slotivo-stil='S1'] #booking-step-bar .step-inactive,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #booking-step-bar .step-inactive,
body[class*='slotivo-kostur-d']:not([data-slotivo-stil]) #booking-step-bar .step-inactive {
  color: #474746 !important;
  -webkit-text-fill-color: currentColor !important;
}

body[class*='slotivo-kostur-d'][data-slotivo-stil='S1'] #booking-step-bar .k4-booking-step-sep,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #booking-step-bar .k4-booking-step-sep,
body[class*='slotivo-kostur-d']:not([data-slotivo-stil]) #booking-step-bar .k4-booking-step-sep {
  color: var(--surface-variant) !important;
  font-size: 14px !important;
}

/* S3 — dark-tech step bar colors + separator size */
body[class*='slotivo-kostur-d'][data-slotivo-stil='S3'] #booking-step-bar .step-active {
  color: #ffffff !important;
  text-shadow: 0 0 8px rgba(255, 255, 255, 0.35) !important;
  -webkit-text-fill-color: currentColor !important;
}

body[class*='slotivo-kostur-d'][data-slotivo-stil='S3'] #booking-step-bar .step-inactive {
  color: #8e9195 !important;
  -webkit-text-fill-color: currentColor !important;
}

body[class*='slotivo-kostur-d'][data-slotivo-stil='S3'] #booking-step-bar .k4-booking-step-sep {
  color: var(--surface-variant) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 20 !important;
}

/* S4 — cyber step bar colors + separator size */
body[class*='slotivo-kostur-d'][data-slotivo-stil='S4'] #booking-step-bar .step-active {
  color: #00f0ff !important;
  text-shadow: 0 0 8px rgba(0, 240, 255, 0.5) !important;
  -webkit-text-fill-color: currentColor !important;
}

body[class*='slotivo-kostur-d'][data-slotivo-stil='S4'] #booking-step-bar .step-inactive {
  color: #5d5f5f !important;
  -webkit-text-fill-color: currentColor !important;
}

body[class*='slotivo-kostur-d'][data-slotivo-stil='S4'] #booking-step-bar .k4-booking-step-sep {
  color: var(--surface-variant) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 20 !important;
}

/* About — mission fire icon (tokens-d forces 24px on all material icons) */
body[class*='slotivo-kostur-d'][data-slotivo-stil='S1'] #screen-about .k4-about-mission-icon,
body[class*='slotivo-kostur-d']:not([data-slotivo-stil]) #screen-about .k4-about-mission-icon {
  font-size: 64px !important;
  line-height: 1 !important;
  color: var(--primary) !important;
  filter: drop-shadow(0 0 15px rgba(242, 202, 80, 0.5)) !important;
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24 !important;
}

/* About — CRAFT list (globals-post .text-sm used to force platform gray over token colors) */
body[class*='slotivo-kostur-d'][data-slotivo-stil='S1'] #screen-about .k4-about-craft-title,
body[class*='slotivo-kostur-d']:not([data-slotivo-stil]) #screen-about .k4-about-craft-title {
  color: var(--on-surface) !important;
  -webkit-text-fill-color: currentColor !important;
}

body[class*='slotivo-kostur-d'][data-slotivo-stil='S1'] #screen-about .k4-about-craft-desc,
body[class*='slotivo-kostur-d']:not([data-slotivo-stil]) #screen-about .k4-about-craft-desc {
  color: var(--on-surface-variant) !important;
  -webkit-text-fill-color: currentColor !important;
  font-size: 14px !important;
  line-height: 1.5 !important;
}

/* Watch Video — play_arrow outline in gold primary on S1/S2 */
body[class*='slotivo-kostur-d'][data-slotivo-stil='S1'] #screen-home footer .k4-watch-video-icon,
body[class*='slotivo-kostur-d']:not([data-slotivo-stil]) #screen-home footer .k4-watch-video-icon,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #screen-home footer .k4-watch-video-icon {
  color: var(--primary) !important;
  font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24 !important;
}

/* tokens-d forces 24px on all material icons — HTML active HUD uses text-xl (20px) */
body[class*='slotivo-kostur-d'] #screen-home nav a .material-symbols-outlined.text-xl {
  font-size: 20px !important;
  line-height: 28px !important;
}

/* tokens-d .text-ui-button (0.05em) beats Tailwind tracking-widest (0.1em) on HUD labels */
body[class*='slotivo-kostur-d'][data-slotivo-stil='S1'] .tracking-widest.text-ui-button,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S1'] .tracking-widest.font-ui-button,
body[class*='slotivo-kostur-d']:not([data-slotivo-stil]) .tracking-widest.text-ui-button,
body[class*='slotivo-kostur-d']:not([data-slotivo-stil]) .tracking-widest.font-ui-button,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] .tracking-widest.text-ui-button,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] .tracking-widest.font-ui-button {
  letter-spacing: 0.1em !important;
}

/* tokens-d .text-label-caps (0.08em) beats Tailwind tracking-widest (0.1em) on HTML */
body[class*='slotivo-kostur-d'][data-slotivo-stil='S3'] .tracking-widest.text-label-caps,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S3'] .tracking-widest.font-label-caps,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S4'] .tracking-widest.text-label-caps,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S4'] .tracking-widest.font-label-caps {
  letter-spacing: 0.1em !important;
}

body[class*='slotivo-kostur-d'] .opacity-30 {
  opacity: 0.3 !important;
}

/* S3/S4 — tracking-tighter + leading-none must beat tokens-d text-display-lg (-0.02em / lh 1.1) */
body[class*='slotivo-kostur-d'][data-slotivo-stil='S3'] #screen-home .font-display-lg.text-display-lg.tracking-tighter.leading-none,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S4'] #screen-home .font-display-lg.text-display-lg.tracking-tighter.leading-none {
  letter-spacing: -0.05em !important;
  line-height: 1 !important;
}

/* game-darktechbarber + game_cyberbarber inline mobile header clamp */
@media (max-width: 767px) {
  body[class*='slotivo-kostur-d'][data-slotivo-stil='S3'] #screen-home > .relative.z-10 > header.md\:hidden h1,
  body[class*='slotivo-kostur-d'][data-slotivo-stil='S4'] #screen-home > .relative.z-10 > header.md\:hidden h1 {
    font-size: clamp(22px, 6vw, 28px) !important;
    line-height: 1.15 !important;
  }
}

/* Tailwind v4 color-mix on /80 HUD nav backgrounds — match source HTML rgba (active item only) */
body[class*='slotivo-kostur-d'][data-slotivo-stil='S3'] #screen-home nav a[class*='border-primary/30'] {
  background-color: rgba(46, 52, 71, 0.8) !important;
  border-color: rgba(255, 255, 255, 0.3) !important;
}
body[class*='slotivo-kostur-d'][data-slotivo-stil='S4'] #screen-home nav a[class*='border-primary/30'] {
  background-color: rgba(53, 52, 54, 0.8) !important;
}

/* file:// Tailwind skips zero-opacity drop-shadow; React v4 applies filter — match HTML */
body[class*='slotivo-kostur-d'][data-slotivo-stil='S3'] #screen-home nav a.border-transparent .material-symbols-outlined,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S3'] #screen-home nav a.border-transparent .font-label-caps,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S4'] #screen-home nav a.border-transparent .material-symbols-outlined,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S4'] #screen-home nav a.border-transparent .font-label-caps {
  filter: none !important;
}

/*
 * Mobile K4: body scroll + transform on .game-screen breaks position:fixed hero layers
 * (background drifts with content). Each visible screen becomes its own scroll
 * container; body stays locked; backgrounds stay viewport-pinned.
 */
@media (max-width: 767px) {
  html[data-slotivo-template-ready] body[class*='slotivo-kostur-d']:has(.game-screen:not(.hidden)) {
    overflow: hidden;
    height: 100dvh;
    max-height: 100dvh;
    overscroll-behavior: none;
  }

  html[data-slotivo-template-ready] body[class*='slotivo-kostur-d'] .game-screen:not(.hidden) {
    position: fixed;
    inset: 0;
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior-y: contain;
  }

  html[data-slotivo-template-ready] body[class*='slotivo-kostur-d'] .game-screen:not(.hidden) > .fixed.inset-0 {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100dvh;
    max-height: 100dvh;
    transform: translateZ(0);
    backface-visibility: hidden;
    pointer-events: none;
  }

  html[data-slotivo-template-ready] body[class*='slotivo-kostur-d'] #screen-home .fixed.inset-0 img {
    animation: none !important;
    transform: none !important;
  }

  html[data-slotivo-template-ready] body[class*='slotivo-kostur-d'] .game-screen.slotivo-screen-enter {
    animation: k4-mobile-screen-in 0.55s cubic-bezier(0.22, 1, 0.36, 1) both !important;
  }

  html[data-slotivo-template-ready] body[class*='slotivo-kostur-d'] .game-screen.slotivo-screen-exit {
    animation: k4-mobile-screen-out 0.35s cubic-bezier(0.22, 1, 0.36, 1) both !important;
  }
}

@keyframes k4-mobile-screen-in {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes k4-mobile-screen-out {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}

/* S2 cinematic services — card stays still; image zoom matches HTML (duration-700 on media) */
body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #screen-services .service-card,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #screen-services .service-card:hover,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #screen-services .service-card.slotivo-card-lift,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #screen-services .service-card.slotivo-card-lift:hover,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #screen-services .service-card.selected,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #screen-services .service-card.slotivo-lock-in {
  transform: none !important;
}

body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #screen-services .service-card > .k4-cinematic-service-media {
  transform: scale(1) translateZ(0) !important;
  transform-origin: center center !important;
  transition-property: transform !important;
  transition-duration: 700ms !important;
  transition-timing-function: ease !important;
  backface-visibility: hidden;
  will-change: transform;
}

@media (hover: hover) and (pointer: fine) {
  body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #screen-services .service-card:hover > .k4-cinematic-service-media {
    transform: scale(1.05) translateZ(0) !important;
  }

  body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #screen-gallery .group:hover > .k4-gallery-featured-media {
    transform: scale(1.05) translateZ(0) !important;
  }
}

body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #screen-gallery .k4-gallery-featured-media {
  transform: scale(1) translateZ(0) !important;
  transform-origin: center center !important;
  transition-property: transform !important;
  transition-duration: 1000ms !important;
  transition-timing-function: ease !important;
  backface-visibility: hidden;
}

/* S2 barbers — page title (HTML: headline-xl 64px desktop / lg-mobile 32px) */
@media (min-width: 768px) {
  body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #screen-barbers .k4-barbers-page-title {
    font-size: 64px !important;
    line-height: 72px !important;
    letter-spacing: -0.02em !important;
    font-weight: 700 !important;
    font-family: 'Playfair Display', Georgia, serif !important;
  }

  body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #screen-barbers .k4-barbers-page-title span {
    font-size: inherit !important;
    line-height: inherit !important;
    letter-spacing: inherit !important;
  }
}

@media (max-width: 767px) {
  body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #screen-barbers .k4-barbers-page-title {
    font-size: 32px !important;
    line-height: 40px !important;
    font-weight: 700 !important;
    font-family: 'Playfair Display', Georgia, serif !important;
  }
}

/* S2 services — page title (HTML: headline-lg 40px desktop / lg-mobile 32px) */
@media (min-width: 768px) {
  body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #screen-services .k4-services-page-title {
    font-size: 40px !important;
    line-height: 48px !important;
    letter-spacing: -0.01em !important;
    font-weight: 700 !important;
    font-family: 'Playfair Display', Georgia, serif !important;
  }
}

@media (max-width: 767px) {
  body[class*='slotivo-kostur-d'][data-slotivo-stil='S2'] #screen-services .k4-services-page-title {
    font-size: 32px !important;
    line-height: 40px !important;
    font-weight: 700 !important;
    font-family: 'Playfair Display', Georgia, serif !important;
  }
}

/* S3 reviews — Leave a Review btn + edit_square icon dark on light btn-primary */
body[class*='slotivo-kostur-d'][data-slotivo-stil='S3'] #screen-reviews .k4-reviews-leave-btn,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S3'] #screen-reviews .k4-reviews-leave-btn .material-symbols-outlined,
body[class*='slotivo-kostur-d'][data-slotivo-stil='S3'] #screen-reviews .k4-reviews-leave-btn span {
  color: #0c1324 !important;
  -webkit-text-fill-color: currentColor !important;
}