/*
 * Kõik laenud — page 997
 * Dedicated Design System layer. Keeps the comparison table as the primary visual focus
 * and gives the editorial sections a calmer, more structured hierarchy.
 */

body.page-id-997 .lr-all-loans{
  width:100%;
  max-width:1140px;
  margin-left:auto;
  margin-right:auto;
}

/* HERO */
body.page-id-997 .lr-all-loans > .lr-all-hero{
  margin-bottom:0!important;
  padding:32px 34px 30px!important;
  border-radius:18px!important;
  box-shadow:0 12px 30px rgba(15,53,86,.10)!important;
}
body.page-id-997 .lr-all-hero-title{
  max-width:880px;
}
body.page-id-997 .lr-all-hero .lr-all-chips{
  gap:8px!important;
  margin-top:16px!important;
}
body.page-id-997 .lr-all-hero .lr-all-chip{
  padding:6px 10px!important;
  background:rgba(255,255,255,.10)!important;
  border-color:rgba(255,255,255,.20)!important;
}

/* SECTION RHYTHM */
body.page-id-997 .lr-all-loans > .lr-all-section{
  margin:0!important;
  padding:0!important;
}
body.page-id-997 .lr-all-loans > .lr-all-hero + .lr-all-section{
  margin-top:24px!important;
}
body.page-id-997 .lr-all-loans > .lr-all-section + .lr-all-section{
  margin-top:40px!important;
}
body.page-id-997 .lr-all-section > h2{
  position:relative;
  margin:0 0 18px!important;
  padding:0 0 10px!important;
}
body.page-id-997 .lr-all-section > h2::after{
  content:""!important;
  position:absolute!important;
  left:0!important;
  bottom:0!important;
  display:block!important;
  width:42px!important;
  height:2px!important;
  margin:0!important;
  background:#c7ddeb!important;
  border-radius:999px!important;
}
body.page-id-997 .lr-all-section > p{
  max-width:920px;
  margin-bottom:16px!important;
  color:#52697d;
}

/* INTRO — three quick checks */
body.page-id-997 .lr-all-intro .lr-all-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}
body.page-id-997 .lr-all-intro .lr-all-card{
  position:relative;
  min-height:150px;
  padding:19px 20px!important;
  border-top:3px solid #cfe1ef!important;
  box-shadow:0 3px 10px rgba(15,53,86,.03)!important;
}
body.page-id-997 .lr-all-intro .lr-all-card h3::before,
body.page-id-997 .lr-all-compare-factors .lr-all-card h3::before{
  display:block;
  width:max-content;
  max-width:100%;
  margin:0 0 9px;
  padding:4px 8px;
  color:#45647d;
  background:#f1f6fb;
  border-radius:999px;
  font-size:10px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:.045em;
}
body.page-id-997 .lr-all-intro .lr-all-card:nth-child(1) h3::before{content:"KULU"}
body.page-id-997 .lr-all-intro .lr-all-card:nth-child(2) h3::before{content:"MAKSE"}
body.page-id-997 .lr-all-intro .lr-all-card:nth-child(3) h3::before{content:"TASUD"}
body.page-id-997 .lr-all-intro .lr-all-note{
  margin-top:18px!important;
  padding:15px 17px!important;
  color:#17364f!important;
  background:#f4f8fb!important;
  border:1px solid #d7e5f0!important;
  border-left:4px solid #2f73b7!important;
  border-radius:12px!important;
  box-shadow:none!important;
}

/* DISCLOSURE + TABLE TRANSITION */
body.page-id-997 .lr-all-intro + .lr-all-anchor + .lr-all-table-disclosure,
body.page-id-997 .lr-all-table-disclosure{
  margin-top:24px!important;
}
body.page-id-997 .lr-all-table-disclosure .lr-all-disclosure{
  padding:14px 17px!important;
  color:#52677a!important;
  background:#f7fafc!important;
  border:1px solid #dfe8f0!important;
  border-left:4px solid #8fb7d5!important;
  border-radius:12px!important;
  box-shadow:none!important;
}
body.page-id-997 #comparisons_form{
  margin-top:18px!important;
  margin-bottom:0!important;
}

/* POST-TABLE SUMMARY */
body.page-id-997 .lr-all-loans > .lr-all-section:first-child .lr-all-summary{
  margin-top:24px!important;
  padding:17px 19px!important;
  color:#17364f!important;
  background:#f4f8fb!important;
  border:1px solid #d7e5f0!important;
  border-left:4px solid #2f73b7!important;
  border-radius:13px!important;
  box-shadow:none!important;
}
body.page-id-997 .lr-all-summary strong{
  color:#123a5a!important;
}

/* LOAN TYPE DIRECTORY */
body.page-id-997 .lr-all-types{
  margin-top:36px!important;
}
body.page-id-997 .lr-all-types > h3{
  display:inline-flex;
  align-items:center;
  margin:24px 0 12px!important;
  padding:5px 9px;
  color:#45647d!important;
  background:#f1f6fb;
  border-radius:999px;
  font-size:12px!important;
  line-height:1.25!important;
  letter-spacing:.03em!important;
  text-transform:uppercase;
}
body.page-id-997 .lr-all-types .lr-all-grid{
  gap:14px!important;
  align-items:stretch!important;
}
body.page-id-997 .lr-all-types .lr-all-grid:first-of-type{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
body.page-id-997 .lr-all-types .lr-all-grid:nth-of-type(2){
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
body.page-id-997 .lr-all-types .lr-all-card{
  display:flex!important;
  flex-direction:column!important;
  min-height:154px!important;
  padding:18px!important;
  background:#fff!important;
  border:1px solid #dfe8f0!important;
  border-top:3px solid #cfe1ef!important;
  border-radius:13px!important;
  box-shadow:0 3px 10px rgba(15,53,86,.025)!important;
}
body.page-id-997 .lr-all-types .lr-all-card h3{
  margin-bottom:8px!important;
  font-size:18px!important;
}
body.page-id-997 .lr-all-types .lr-all-card p{
  flex:1;
  margin-bottom:12px!important;
  color:#52697d!important;
  font-size:13.5px!important;
  line-height:1.55!important;
}
body.page-id-997 .lr-all-types .lr-all-card span{
  margin-top:auto;
  padding-top:4px;
}
body.page-id-997 .lr-all-purpose-links{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:8px;
  margin:17px 0 0!important;
  padding:13px 15px!important;
  color:#52677a!important;
  background:#f7fafc!important;
  border:1px solid #dfe8f0!important;
  border-radius:12px!important;
}
body.page-id-997 .lr-all-purpose-links strong{
  margin-right:2px;
  color:#123a5a;
}
body.page-id-997 .lr-all-purpose-links > span{
  margin-right:2px;
  color:#667b8e;
  font-size:13px;
}
body.page-id-997 .lr-all-purpose-links a{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:6px 11px;
  color:#2f73b7!important;
  background:#fff;
  border:1px solid #cfe0ed;
  border-radius:999px;
  font-size:13px;
  line-height:1.2;
  font-weight:800;
  white-space:nowrap;
  text-decoration:none!important;
}
body.page-id-997 .lr-all-purpose-links a:hover{
  background:#edf6fc;
  border-color:#a9c8df;
  text-decoration:none!important;
}

/* DECISION CARDS — 3 + 2 balanced layout */
body.page-id-997 .lr-all-decision .lr-all-grid{
  grid-template-columns:repeat(6,minmax(0,1fr))!important;
  gap:16px!important;
}
body.page-id-997 .lr-all-decision .lr-all-card{
  grid-column:span 2;
  min-height:174px;
  padding:20px!important;
  background:#fbfdff!important;
  border-color:#dce8f1!important;
  box-shadow:0 3px 10px rgba(15,53,86,.025)!important;
}
body.page-id-997 .lr-all-decision .lr-all-card:nth-child(4),
body.page-id-997 .lr-all-decision .lr-all-card:nth-child(5){
  grid-column:span 3;
}
body.page-id-997 .lr-all-decision .lr-all-card h3::before{
  content:none!important;
  display:none!important;
}
body.page-id-997 .lr-all-decision-label{
  display:inline-flex!important;
  width:max-content;
  max-width:100%;
  margin:0 0 9px!important;
  padding:4px 8px!important;
  color:#45647d!important;
  background:#edf5fb!important;
  border-radius:999px!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:800!important;
  letter-spacing:.045em!important;
}

/* SIX COMPARISON FACTORS */
body.page-id-997 .lr-all-compare-factors .lr-all-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important;
}
body.page-id-997 .lr-all-compare-factors .lr-all-card{
  min-height:156px;
  padding:19px 20px!important;
  box-shadow:0 3px 10px rgba(15,53,86,.025)!important;
}
body.page-id-997 .lr-all-compare-factors .lr-all-card:nth-child(1) h3::before{content:"HIND"}
body.page-id-997 .lr-all-compare-factors .lr-all-card:nth-child(2) h3::before{content:"EELARVE"}
body.page-id-997 .lr-all-compare-factors .lr-all-card:nth-child(3) h3::before{content:"AEG"}
body.page-id-997 .lr-all-compare-factors .lr-all-card:nth-child(4) h3::before{content:"INTRESS"}
body.page-id-997 .lr-all-compare-factors .lr-all-card:nth-child(5) h3::before{content:"TASUD"}
body.page-id-997 .lr-all-compare-factors .lr-all-card:nth-child(6) h3::before{content:"PAINDLIKKUS"}

/* EDITORIAL NOTE */
body.page-id-997 .lr-all-payment-note .lr-all-note{
  padding:19px 20px!important;
  color:#17364f!important;
  background:#f4f8fb!important;
  border:1px solid #d7e5f0!important;
  border-left:4px solid #2f73b7!important;
  border-radius:13px!important;
}
body.page-id-997 .lr-all-payment-note .lr-all-note p{
  margin-bottom:11px!important;
}
body.page-id-997 .lr-all-payment-note .lr-all-note p:last-child{
  margin-bottom:0!important;
}
body.page-id-997 .lr-all-payment-note .lr-all-note a{
  font-weight:800;
}

/* WARNINGS */
body.page-id-997 .lr-all-warning-section .lr-all-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:16px!important;
}
body.page-id-997 .lr-all-warning-section .lr-all-card{
  min-height:166px;
  padding:20px!important;
  background:#fffaf0!important;
  border-color:#efd9ae!important;
  border-top:3px solid #d8a348!important;
  box-shadow:0 3px 10px rgba(111,77,19,.025)!important;
}
body.page-id-997 .lr-all-warning-section .lr-all-card h3{
  color:#684713!important;
}
body.page-id-997 .lr-all-warning-section .lr-all-card p{
  color:#635a4c!important;
}

/* CHECKLIST */
body.page-id-997 .lr-all-checklist-section .lr-all-list{
  list-style:none!important;
  margin:0!important;
  padding:5px 20px!important;
  background:#fbfdff;
  border:1px solid #dfe8f0;
  border-radius:14px;
  box-shadow:0 3px 10px rgba(15,53,86,.02);
}
body.page-id-997 .lr-all-checklist-section .lr-all-list li{
  position:relative;
  margin:0!important;
  padding:14px 8px 14px 40px!important;
  color:#294b65;
  line-height:1.55;
  border-bottom:1px solid #e6edf4;
}
body.page-id-997 .lr-all-checklist-section .lr-all-list li:last-child{
  border-bottom:0;
}
body.page-id-997 .lr-all-checklist-section .lr-all-list li::before{
  content:"✓";
  position:absolute;
  left:4px;
  top:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  width:25px;
  height:25px;
  color:#2f73b7;
  background:#edf6fc;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  transform:translateY(-50%);
}

/* FAQ */
body.page-id-997 .lr-all-faq details{
  margin:0 0 9px!important;
  padding:0!important;
  background:#fff!important;
  border:1px solid #dfe8f0!important;
  border-radius:12px!important;
  box-shadow:0 2px 7px rgba(15,53,86,.02)!important;
}
body.page-id-997 .lr-all-faq details:last-child{
  margin-bottom:0!important;
}
body.page-id-997 .lr-all-faq summary{
  min-height:0!important;
  padding:14px 46px 14px 16px!important;
  font-size:14px!important;
  line-height:1.45!important;
}
body.page-id-997 .lr-all-faq summary::after{
  right:14px!important;
  width:24px!important;
  height:24px!important;
  background:#edf6fc!important;
}
body.page-id-997 .lr-all-faq details > p{
  margin:0!important;
  padding:0 16px 15px!important;
  color:#52697d!important;
  line-height:1.62!important;
}

/* OFFICIAL INFO */
body.page-id-997 .lr-all-official .lr-note{
  padding:19px 20px!important;
  color:#17364f!important;
  background:#f4f8fb!important;
  border:1px solid #d7e5f0!important;
  border-left:4px solid #2f73b7!important;
  border-radius:13px!important;
}
body.page-id-997 .lr-all-official .lr-note p{
  margin-bottom:12px!important;
}
body.page-id-997 .lr-all-official .lr-note .lr-small{
  margin:15px 0 0!important;
  padding-top:13px;
  color:#667b8e!important;
  border-top:1px solid #d7e4ed;
  font-size:13px!important;
}

/* FINAL CTA — was previously outside the generic button/CTA scope */
body.page-id-997 .lr-all-footer{
  margin:32px 0 24px!important;
  padding:28px 30px!important;
  background:linear-gradient(135deg,#f2faf5,#f7fbf9)!important;
  border:1px solid #d7e9de!important;
  border-radius:16px!important;
  box-shadow:0 6px 18px rgba(15,53,86,.04)!important;
}
body.page-id-997 .lr-all-footer h2{
  margin:0 0 10px!important;
  color:#0e2840!important;
  font-size:27px!important;
  line-height:1.2!important;
}
body.page-id-997 .lr-all-footer p{
  max-width:900px;
  margin:0!important;
  color:#52697d!important;
}
body.page-id-997 .lr-all-footer .lr-btns{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:10px!important;
  margin-top:18px!important;
}
body.page-id-997 .lr-all-footer .lr-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:44px!important;
  padding:10px 17px!important;
  border-radius:10px!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:750!important;
  text-decoration:none!important;
  transition:transform .15s ease,background .15s ease,border-color .15s ease!important;
}
body.page-id-997 .lr-all-footer .lr-btn:hover{
  transform:translateY(-1px);
  text-decoration:none!important;
}
body.page-id-997 .lr-all-footer .lr-btn-primary{
  color:#fff!important;
  background:#2f73b7!important;
  border:1px solid #2f73b7!important;
  box-shadow:0 6px 15px rgba(47,115,183,.18)!important;
}
body.page-id-997 .lr-all-footer .lr-btn-primary:hover{
  background:#2866a4!important;
}
body.page-id-997 .lr-all-footer .lr-btn-secondary{
  color:#16384f!important;
  background:#fff!important;
  border:1px solid #b8d6c1!important;
}

/* RESPONSIVE */
@media(max-width:980px){
  body.page-id-997 .lr-all-types .lr-all-grid:first-of-type,
  body.page-id-997 .lr-all-types .lr-all-grid:nth-of-type(2),
  body.page-id-997 .lr-all-intro .lr-all-grid,
  body.page-id-997 .lr-all-compare-factors .lr-all-grid,
  body.page-id-997 .lr-all-warning-section .lr-all-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.page-id-997 .lr-all-decision .lr-all-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.page-id-997 .lr-all-decision .lr-all-card,
  body.page-id-997 .lr-all-decision .lr-all-card:nth-child(4),
  body.page-id-997 .lr-all-decision .lr-all-card:nth-child(5){
    grid-column:auto!important;
    min-height:0!important;
  }
  body.page-id-997 .lr-all-decision .lr-all-card:last-child{
    grid-column:1/-1!important;
  }
}

@media(max-width:767px){
  body.page-id-997 .lr-all-loans > .lr-all-hero{
    padding:24px 20px!important;
  }
  body.page-id-997 .lr-all-loans > .lr-all-hero + .lr-all-section{
    margin-top:20px!important;
  }
  body.page-id-997 .lr-all-loans > .lr-all-section + .lr-all-section{
    margin-top:32px!important;
  }
  body.page-id-997 .lr-all-section > h2{
    margin-bottom:16px!important;
  }
  body.page-id-997 .lr-all-loans > .lr-all-section:first-child .lr-all-summary{
    margin-top:20px!important;
  }
  body.page-id-997 .lr-all-types{
    margin-top:30px!important;
  }
  body.page-id-997 .lr-all-footer{
    margin-top:28px!important;
    margin-bottom:18px!important;
    padding:22px 20px!important;
  }
}

@media(max-width:620px){
  body.page-id-997 .lr-all-intro .lr-all-grid,
  body.page-id-997 .lr-all-types .lr-all-grid:first-of-type,
  body.page-id-997 .lr-all-types .lr-all-grid:nth-of-type(2),
  body.page-id-997 .lr-all-decision .lr-all-grid,
  body.page-id-997 .lr-all-compare-factors .lr-all-grid,
  body.page-id-997 .lr-all-warning-section .lr-all-grid{
    grid-template-columns:1fr!important;
  }
  body.page-id-997 .lr-all-decision .lr-all-card:last-child{
    grid-column:auto!important;
  }
  body.page-id-997 .lr-all-intro .lr-all-card,
  body.page-id-997 .lr-all-types .lr-all-card,
  body.page-id-997 .lr-all-compare-factors .lr-all-card,
  body.page-id-997 .lr-all-warning-section .lr-all-card{
    min-height:0!important;
  }
  body.page-id-997 .lr-all-footer .lr-btns{
    display:grid!important;
    grid-template-columns:1fr!important;
  }
  body.page-id-997 .lr-all-footer .lr-btn{
    width:100%!important;
  }
  body.page-id-997 .lr-all-purpose-links{
    align-items:flex-start;
  }
  body.page-id-997 .lr-all-purpose-links strong,
  body.page-id-997 .lr-all-purpose-links > span{
    flex-basis:100%;
  }
}
