/* Kylpyhuoneremonttilaskuri global CSS */

/* === CENTERED crosspromo fix === */
.subtle-crosspromo,
.subtle-crosspromo-energy {
  display: block !important;
  max-width: 900px !important;
  margin: 34px auto !important;
  padding: 28px 26px !important;
  text-align: center !important;
  background: linear-gradient(135deg, #ffffff, #f7fbf6) !important;
  border: 1px solid rgba(216,229,220,.95) !important;
  border-radius: 20px !important;
  box-shadow: 0 10px 30px rgba(7,31,24,.08) !important;
}

.subtle-crosspromo-text {
  display: block !important;
  max-width: 720px !important;
  margin: 0 auto !important;
  text-align: center !important;
}

.subtle-crosspromo-label {
  display: inline-flex !important;
  justify-content: center !important;
  margin: 0 auto 10px !important;
  color: #176342 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  text-align: center !important;
}

.subtle-crosspromo h2 {
  margin: 0 auto 10px !important;
  max-width: 680px !important;
  text-align: center !important;
  color: #071f18 !important;
  font-size: clamp(24px, 2.5vw, 32px) !important;
  line-height: 1.15 !important;
}

.subtle-crosspromo p {
  margin: 0 auto !important;
  max-width: 700px !important;
  text-align: center !important;
  color: #4d5d54 !important;
  font-size: 16px !important;
}

.subtle-crosspromo-link {
  display: inline-flex !important;
  margin: 20px auto 0 !important;
  align-items: center !important;
  justify-content: center !important;
  text-align: center !important;
  text-decoration: none !important;
  color: #071f18 !important;
  background: #f5c84c !important;
  border: 1px solid #e7b93e !important;
  border-radius: 10px !important;
  padding: 12px 16px !important;
  font-weight: 950 !important;
  width: auto !important;
  max-width: 100% !important;
}

.subtle-crosspromo-link:hover {
  background: #ffe08a !important;
}

@media (max-width: 760px) {
  .subtle-crosspromo,
  .subtle-crosspromo-energy {
    margin: 26px 0 !important;
    padding: 22px 18px !important;
  }

  .subtle-crosspromo-link {
    width: 100% !important;
  }
}

/* === Kylpyhuoneremontti laskuri premium page === */
.kylpy-topbar {
  background:#15110f !important;
  color:#fff !important;
  text-align:center !important;
  padding:8px 18px !important;
  font-size:13px !important;
}

.kylpy-nav {
  background:rgba(255,255,255,.96) !important;
  border-bottom:1px solid #eadfd5 !important;
  position:sticky !important;
  top:0 !important;
  z-index:9999 !important;
  box-shadow:0 8px 28px rgba(0,0,0,.05) !important;
}

.kylpy-nav-inner {
  max-width:1180px !important;
  margin:0 auto !important;
  padding:13px 18px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:26px !important;
}

.kylpy-logo {
  color:#15110f !important;
  text-decoration:none !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}

.kylpy-links {
  display:flex !important;
  align-items:center !important;
  gap:18px !important;
  overflow-x:auto !important;
  white-space:nowrap !important;
}

.kylpy-links a {
  color:#15110f !important;
  text-decoration:none !important;
  font-weight:800 !important;
}

.kylpy-links a.active {
  color:#a9773f !important;
}

.kylpy-nav-cta {
  background:#15110f !important;
  color:#fff !important;
  padding:9px 13px !important;
  border-radius:10px !important;
}

.kylpy-hero {
  background:
    radial-gradient(circle at 80% 18%, rgba(223,179,126,.22), transparent 30%),
    linear-gradient(135deg,#15110f,#3c302a 58%,#6a4c32) !important;
  color:#fff !important;
  padding:76px 20px 68px !important;
}

.kylpy-hero .wrap {
  max-width:1120px !important;
  margin:0 auto !important;
}

.kylpy-kicker {
  display:inline-flex !important;
  background:rgba(223,179,126,.14) !important;
  border:1px solid rgba(223,179,126,.35) !important;
  color:#f1c995 !important;
  border-radius:999px !important;
  padding:7px 12px !important;
  font-weight:900 !important;
  font-size:13px !important;
  margin-bottom:18px !important;
}

.kylpy-hero h1 {
  color:#fff !important;
  max-width:900px !important;
  font-size:clamp(40px,5.8vw,72px) !important;
  line-height:1 !important;
  letter-spacing:-1.8px !important;
  margin:0 0 20px !important;
}

.kylpy-hero p {
  color:rgba(255,255,255,.9) !important;
  max-width:780px !important;
  font-size:clamp(18px,2vw,23px) !important;
}

.kylpy-actions {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  margin-top:24px !important;
}

.kylpy-btn-primary,
.kylpy-btn-secondary {
  display:inline-flex !important;
  text-decoration:none !important;
  font-weight:950 !important;
  border-radius:12px !important;
  padding:14px 20px !important;
}

.kylpy-btn-primary {
  background:linear-gradient(135deg,#d8a76b,#f0c891) !important;
  color:#15110f !important;
}

.kylpy-btn-secondary {
  border:1px solid rgba(255,255,255,.25) !important;
  color:#fff !important;
  background:rgba(255,255,255,.08) !important;
}

.kylpy-main {
  max-width:1120px !important;
  margin:0 auto !important;
  padding:34px 20px 58px !important;
}

.kylpy-section {
  background:#fff !important;
  border:1px solid #eadfd5 !important;
  border-radius:26px !important;
  padding:32px !important;
  margin-bottom:26px !important;
  box-shadow:0 16px 44px rgba(52,39,31,.08) !important;
}

.kylpy-section-soft {
  background:linear-gradient(135deg,#fff,#fbf6ef) !important;
}

.kylpy-section h2 {
  margin-top:0 !important;
  font-size:clamp(28px,3vw,42px) !important;
  line-height:1.12 !important;
  letter-spacing:-.8px !important;
  color:#15110f !important;
}

.kylpy-three {
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(235px,1fr)) !important;
  gap:16px !important;
}

.kylpy-card {
  background:#fbf7f1 !important;
  border:1px solid #eadfd5 !important;
  border-radius:20px !important;
  padding:22px !important;
}

.kylpy-card h3 {
  margin-top:0 !important;
  color:#15110f !important;
}

.kylpy-split {
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:24px !important;
  align-items:start !important;
}

.kylpy-calculator {
  background:#15110f !important;
  color:#fff !important;
  border-radius:24px !important;
  padding:28px !important;
}

.kylpy-calculator h2,
.kylpy-calculator p,
.kylpy-calculator label {
  color:#fff !important;
}

.kylpy-calculator input,
.kylpy-calculator select {
  background:#fff !important;
  color:#15110f !important;
}

.kylpy-result {
  display:none;
  background:#fff !important;
  color:#15110f !important;
  border-radius:18px !important;
  padding:20px !important;
  margin-top:18px !important;
}

.kylpy-result p,
.kylpy-result h3 {
  color:#15110f !important;
}

.kylpy-warning {
  border-left:7px solid #d8a76b !important;
}

.kylpy-faq details {
  border:1px solid #eadfd5 !important;
  border-radius:14px !important;
  padding:14px 16px !important;
  margin:10px 0 !important;
  background:#fff !important;
}

.kylpy-faq summary {
  font-weight:900 !important;
  cursor:pointer !important;
}

.kylpy-cross {
  text-align:center !important;
  background:linear-gradient(135deg,#fbf7f1,#fff) !important;
}

.kylpy-cross p {
  max-width:720px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media (max-width:850px) {
  .kylpy-nav-inner {
    flex-direction:column !important;
    gap:10px !important;
  }

  .kylpy-links {
    width:100% !important;
    justify-content:flex-start !important;
  }

  .kylpy-split {
    grid-template-columns:1fr !important;
  }

  .kylpy-section {
    padding:24px !important;
  }
}