/* /kredyt-hipoteczny/ – moduły tylko tej podstrony (prefiks hh-) */

/* Link „Dochód z firmy?” pod spisem treści w nagłówku */
.hh-aside-biz{display:block;margin:14px -26px -18px;padding:16px 26px 18px;border-top:1px solid var(--line-dark);text-decoration:none;color:var(--mist);font-family:var(--f-display);font-size:20px;line-height:1.2;transition:background .25s var(--ease)}
.hh-aside-biz small{display:block;font-family:var(--f-text);font-size:13px;letter-spacing:.04em;color:var(--brass);margin-bottom:4px}
.hh-aside-biz::after{content:" →";color:var(--brass)}
.hh-aside-biz:hover{background:rgba(201,171,112,.08)}

/* Pasek ceny: wkład / kredyt / koszty poza ceną */
.hh-price{margin:0 0 48px}
.hh-price__bar,.hh-price__scale{display:grid;grid-template-columns:18fr 72fr 10fr}
.hh-price__bar{height:58px;gap:0}
.hh-price__bar span{display:flex;align-items:center;padding:0 14px;font-size:14px;font-weight:600;letter-spacing:.02em;white-space:nowrap;overflow:hidden}
.hh-price__own{background:var(--brass);color:var(--petrol-950)}
.hh-price__loan{background:var(--petrol-glow);color:var(--mist)}
.hh-price__extra{margin-left:8px;border:1px dashed var(--brass);color:var(--brass);background:repeating-linear-gradient(135deg,rgba(201,171,112,.12) 0 4px,transparent 4px 9px);justify-content:center;padding:0 4px!important}
.hh-price__scale{font-size:13px;color:var(--jacket);margin-top:8px}
.hh-price__scale span:nth-child(2){text-align:right;padding-right:6px;border-right:1px solid var(--line-dark)}
.hh-price__scale span:nth-child(3){text-align:center;padding-left:8px}
.hh-price__legend{margin:28px 0 0;font-size:15.5px}
.hh-price__legend div{display:grid;grid-template-columns:200px minmax(0,1fr);gap:20px;padding:14px 0;border-top:1px solid var(--line-dark-soft)}
.hh-price__legend dt{font-family:var(--f-display);font-size:21px;line-height:1.2;color:var(--mist);display:flex;align-items:baseline;gap:10px}
.hh-price__legend dt i{flex:none;width:11px;height:11px;transform:translateY(1px)}
.hh-price__legend dd{margin:0;color:#c3cbcf}
.hh-k-own{background:var(--brass)}
.hh-k-loan{background:var(--petrol-glow)}
.hh-k-extra{border:1px dashed var(--brass)}
.hh-sub{font-size:clamp(24px,2.2vw,30px);margin:0 0 14px}
.dark .ticks b{color:var(--mist);font-weight:600}
.ticks a{color:inherit;text-underline-offset:4px}
.dark .ticks a{color:var(--brass)}
.hh-note{font-size:13.5px;color:var(--jacket);margin:16px 0 0}
.hh-note--light{color:var(--slate)}

/* Dwie kolumny: co sprawdzamy / co przygotować */
.hh-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,80px)}
.hh-duo h3{margin-bottom:16px}
.hh-duo .ticks{border-bottom:1px solid var(--mist-line)}

/* Pas „Prowadzisz firmę?” */
.hh-biz{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px 32px;align-items:center;margin-top:clamp(40px,5vw,64px);padding:24px 30px;background:var(--petrol-900);color:var(--mist);text-decoration:none;position:relative;transition:background .25s var(--ease)}
.hh-biz::before{content:"";position:absolute;inset:7px;border:1px solid var(--line-dark);pointer-events:none}
.hh-biz__k{font-family:var(--f-display);font-size:clamp(23px,2vw,28px);line-height:1.15}
.hh-biz__t{color:#c3cbcf;font-size:15.5px}
.hh-biz__go{color:var(--brass);font-weight:600;white-space:nowrap}
.hh-biz__go::after{content:" →";display:inline-block;transition:transform .25s var(--ease)}
.hh-biz:hover{background:var(--petrol-850)}
.hh-biz:hover .hh-biz__go::after{transform:translateX(4px)}
.light .hh-biz:focus-visible{outline-color:var(--brass-deep)}

/* Droga do aktu notarialnego */
.hh-road{list-style:none;margin:0;padding:0;counter-reset:r;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:48px 0}
.hh-road li{counter-increment:r;position:relative;padding:34px 28px 0 0;border-top:1px solid var(--line-dark)}
.hh-road li::before{content:"";position:absolute;top:-5px;left:0;width:9px;height:9px;background:var(--brass);transform:rotate(45deg)}
.hh-road h3{font-size:clamp(22px,1.9vw,26px);margin-bottom:10px;display:flex;flex-direction:column;gap:6px}
.hh-road h3::before{content:counter(r,decimal-leading-zero);font-size:15px;color:var(--brass);font-family:var(--f-display)}
.hh-road p{color:#c3cbcf;font-size:15.5px;margin-bottom:12px}
.hh-road small{display:block;font-size:13px;color:var(--jacket);letter-spacing:.02em}
.hh-road__end::before{width:13px!important;height:13px!important;top:-7px!important;box-shadow:0 0 0 5px rgba(201,171,112,.18)}
.hh-road__end h3{color:var(--brass-soft)}
.hh-road__next{counter-increment:none!important;border-top-style:dashed!important}
.hh-road__next::before{background:transparent!important;border:1px solid var(--brass)}
.hh-road__next a{display:block;padding:20px 22px;border:1px solid var(--line-dark-soft);text-decoration:none;color:#d3d9dc;font-size:15.5px;transition:border-color .25s var(--ease)}
.hh-road__next a span{display:block;font-family:var(--f-display);font-size:24px;color:var(--mist);margin-bottom:6px}
.hh-road__next a span::after{content:" ↓";color:var(--brass);font-size:18px}
.hh-road__next a:hover{border-color:var(--brass)}

/* Refinansowanie: lista + rachunek */
.hh-ref{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,56px);align-items:start}
.hh-ref h3{margin-bottom:16px}
.hh-tally{background:#fff;border:1px solid var(--mist-line);padding:clamp(22px,2.6vw,32px)}
.hh-tally dl{margin:0 0 18px;border-top:1px solid var(--ink)}
.hh-tally dl div{display:grid;grid-template-columns:minmax(0,1fr) 36px;gap:12px;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--mist-line);font-size:15.5px;color:#2c3a41}
.hh-tally dd{margin:0;text-align:right;font-family:var(--f-display);font-size:26px;line-height:1;color:var(--slate)}
.hh-tally .is-plus dd{color:var(--brass-deep)}
.hh-tally .is-sum{border-bottom:0;border-top:1px solid var(--ink);margin-top:-1px}
.hh-tally .is-sum dt{font-family:var(--f-display);font-size:20px;line-height:1.3;color:var(--ink)}
.hh-tally .is-sum dd{color:var(--ink)}
.hh-tally > p{margin:0;font-size:14px;color:var(--slate)}

@media (max-width:1020px){
  .hh-road{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hh-ref{grid-template-columns:1fr}
  .hh-biz{grid-template-columns:1fr;gap:8px}
}
@media (max-width:760px){
  .ledger th[scope=row]{width:auto} /* obejście: wspólny .ledger th[scope=row]{width:24%} wygrywa z mobilnym width:auto */
  .hh-price__legend div{grid-template-columns:1fr;gap:4px}
  .hh-price__bar{height:50px}
  .hh-price__bar span{padding:0 10px;font-size:13px}
  .hh-price__scale span:first-child{visibility:hidden}
  .hh-price__scale{grid-template-columns:18fr 64fr 18fr}
  .hh-price__bar{grid-template-columns:18fr 64fr 18fr}
  .hh-duo{grid-template-columns:1fr}
  .hh-road{grid-template-columns:1fr;gap:0;border-left:1px solid var(--line-dark);margin-left:4px}
  .hh-road li{border-top:0;padding:0 0 30px 26px}
  .hh-road li::before{top:6px;left:-5px}
  .hh-road__end::before{left:-7px!important;top:4px!important}
  .hh-road__next{padding-bottom:0!important}
  .hh-biz{padding:22px}
}
@media (max-width:400px){
  .hh-price__scale span:nth-child(2){font-size:12px}
  .hh-aside-biz{margin:14px -18px -14px;padding:14px 18px}
}
/* Link „Hipoteka dla przedsiębiorcy” w rzędzie „Na tej stronie” (już nie w pudełku) */
.phero__aside--toc .hh-aside-biz{display:inline-flex;align-items:center;gap:8px;margin:0;padding:0;min-height:40px;border:0;font-family:var(--f-text);font-size:14.5px;font-weight:600;color:var(--mist);background:none}
.phero__aside--toc .hh-aside-biz small{display:inline;margin:0;font-size:13px}
.phero__aside--toc .hh-aside-biz:hover{background:none;color:var(--brass)}