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

body[class*='slotivo-kostur-b'] .debossed-inner {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.5);
}

body[class*='slotivo-kostur-b'][data-slotivo-stil='S4'] .debossed-inner {
  box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
}

body[class*='slotivo-kostur-b'] .material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

body[class*='slotivo-kostur-b'] select.appearance-none {
  -webkit-appearance: none !important;
  -moz-appearance: none !important;
  appearance: none !important;
  background-image: none !important;
}

body[class*='slotivo-kostur-b'] select.appearance-none::-ms-expand {
  display: none;
}

body[class*='slotivo-kostur-b'] .texture-overlay {
  background-image: url('data:image/svg+xml;utf8,<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg"><filter id="noiseFilter"><feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="3" stitchTiles="stitch"/></filter><rect width="100%" height="100%" filter="url(%23noiseFilter)"/></svg>');
  opacity: 0.03;
  pointer-events: none;
  position: absolute;
  inset: 0;
  z-index: 0;
}

body[class*='slotivo-kostur-b'] input[type='text'],
body[class*='slotivo-kostur-b'] input[type='email'],
body[class*='slotivo-kostur-b'] input[type='tel'],
body[class*='slotivo-kostur-b'] input[type='date'],
body[class*='slotivo-kostur-b'] input[type='time'],
body[class*='slotivo-kostur-b'] select {
  min-height: 48px !important;
  height: 48px !important;
  box-sizing: border-box !important;
  line-height: 24px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

body[class*='slotivo-kostur-b'] textarea {
  box-sizing: border-box !important;
  line-height: 24px !important;
  padding-top: 12px !important;
  padding-bottom: 12px !important;
  min-height: 72px !important;
}

/* ── S1 gentleman-classic ── */
body[class*='slotivo-kostur-b'][data-slotivo-stil='S1'] {
  background-color: #131313 !important;
}

body[class*='slotivo-kostur-b'][data-slotivo-stil='S1'] section .absolute.inset-0 > img {
  opacity: 0.4 !important;
  filter: grayscale(1) !important;
  mix-blend-mode: multiply !important;
}

body[class*='slotivo-kostur-b'][data-slotivo-stil='S1'] section .absolute.inset-0 > .absolute.inset-0 {
  background-image: linear-gradient(
    to top,
    #131313,
    transparent,
    rgba(19, 19, 19, 0.5)
  ) !important;
}

/* ── S2 gentleman-vintage ── */
body[class*='slotivo-kostur-b'][data-slotivo-stil='S2'] {
  background-color: #14140e !important;
}

body[class*='slotivo-kostur-b'][data-slotivo-stil='S2'] section .absolute.inset-0 > img {
  opacity: 0.4 !important;
  filter: grayscale(1) !important;
  mix-blend-mode: multiply !important;
}

body[class*='slotivo-kostur-b'][data-slotivo-stil='S2'] section .absolute.inset-0 > .absolute.inset-0 {
  background-image: linear-gradient(
    to top,
    #14140e,
    transparent,
    rgba(20, 20, 14, 0.5)
  ) !important;
}

/* ── S3 leather-wood ── */
body[class*='slotivo-kostur-b'][data-slotivo-stil='S3'] {
  background-color: #160d09 !important;
}

body[class*='slotivo-kostur-b'][data-slotivo-stil='S3'] section .absolute.inset-0 > img {
  opacity: 0.5 !important;
  filter: sepia(0.3) !important;
  mix-blend-mode: multiply !important;
}

body[class*='slotivo-kostur-b'][data-slotivo-stil='S3'] section .absolute.inset-0 > .absolute.inset-0 {
  background-image: linear-gradient(
    to top,
    #160d09,
    transparent,
    rgba(22, 13, 9, 0.5)
  ) !important;
}

body[class*='slotivo-kostur-b'][data-slotivo-stil='S4'] input[type='text'],
body[class*='slotivo-kostur-b'][data-slotivo-stil='S4'] input[type='email'],
body[class*='slotivo-kostur-b'][data-slotivo-stil='S4'] input[type='tel'],
body[class*='slotivo-kostur-b'][data-slotivo-stil='S4'] input[type='date'],
body[class*='slotivo-kostur-b'][data-slotivo-stil='S4'] input[type='time'],
body[class*='slotivo-kostur-b'][data-slotivo-stil='S4'] select {
  min-height: 50px !important;
  height: 50px !important;
}

body[class*='slotivo-kostur-b'][data-slotivo-stil='S4'] textarea {
  min-height: 0 !important;
  height: auto !important;
}

/* S4 form controls — match source HTML system sans (see slotivo-tokens-b.css S4 typography) */
html[data-slotivo-template-ready] body[class*='slotivo-kostur-b'][data-slotivo-stil='S4'] input,
html[data-slotivo-template-ready] body[class*='slotivo-kostur-b'][data-slotivo-stil='S4'] select,
html[data-slotivo-template-ready] body[class*='slotivo-kostur-b'][data-slotivo-stil='S4'] textarea {
  font-family: ui-sans-serif, system-ui, sans-serif !important;
}

/* HTML uses shadow-sm on fields — debossed-inner inset must not replace it in preview */
body[class*='slotivo-kostur-b'][data-slotivo-stil='S4'] input[type='text'],
body[class*='slotivo-kostur-b'][data-slotivo-stil='S4'] input[type='email'],
body[class*='slotivo-kostur-b'][data-slotivo-stil='S4'] input[type='tel'],
body[class*='slotivo-kostur-b'][data-slotivo-stil='S4'] input[type='date'],
body[class*='slotivo-kostur-b'][data-slotivo-stil='S4'] input[type='time'],
body[class*='slotivo-kostur-b'][data-slotivo-stil='S4'] select,
body[class*='slotivo-kostur-b'][data-slotivo-stil='S4'] textarea,
body[class*='slotivo-kostur-b'][data-slotivo-stil='S4'] .debossed-inner {
  box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05) !important;
}

/* ── S4 old-money (light) ── */
body[class*='slotivo-kostur-b'][data-slotivo-stil='S4'] {
  background-color: #faf9f5 !important;
}

body[class*='slotivo-kostur-b'][data-slotivo-stil='S4'] section .absolute.inset-0 > img {
  opacity: 0.2 !important;
  filter: grayscale(1) !important;
  mix-blend-mode: multiply !important;
}

body[class*='slotivo-kostur-b'][data-slotivo-stil='S4'] section .absolute.inset-0 > .absolute.inset-0 {
  background-image: linear-gradient(
    to top,
    #faf9f5,
    transparent,
    rgba(250, 249, 245, 0.5)
  ) !important;
}