/* Kesten Usluge Premium Pass — 2026-05-18 */
body.page-id-3078,
body.page-id-3143,
body.page-id-3648,
body.page-id-3144 {
  background: #fffaf2 !important;
  color: #2b241d !important;
}
body.page-id-3078 .nm-page-wrap,
body.page-id-3143 .nm-page-wrap,
body.page-id-3648 .nm-page-wrap,
body.page-id-3144 .nm-page-wrap {
  background: linear-gradient(180deg,#fffaf2 0%,#f4ecdf 48%,#fffaf2 100%) !important;
}
.kst-usluge {
  width: 100vw;
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  --kst-dark:#17110c;
  --kst-ink:#2b241d;
  --kst-muted:#756858;
  --kst-gold:#d4b96a;
  --kst-gold-2:#b8943e;
  --kst-cream:#fffaf2;
  --kst-card:#fffdf8;
  --kst-line:rgba(184,148,62,.18);
  --kst-shadow:0 24px 70px rgba(46,37,28,.12);
  font-family: Montserrat, system-ui, -apple-system, Segoe UI, sans-serif;
  color: var(--kst-ink);
  overflow: hidden;
}
.kst-usluge * { box-sizing: border-box; }
.kst-usluge a { color: inherit; text-decoration: none; }
.kst-usluge__hero {
  position: relative;
  max-width: 1180px;
  margin: 0 auto 34px;
  padding: clamp(62px,8vw,108px) 24px clamp(48px,7vw,86px);
  border-radius: 0 0 36px 36px;
  background:
    radial-gradient(circle at 12% 8%,rgba(212,185,106,.26),transparent 34%),
    radial-gradient(circle at 86% 12%,rgba(255,255,255,.10),transparent 30%),
    linear-gradient(135deg,#15100c 0%,#281f17 58%,#3a2d1e 100%);
  color: #fff;
  box-shadow: 0 30px 90px rgba(46,37,28,.18);
  overflow: hidden;
}
.kst-usluge__hero:before {
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(115deg,transparent 0%,rgba(255,255,255,.08) 44%,transparent 58%);
  transform: translateX(-45%);
  opacity: .55;
}
.kst-usluge__hero-inner {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0,1.02fr) minmax(320px,.78fr);
  gap: clamp(28px,5vw,58px);
  align-items: center;
  max-width: 1080px;
  margin: 0 auto;
}
.kst-usluge__eyebrow {
  display: inline-flex;
  margin-bottom: 16px;
  color: var(--kst-gold);
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .28em;
  text-transform: uppercase;
}
.kst-usluge h1 {
  margin: 0 0 18px;
  color: #fff;
  font-size: clamp(2.65rem,6vw,5.9rem);
  line-height: .94;
  letter-spacing: -.065em;
  font-weight: 900;
}
.kst-usluge__lead {
  max-width: 690px;
  margin: 0 0 26px;
  color: #eadfcb;
  font-size: clamp(1.02rem,1.5vw,1.22rem);
  line-height: 1.75;
}
.kst-usluge__actions,
.kst-usluge__split-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}
.kst-usluge__btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  padding: 14px 20px;
  border-radius: 999px;
  font-weight: 900;
  letter-spacing: .02em;
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.kst-usluge__btn--gold { background: var(--kst-gold); color:#17110c; box-shadow: 0 14px 34px rgba(212,185,106,.22); }
.kst-usluge__btn--ghost { color:#fff; border:1px solid rgba(255,255,255,.24); background:rgba(255,255,255,.06); }
.kst-usluge__btn--light { background:#17110c; color:#fff; box-shadow: 0 14px 34px rgba(46,37,28,.14); }
.kst-usluge__btn:hover { transform: translateY(-2px); }
.kst-usluge__visual {
  position: relative;
  min-height: 420px;
}
.kst-usluge__visual-card {
  position: absolute;
  overflow: hidden;
  border-radius: 28px;
  border: 1px solid rgba(212,185,106,.22);
  box-shadow: 0 24px 64px rgba(0,0,0,.28);
  background:#241b13;
}
.kst-usluge__visual-card img { width:100%; height:100%; object-fit:cover; display:block; }
.kst-usluge__visual-card--main { inset: 0 0 58px 34px; }
.kst-usluge__visual-card--float { left:0; bottom:0; width:48%; height:42%; border-radius:22px; }
.kst-usluge__badge {
  position:absolute;
  right: 18px;
  bottom: 26px;
  max-width: 190px;
  padding: 14px 16px;
  border-radius: 20px;
  background: rgba(255,250,242,.95);
  color: #201812;
  border: 1px solid rgba(212,185,106,.35);
  box-shadow: 0 18px 44px rgba(0,0,0,.18);
  font-weight: 800;
  line-height: 1.35;
}
.kst-usluge--serija .kst-usluge__visual--single {
  min-height: 0;
  display: grid;
  gap: 16px;
  align-content: center;
}
.kst-usluge--serija .kst-usluge__hero-photo {
  position: relative;
  margin: 0;
  overflow: hidden;
  border-radius: 30px;
  border: 1px solid rgba(212,185,106,.26);
  background: #241b13;
  box-shadow: 0 24px 64px rgba(0,0,0,.28);
  aspect-ratio: 4 / 3;
}
.kst-usluge--serija .kst-usluge__hero-photo:after {
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(180deg,transparent 58%,rgba(23,17,12,.32));
  pointer-events:none;
}
.kst-usluge--serija .kst-usluge__hero-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.kst-usluge--serija .kst-usluge__hero-stats {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 10px;
}
.kst-usluge--serija .kst-usluge__hero-stats div {
  padding: 14px 12px;
  border-radius: 20px;
  background: rgba(255,250,242,.94);
  border: 1px solid rgba(212,185,106,.34);
  box-shadow: 0 14px 36px rgba(0,0,0,.15);
}
.kst-usluge--serija .kst-usluge__hero-stats strong {
  display:block;
  color:#201812;
  font-size: clamp(1.05rem,1.8vw,1.35rem);
  line-height:1;
  letter-spacing:-.04em;
}
.kst-usluge--serija .kst-usluge__hero-stats span {
  display:block;
  margin-top:5px;
  color:#756858;
  font-size:.72rem;
  line-height:1.25;
  font-weight:800;
}
.kst-usluge__section {
  max-width: 1180px;
  margin: 0 auto;
  padding: clamp(42px,6vw,78px) 24px;
}
.kst-usluge__section--tight { padding-top: 28px; }
.kst-usluge__section-head { max-width: 760px; margin: 0 auto 30px; text-align: center; }
.kst-usluge__kicker { color: var(--kst-gold-2); font-size:.72rem; font-weight:900; letter-spacing:.24em; text-transform:uppercase; margin-bottom:10px; }
.kst-usluge h2 { margin:0 0 14px; color:#241d18; font-size:clamp(2rem,4vw,3.65rem); line-height:1; letter-spacing:-.055em; font-weight:900; }
.kst-usluge__section-head p,
.kst-usluge__split p,
.kst-usluge__card p,
.kst-usluge__step p,
.kst-usluge__faq p { color:var(--kst-muted); line-height:1.72; font-size:1rem; }
.kst-usluge__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.kst-usluge__card {
  border-radius: 28px;
  background: linear-gradient(180deg,#fff,#fbf4e8);
  border:1px solid var(--kst-line);
  box-shadow: 0 18px 50px rgba(46,37,28,.08);
  overflow:hidden;
}
.kst-usluge__card-media { aspect-ratio: 4/3; background:#efe6d7; overflow:hidden; }
.kst-usluge__card-media img { width:100%; height:100%; object-fit:cover; display:block; transition: transform .35s ease; }
.kst-usluge__card:hover .kst-usluge__card-media img { transform: scale(1.045); }
.kst-usluge__card-body { padding: 24px 24px 26px; }
.kst-usluge h3 { margin:0 0 10px; color:#241d18; font-size:1.28rem; line-height:1.18; letter-spacing:-.03em; font-weight:900; }
.kst-usluge__pill-list { display:flex; flex-wrap:wrap; gap:8px; margin-top:18px; }
.kst-usluge__pill { display:inline-flex; padding:8px 11px; border-radius:999px; background:#f3eadb; color:#705722; font-size:.78rem; font-weight:850; }
.kst-usluge__split {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:34px;
  align-items:center;
  padding: clamp(28px,5vw,54px);
  border-radius: 36px;
  background: #fffdf8;
  border: 1px solid var(--kst-line);
  box-shadow: var(--kst-shadow);
}
.kst-usluge__split-media { border-radius:28px; overflow:hidden; aspect-ratio: 5/4; box-shadow: 0 18px 48px rgba(46,37,28,.12); }
.kst-usluge__split-media img { width:100%; height:100%; object-fit:cover; display:block; }
.kst-usluge__checks { display:grid; gap:12px; margin:22px 0 24px; padding:0; list-style:none; }
.kst-usluge__checks li { position:relative; padding-left:28px; color:#4a4036; line-height:1.55; font-weight:650; }
.kst-usluge__checks li:before { content:"✓"; position:absolute; left:0; top:0; color:var(--kst-gold-2); font-weight:900; }
.kst-usluge__steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; counter-reset:kststep; }
.kst-usluge__step { counter-increment:kststep; padding:24px; border-radius:26px; background:#fffdf8; border:1px solid var(--kst-line); box-shadow:0 14px 38px rgba(46,37,28,.07); }
.kst-usluge__step:before { content:counter(kststep, decimal-leading-zero); display:block; margin-bottom:16px; color:var(--kst-gold-2); font-size:.82rem; font-weight:900; letter-spacing:.16em; }
.kst-usluge__quote {
  position:relative;
  max-width: 960px;
  margin: 0 auto;
  padding: clamp(32px,5vw,56px);
  border-radius: 34px;
  background: linear-gradient(135deg,#18120d,#302419);
  color:#fff;
  box-shadow: 0 28px 80px rgba(46,37,28,.16);
  overflow:hidden;
}
.kst-usluge__quote:before { content:""; position:absolute; inset:-30% 58% auto -12%; height:260px; background:radial-gradient(circle,rgba(212,185,106,.22),transparent 65%); }
.kst-usluge__quote p { position:relative; margin:0; color:#eadfcb; font-size:clamp(1.15rem,2vw,1.55rem); line-height:1.55; font-weight:700; }
.kst-usluge__cost-layout {
  display: grid;
  grid-template-columns: minmax(230px,.34fr) minmax(0,1fr);
  gap: 22px;
  align-items: stretch;
}
.kst-usluge__cost-highlight {
  display:flex;
  flex-direction:column;
  justify-content:center;
  min-height: 100%;
  padding: clamp(24px,4vw,38px);
  border-radius: 30px;
  background: radial-gradient(circle at 28% 0%,rgba(212,185,106,.35),transparent 44%),linear-gradient(145deg,#18120d,#332619);
  color:#fff;
  box-shadow: 0 24px 64px rgba(46,37,28,.16);
}
.kst-usluge__cost-highlight span { color:var(--kst-gold); font-size:.72rem; font-weight:900; letter-spacing:.2em; text-transform:uppercase; }
.kst-usluge__cost-highlight strong { margin:14px 0 12px; color:#fffaf2 !important; font-size:clamp(2rem,4vw,3.4rem); line-height:.95; letter-spacing:-.06em; text-shadow:0 2px 22px rgba(212,185,106,.18); }
.kst-usluge__cost-highlight p { margin:0; color:#eadfcb; line-height:1.65; font-weight:650; }
.kst-usluge__cost-table-wrap {
  overflow-x:auto;
  -webkit-overflow-scrolling:touch;
  border-radius: 30px;
  border:1px solid var(--kst-line);
  background:#fffdf8;
  box-shadow: var(--kst-shadow);
}
.kst-usluge__cost-table {
  width:100%;
  min-width: 760px;
  border-collapse: separate;
  border-spacing: 0;
  font-size:.93rem;
}
.kst-usluge__cost-table th,
.kst-usluge__cost-table td {
  padding: 15px 16px;
  text-align:left;
  border-bottom:1px solid rgba(184,148,62,.16);
}
.kst-usluge__cost-table thead th {
  position: sticky;
  top: 0;
  z-index: 1;
  background:#18120d;
  color:#fff;
  font-size:.74rem;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.kst-usluge__cost-table thead th:first-child { border-top-left-radius: 30px; }
.kst-usluge__cost-table thead th:last-child { border-top-right-radius: 30px; }
.kst-usluge__cost-table tbody tr:nth-child(even) td { background:#fbf4e8; }
.kst-usluge__cost-table td:first-child { color:#2b241d; font-weight:900; }
.kst-usluge__cost-table td:nth-child(2),
.kst-usluge__cost-table td:nth-child(3) { color:#9d4235; font-weight:750; }
.kst-usluge__cost-table td:nth-child(4),
.kst-usluge__cost-table-best { color:#1f7a4c !important; font-weight:900; background:rgba(212,185,106,.18) !important; }
.kst-usluge__cost-total td {
  background:#18120d !important;
  color:#fff !important;
  border-bottom:0;
  font-weight:900;
}
.kst-usluge__cost-total td:nth-child(4) { color:var(--kst-gold) !important; }
.kst-usluge__cost-note { max-width:920px; margin:18px auto 0; color:var(--kst-muted); line-height:1.65; font-size:.9rem; text-align:center; }
.kst-usluge__faq { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; }
.kst-usluge__faq-item { padding:22px 24px; border-radius:24px; background:#fffdf8; border:1px solid var(--kst-line); box-shadow:0 12px 32px rgba(46,37,28,.06); }
.kst-usluge__cta {
  max-width: 1120px;
  margin: 20px auto 80px;
  padding: clamp(36px,6vw,64px) 24px;
  border-radius: 36px;
  background: radial-gradient(circle at 78% 8%,rgba(212,185,106,.25),transparent 35%),linear-gradient(135deg,#fff,#f3eadb);
  border:1px solid var(--kst-line);
  box-shadow: var(--kst-shadow);
  text-align:center;
}
.kst-usluge__cta p { max-width: 720px; margin:0 auto 24px; color:var(--kst-muted); line-height:1.75; }
@media (max-width: 980px) {
  .kst-usluge__hero-inner,
  .kst-usluge__split { grid-template-columns:1fr; }
  .kst-usluge__visual { min-height: 360px; max-width:620px; width:100%; margin:0 auto; }
  .kst-usluge__grid { grid-template-columns:1fr 1fr; }
  .kst-usluge__steps { grid-template-columns:1fr 1fr; }
  .kst-usluge__cost-layout { grid-template-columns:1fr; }
}

@media (max-width: 640px) {
  .kst-usluge {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  .kst-usluge__hero {
    width: calc(100% - 24px) !important;
    max-width: calc(100% - 24px) !important;
    margin-left: 12px !important;
    margin-right: 12px !important;
    padding:52px 18px 34px;
    border-radius:0 0 28px 28px;
  }
  .kst-usluge__hero-inner,
  .kst-usluge__section-head,
  .kst-usluge__grid,
  .kst-usluge__split,
  .kst-usluge__steps,
  .kst-usluge__faq {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .kst-usluge__section-head,
  .kst-usluge__grid,
  .kst-usluge__steps,
  .kst-usluge__faq {
    width: calc(100% - 36px) !important;
    max-width: calc(100% - 36px) !important;
  }
  .kst-usluge__hero-inner > div:first-child { width:100% !important; max-width:100% !important; }
  .kst-usluge h1 {
    font-size: clamp(1.82rem,9.4vw,2.55rem);
    line-height: 1.04;
    letter-spacing: -.035em;
    white-space: normal !important;
    word-break: normal;
    overflow-wrap: anywhere;
    max-width: 100%;
  }
  .kst-usluge h2 {
    font-size: clamp(1.55rem,8.2vw,2.25rem);
    line-height: 1.06;
    white-space: normal !important;
    overflow-wrap: anywhere;
  }
  .kst-usluge__lead { font-size:.93rem; line-height:1.6; white-space:normal !important; overflow-wrap:anywhere; }
  .kst-usluge__visual { min-height: 300px; }
  .kst-usluge--serija .kst-usluge__visual--single { min-height:0; }
  .kst-usluge--serija .kst-usluge__hero-photo { border-radius:24px; }
  .kst-usluge--serija .kst-usluge__hero-stats { grid-template-columns:1fr; }
  .kst-usluge__visual-card--main { inset:0 0 54px 18px; }
  .kst-usluge__visual-card--float { width:50%; height:36%; }
  .kst-usluge__badge { right:8px; bottom:14px; max-width:145px; font-size:.76rem; }
  .kst-usluge__section { padding:38px 18px; }
  .kst-usluge__grid,
  .kst-usluge__steps,
  .kst-usluge__faq { grid-template-columns:1fr; }
  .kst-usluge__cost-table { min-width:0; width:100%; font-size:.74rem; table-layout:fixed; }
  .kst-usluge__cost-table th,
  .kst-usluge__cost-table td { padding:10px 8px; overflow-wrap:anywhere; }
  .kst-usluge__cost-table thead th { letter-spacing:.06em; }
  .kst-usluge__cost-table th:first-child,
  .kst-usluge__cost-table td:first-child { width:35%; }
  .kst-usluge__cost-table th:nth-child(2),
  .kst-usluge__cost-table td:nth-child(2),
  .kst-usluge__cost-table th:nth-child(3),
  .kst-usluge__cost-table td:nth-child(3),
  .kst-usluge__cost-table th:nth-child(4),
  .kst-usluge__cost-table td:nth-child(4) { width:21.66%; }
  .kst-usluge__cost-highlight { border-radius:26px; }
  .kst-usluge__split { padding:22px; border-radius:28px; }
  .kst-usluge__actions,
  .kst-usluge__split-actions { flex-direction:column; align-items:stretch; }
  .kst-usluge__btn { width:100%; }
  .kst-usluge__cta { margin-left:14px; margin-right:14px; }
}


/* Kesten service QA fixes - simplified heroes + button contrast - 2026-05-18 */
body.page-id-3498 { background: #fffaf2 !important; color: #2b241d !important; }
body.page-id-3498 .nm-page-wrap { background: linear-gradient(180deg,#fffaf2 0%,#f4ecdf 48%,#fffaf2 100%) !important; }
.kst-usluge__hero { isolation:isolate; }
.kst-usluge__hero-inner { grid-template-columns:minmax(0,1fr) minmax(340px,.78fr); gap:clamp(34px,6vw,74px); }
.kst-usluge__hero-inner > div:first-child { min-width:0; position:relative; z-index:2; }
.kst-usluge h1 { max-width:720px; font-size:clamp(2.55rem,5.25vw,4.85rem); line-height:.98; letter-spacing:-.055em; }
.kst-usluge__lead { max-width:640px; }
.kst-usluge__visual { min-height:0; display:grid; align-content:center; gap:14px; }
.kst-usluge__visual-card { position:relative; inset:auto !important; width:100%; height:auto; }
.kst-usluge__visual-card--main { aspect-ratio:4 / 3; border-radius:30px; }
.kst-usluge__visual-card--float { display:none; }
.kst-usluge__badge { position:relative; right:auto; bottom:auto; justify-self:end; margin-top:-34px; margin-right:18px; z-index:2; }
.kst-usluge__btn, .kst-usluge__btn:visited, .kst-usluge__btn:hover, .kst-usluge__btn:focus, .kst-usluge__btn span { opacity:1 !important; text-shadow:none !important; text-decoration:none !important; }
.kst-usluge__btn--gold, .kst-usluge__btn--gold:visited, .kst-usluge__btn--gold:hover, .kst-usluge__btn--gold:focus { background:#d4b96a !important; color:#17110c !important; border:1px solid #d4b96a !important; }
.kst-usluge__btn--ghost, .kst-usluge__btn--ghost:visited, .kst-usluge__btn--ghost:hover, .kst-usluge__btn--ghost:focus { background:rgba(255,255,255,.08) !important; color:#fffaf2 !important; border:1px solid rgba(255,255,255,.32) !important; }
.kst-usluge__btn--light, .kst-usluge__btn--light:visited, .kst-usluge__btn--light:hover, .kst-usluge__btn--light:focus { background:#17110c !important; color:#fffaf2 !important; border:1px solid #17110c !important; }
@media (max-width: 980px) { .kst-usluge__hero-inner { grid-template-columns:1fr; } .kst-usluge h1 { max-width:100%; } .kst-usluge__visual { max-width:620px; width:100%; margin:0 auto; } }
@media (max-width: 640px) { .kst-usluge h1 { font-size:clamp(2rem,9.2vw,2.8rem); line-height:1.04; letter-spacing:-.038em; } .kst-usluge__visual { min-height:0; } .kst-usluge__visual-card--main { aspect-ratio:4 / 3; border-radius:24px; } .kst-usluge__badge { justify-self:start; margin:-18px 12px 0; max-width:none; width:calc(100% - 24px); font-size:.82rem; } }