/* Rankingi Lokat – karty ofert z kalkulatorem (wariant A) */
.rl-calc,.rl-kalk,.rl-periods{
  --rl-navy:var(--navy,#0F2140);--rl-navy2:var(--navy-2,#1A2F55);--rl-gold:var(--gold,#F0B429);--rl-gold-ink:#8A5A00;--rl-gold-soft:#FBEFD3;
  --rl-silver:#C3C9D2;--rl-silver-line:#AEB5C0;--rl-bronze:#D08C55;--rl-bronze-line:#C9844C;
  --rl-green:#157347;--rl-green-soft:#E3F4EA;--rl-muted:var(--muted,#5A6478);--rl-line:var(--line,#DDE3EC);
  --rl-paper:#fff;--rl-soft:#E8EEF9;--rl-on-navy:#C9D2E3;
  color:var(--rl-navy);font-variant-numeric:tabular-nums}
.rl-calc{margin:0 0 2em}
.rl-calc *,.rl-kalk *{box-sizing:border-box}
.rl-calc [hidden],.rl-kalk [hidden]{display:none!important}
.rl-calc .screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}

/* Granatowe pasmo z formularzem – na całą szerokość okna */
.rl-band{background:var(--rl-navy);color:#fff;margin-inline:calc(50% - 50vw);padding:8px calc(50vw - 50%) 60px}
.rl-band-in{display:flex;flex-wrap:wrap;gap:24px 32px;align-items:flex-start}
.rl-band-main{flex:999 1 480px;min-width:0;display:flex;flex-direction:column;gap:20px}
.rl-band-intro{padding-top:28px}
.rl-band-only{padding-bottom:32px;margin-bottom:24px}
.rl-form{display:flex;flex-wrap:wrap;gap:14px 16px;align-items:flex-end;align-content:flex-start;background:var(--rl-navy2);border-radius:14px;padding:18px;margin:0}
.rl-f{display:flex;flex-direction:column;gap:6px;font-size:13px;font-weight:600;color:var(--rl-on-navy)}
.rl-amount{display:flex;align-items:center;background:#fff;border-radius:10px;padding-right:12px;color:var(--rl-muted);font-weight:700;font-size:15px}
.rl-amount input{width:150px;border:0;background:transparent;font:700 20px/1.2 inherit;font-family:inherit;color:var(--rl-navy);padding:11px 6px 11px 14px;border-radius:10px;min-width:0}
.rl-amount:focus-within{outline:3px solid var(--rl-gold);outline-offset:1px}
.rl-amount input:focus{outline:0}
.rl-seg{display:flex;flex-wrap:wrap;gap:4px;background:var(--rl-navy);padding:4px;border-radius:10px}
.rl-seg button{font:700 15px/1.2 inherit;font-family:inherit;border:0;border-radius:7px;padding:10px 13px;background:transparent;color:var(--rl-on-navy);cursor:pointer;min-height:40px}
.rl-seg button[aria-pressed="true"]{background:var(--rl-gold);color:var(--rl-navy)}
.rl-chk{display:flex;align-items:center;gap:8px;font-size:15px;color:#fff;padding-bottom:10px;cursor:pointer}
.rl-chk input{width:18px;height:18px;accent-color:var(--rl-gold);margin:0}
.rl-seg button:focus-visible,.rl-tabs button:focus-visible,.rl-more:focus-visible,.rl-cta:focus-visible,.rl-chk input:focus-visible,.rl-periods a:focus-visible{outline:3px solid var(--rl-gold);outline-offset:2px}

.rl-sum,.rl-kalk-out{flex:1 1 340px;min-width:0;background:#fff;color:var(--rl-navy);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:10px}
.rl-sum-label{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--rl-muted)}
.rl-sum-top{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.rl-sum-top strong,.rl-kalk-net{font-family:var(--f-display,inherit);font-size:clamp(34px,5vw,44px);line-height:1.1;font-weight:800;color:var(--rl-green);letter-spacing:-.02em}
.rl-sum-top span{font-size:14px;color:var(--rl-muted)}
.rl-sum-name{font-weight:700;font-size:16px;min-height:1.5em}
.rl-sum-rows{margin:4px 0 0;padding:12px 0 0;border-top:1px solid var(--rl-line);display:flex;flex-direction:column;gap:7px;font-size:14px}
.rl-sum-rows div{display:flex;justify-content:space-between;gap:12px}
.rl-sum-rows dt{color:var(--rl-muted);margin:0}
.rl-sum-rows dd{margin:0;font-weight:700;white-space:nowrap}

/* Pasek sortowania */
.rl-tools{background:#fff;border:1px solid var(--rl-line);border-radius:14px;padding:12px 16px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}
.rl-has-band .rl-tools{margin-top:-28px;position:relative}
.rl-tabs{display:flex;flex-wrap:wrap;gap:6px}
.rl-tabs button{font:700 14px/1.2 inherit;font-family:inherit;border:1px solid var(--rl-line);background:#fff;color:var(--rl-navy);border-radius:99px;padding:9px 14px;cursor:pointer;min-height:38px}
.rl-tabs button[aria-pressed="true"]{background:var(--rl-navy);border-color:var(--rl-navy);color:#fff}
.rl-meta{font-size:14px;color:var(--rl-muted)}

/* Karty */
.rl-cards{display:flex;flex-direction:column;gap:14px}
.rl-card{background:#fff;border:1px solid var(--rl-line);border-radius:14px;padding:20px;display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center}
.rl-card.rl-p1{border:2px solid var(--rl-gold)}
.rl-card.rl-p2{border:2px solid var(--rl-silver-line)}
.rl-card.rl-p3{border:2px solid var(--rl-bronze-line)}
.rl-c-main{display:flex;align-items:center;gap:14px;flex:999 1 330px;min-width:0}
.rl-pos{font-family:var(--f-display,inherit);font-weight:800;font-size:15px;width:34px;height:34px;border-radius:50%;background:var(--rl-soft);color:var(--rl-navy);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rl-p1 .rl-pos{background:var(--rl-gold)}
.rl-p2 .rl-pos{background:var(--rl-silver)}
.rl-p3 .rl-pos{background:var(--rl-bronze)}
.rl-logo{width:48px;height:48px;border-radius:12px;background:var(--rl-soft);font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.rl-c-title{display:flex;flex-direction:column;gap:3px;min-width:0}
.rl-calc .rl-c-name{margin:0;font-family:inherit;font-weight:800;font-size:18px;line-height:1.3;letter-spacing:0}
.rl-calc .rl-c-meta,.rl-calc .rl-c-bonus{margin:0;font-size:14px;line-height:1.45;color:var(--rl-muted);max-width:none}
.rl-c-meta b{color:var(--rl-navy)}
.rl-calc .rl-c-bonus{color:var(--rl-gold-ink);font-weight:700}
.rl-flag{display:inline-block;font-size:12px;font-weight:700;padding:2px 8px;border-radius:99px;vertical-align:2px;white-space:nowrap}
.rl-flag-ok{background:var(--rl-green-soft);color:var(--rl-green)}
.rl-flag-rate{background:var(--rl-gold-soft);color:var(--rl-gold-ink)}
.rl-c-cond{flex:1 1 210px;display:flex;flex-direction:column;gap:5px;font-size:13px;min-width:0}
.rl-ease{display:flex;align-items:center;gap:6px;font-weight:700}
.rl-ease-0{color:var(--rl-green)}
.rl-dots{display:flex;gap:3px}
.rl-dots i{width:10px;height:10px;border-radius:50%;background:var(--rl-line)}
.rl-ease-1 .rl-dots i:nth-child(-n+1),.rl-ease-2 .rl-dots i:nth-child(-n+2),.rl-ease-3 .rl-dots i{background:var(--rl-navy)}
.rl-ease-0 .rl-dots{display:none}
.rl-c-note{color:var(--rl-muted);line-height:1.4}
.rl-c-more{font-size:13px;color:var(--rl-muted)}
.rl-c-more summary{cursor:pointer;color:var(--rl-navy);font-weight:700;text-decoration:underline;text-underline-offset:2px}
.rl-calc .rl-c-more ul{margin:6px 0 0;padding-left:18px;max-width:none}
.rl-calc .rl-c-more li{margin:0 0 3px;color:var(--rl-muted)}
.rl-c-limit{flex:1 1 170px;display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--rl-muted);min-width:0}
.rl-bar{height:8px;border-radius:99px;background:var(--rl-green-soft);overflow:hidden;display:flex}
.rl-bar span{background:var(--rl-green);border-radius:99px}
.rl-bar-part{background:var(--rl-soft)}
.rl-bar-part span{background:var(--rl-gold)}
.rl-c-end{display:flex;align-items:center;gap:16px;flex:1 1 250px;justify-content:flex-end}
.rl-profit{display:flex;flex-direction:column;align-items:flex-end}
.rl-profit strong{font-family:var(--f-display,inherit);font-size:26px;line-height:1.15;font-weight:800;color:var(--rl-green);white-space:nowrap}
.rl-profit small{font-size:12px;color:var(--rl-muted)}
.rl-cta{display:inline-block;background:var(--rl-navy);color:#fff!important;text-decoration:none!important;font-weight:700;font-size:15px;padding:12px 18px;border-radius:10px;white-space:nowrap;text-align:center}
.rl-cta:hover{background:var(--rl-navy2)}
.rl-more{display:block;margin:16px auto 0;font:700 15px/1.2 inherit;font-family:inherit;color:var(--rl-navy);border:1px solid var(--rl-line);background:#fff;padding:13px 22px;border-radius:10px;cursor:pointer}
.rl-more:hover{border-color:var(--rl-navy)}
.rl-calc .rl-foot,.rl-calc .rl-none{font-size:13px;color:var(--rl-muted);margin:14px 0 0;max-width:none}
.rl-calc .rl-none{font-size:15px;padding:18px;background:#fff;border:1px dashed var(--rl-line);border-radius:14px}

@media (max-width:640px){
  .rl-card{padding:16px;gap:12px}
  .rl-logo{display:none}
  .rl-c-end{justify-content:space-between;flex-basis:100%}
  .rl-profit{align-items:flex-start}
  .rl-amount input{width:120px}
  .rl-form{padding:14px}
}

/* Linki do podstron okresów */
.rl-periods{margin:0 0 2em}
nav.rl-periods>ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
nav.rl-periods li{margin:0}
.rl-periods a{display:block;text-decoration:none;font-weight:700;font-size:14px;color:var(--rl-navy);background:#fff;border:1px solid var(--rl-line);border-radius:99px;padding:9px 14px}
.rl-periods a:hover{border-color:var(--rl-navy)}
.rl-periods a[aria-current="page"]{background:var(--rl-navy);border-color:var(--rl-navy);color:#fff}

/* Kalkulator odsetek */
.rl-kalk{display:flex;flex-wrap:wrap;gap:20px;background:var(--rl-navy);border-radius:18px;padding:22px;margin:0 0 2em}
.rl-kalk-form{flex:1 1 280px;display:flex;flex-direction:column;gap:14px;margin:0;background:var(--rl-navy2);border-radius:14px;padding:18px}
.rl-kalk-form .rl-amount input{width:100%;flex:1}
.rl-kalk-out{flex:1 1 320px}
.rl-kalk-out .rl-cta{margin-top:6px;white-space:normal}