/* Compact RKO cards: one component for the catalogue and the home tab. */
html [data-rko-more][hidden] { display:none; }
html body:has([data-rko-compare-bar]:not([hidden])) .back-to-top { bottom:112px; }
html #rko-offers .bank-premium.rk-refined {
 position:relative; display:flex; flex-direction:column; gap:16px; min-width:0;
 padding:24px; border:1px solid var(--premium-line); border-radius:25px;
 overflow:hidden; container:rko-card / inline-size;
 background:linear-gradient(145deg,#fff 65%,#f8fbff);
 box-shadow:0 8px 25px #1434610d,0 2px 4px #14346107;
}
html #rko-offers .bank-premium.rk-refined::before { content:""; display:block; position:absolute; inset:0 0 auto; height:5px; background:linear-gradient(100deg,var(--rk-accent),#93d72b); border-radius:25px 25px 0 0; pointer-events:none; }
html #rko-offers .rk-top { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:28px; }
html #rko-offers .rk-top .rko-compare-choice { min-height:28px; font-size:13px; color:var(--premium-ink); }
html #rko-offers .rk-type { font-size:12px; font-weight:650; letter-spacing:.04em; color:var(--premium-muted); }
html #rko-offers .rk-head { display:grid; grid-template-columns:minmax(0,1fr) 112px; align-items:center; gap:10px; min-height:108px; margin:0; }
html #rko-offers .rk-brand { display:flex; flex-wrap:wrap; align-items:center; gap:9px 11px; min-width:0; }
html #rko-offers .bank-premium .rk-mark { display:grid; place-items:center; flex:0 0 46px; width:46px; height:46px; border-radius:15px; color:var(--rk-mark-ink); background:linear-gradient(140deg,var(--rk-accent),var(--rk-accent-end)); box-shadow:0 7px 15px color-mix(in srgb,var(--rk-accent) 23%,transparent); font-size:22px; font-weight:800; line-height:1; }
html #rko-offers .rk-name { flex:1 1 150px; min-width:0; }
html #rko-offers .bank-premium.rk-refined h3 { margin:0; padding:0; min-height:0; width:auto; max-width:none; font:800 24px/1.12 'Onest',sans-serif; letter-spacing:-.035em; color:var(--premium-ink); white-space:normal; overflow:visible; }
html #rko-offers .rk-name p { margin:5px 0 0; color:var(--premium-muted); font-size:14px; line-height:1.3; }
html #rko-offers .rk-art { position:static; display:block; width:122px; height:112px; max-width:none; object-fit:contain; justify-self:center; transform:none; filter:none; }
html #rko-offers .bank-premium .rk-price { display:flex; flex-direction:row; align-items:center; justify-content:space-between; gap:10px; min-height:121px; margin:0; padding:16px 18px; border:1px solid #b9e445; border-radius:17px; color:#163806; background:linear-gradient(108deg,#e4fca4,#b8ee32); box-shadow:inset 0 1px 0 #f8ffe4; text-align:left; }
html #rko-offers .rk-price > div { min-width:0; }
html #rko-offers .rk-price span { display:block; font-size:14px; line-height:1.3; font-weight:600; }
html #rko-offers .bank-premium .rk-price strong { display:block; margin:4px 0; padding:0; color:#163806; font-size:37px; line-height:1.1; font-weight:800; letter-spacing:-.035em; white-space:nowrap; }
html #rko-offers .bank-premium .rk-price strong small { margin:0; font-size:25px; color:inherit; }
html #rko-offers .bank-premium .rk-price strong i { font-size:16px; font-style:normal; letter-spacing:normal; }
html #rko-offers .bank-premium .rk-price em { display:block; color:#29480e; font-size:13px; line-height:1.35; font-style:normal; font-weight:500; }
html #rko-offers .rk-icon { display:block; width:19px; height:19px; flex:0 0 19px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; color:var(--premium-blue); }
html #rko-offers .rk-price > .rk-icon { width:34px; height:34px; flex-basis:34px; color:#4e760f; }
html #rko-offers .bank-premium .rk-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; margin:0; padding:0; border:1px solid var(--premium-line); border-radius:17px; overflow:hidden; background:transparent; }
html #rko-offers .bank-premium .rk-metric { display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:7px; min-width:0; min-height:108px; padding:14px 13px; border:0; border-radius:0; text-align:left; background:transparent; }
html #rko-offers .rk-metric:nth-child(odd) { border-right:1px solid var(--premium-line); }
html #rko-offers .bank-premium .rk-metric:nth-child(n+3) { border-top:1px solid var(--premium-line); background:var(--premium-soft); }
html #rko-offers .rk-metric::before,html #rko-offers .rk-metric::after { content:none; display:none; }
html #rko-offers .bank-premium .rk-metric > span { display:flex; align-items:center; gap:6px; font-size:13px; font-weight:500; line-height:1.3; margin:0; color:var(--premium-muted); }
html #rko-offers .bank-premium .rk-metric strong { display:block; padding:0; margin:0; font-size:clamp(18px,6.4cqw,24px); line-height:1.2; font-weight:800; letter-spacing:-.04em; white-space:nowrap; color:var(--premium-ink); }
html #rko-offers .bank-premium .rk-metric:nth-child(n+3) strong { color:var(--premium-blue); }
html #rko-offers .bank-premium .rk-metric small { display:block; padding:0; margin:0; font-size:12px; line-height:1.35; color:var(--premium-muted); }
html #rko-offers .rk-highlight { display:flex; align-items:center; gap:12px; min-height:94px; padding:13px 15px; border:1px solid var(--premium-line); border-radius:17px; background:var(--premium-soft); }
html #rko-offers .rk-highlight > .rk-icon { width:24px; height:24px; flex-basis:24px; padding:9px; box-sizing:content-box; border:1px solid #cfe0fb; border-radius:14px; background:#fff; }
html #rko-offers .rk-highlight > div { min-width:0; }
html #rko-offers .rk-highlight span { display:block; color:var(--premium-muted); font-size:13px; line-height:1.35; }
html #rko-offers .rk-highlight strong { display:block; margin:3px 0; color:var(--premium-ink); font-size:21px; line-height:1.2; font-weight:800; letter-spacing:-.02em; }
html #rko-offers .rk-highlight p { margin:0; color:var(--premium-muted); font-size:12px; line-height:1.35; }
html #rko-offers .rk-practical { display:flex; gap:10px; align-items:center; min-height:28px; }
html #rko-offers .rk-practical > span { display:flex; align-items:center; gap:7px; flex:1; min-width:0; font-size:13px; line-height:1.35; color:var(--premium-muted); }
html #rko-offers .rk-practical > span + span { border-left:1px solid var(--premium-line); padding-left:10px; }
html #rko-offers .bank-premium .rko-offer__actions { display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:auto; }
html #rko-offers .bank-premium .rko-offer__actions--details-only { grid-template-columns:1fr; }
html #rko-offers .bank-premium .rko-offer__actions > * { min-height:52px; font-size:14px; gap:7px; }
html #rko-offers .rko-offer__actions .rk-icon { color:inherit; width:17px; height:17px; flex-basis:17px; }
html #rko-offers .rk-refined:has(details[open]),html #rko-offers .rko-catalog:has(details[open]) > .bank-premium { align-self:start; }
html #rko-offers .bank-premium > .rk-details { margin:0!important; padding:0!important; }
html #rko-offers .bank-premium > .rk-details > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; list-style:none; }
html #rko-offers .rk-details > summary::-webkit-details-marker { display:none; }
html #rko-offers .rk-details > summary::after { content:"+"; color:var(--premium-blue); position:static; margin-left:auto; }
html #rko-offers .rk-details[open] > summary::after { content:"−"; }
html #rko-offers .rk-details dl { display:block; margin:0; }
html #rko-offers .rk-details dl > div { padding:14px 0; border-top:1px solid var(--premium-line); }
html #rko-offers .rk-details dt { font-size:15px; font-weight:750; line-height:1.4; color:var(--premium-ink); }
html #rko-offers .rk-details dd { margin:6px 0 0; font-size:14px; line-height:1.55; color:var(--premium-muted); font-weight:400; }
:root[data-theme="dark"] #rko-offers .bank-premium.rk-refined { background:linear-gradient(145deg,#1a2a40,#112137); }
:root[data-theme="dark"] #rko-offers .rk-highlight > .rk-icon { background:#173653; border-color:#3d618a; }
@container rko-card (max-width:335px) {
 html #rko-offers .rk-head { grid-template-columns:minmax(0,1fr) 96px; gap:8px; }
 html #rko-offers .rk-art { width:104px; height:102px; }
 html #rko-offers .bank-premium.rk-refined h3 { font-size:22px; }
 html #rko-offers .rk-price > .rk-icon { width:27px; height:27px; flex-basis:27px; }
}
@media(max-width:850px) {
 html #rko-offers .bank-premium.rk-refined { padding:18px; gap:14px; }
 html #rko-offers .bank-premium .rk-metric { padding:13px 11px; }
}
@media(max-width:390px) {
 html #rko-offers .bank-premium.rk-refined { padding:16px; }
 html #rko-offers .rk-price > .rk-icon { display:none; }
 html #rko-offers .rk-highlight { padding:13px 11px; gap:10px; }
 html #rko-offers .rk-highlight strong { font-size:20px; }
 html #rko-offers .rko-offer__actions .rk-icon { display:none; }
}
@container rko-card (max-width:255px) {
 html #rko-offers .rk-head { grid-template-columns:minmax(0,1fr) 86px; }
 html #rko-offers .rk-art { width:96px; height:92px; }
 html #rko-offers .bank-premium .rk-metric > span { flex-wrap:wrap; gap:5px; }
 html #rko-offers .bank-premium .rk-metric strong { font-size:17px; }
 html #rko-offers .bank-premium .rk-price { padding:15px 13px; }
 html #rko-offers .bank-premium .rk-price strong { font-size:34px; }
 html #rko-offers .bank-premium .rk-price strong small { font-size:23px; }
 html #rko-offers .rk-practical > span { font-size:12px; }
}