/* Approved debit-card component shared by the catalog and home templates. */
html #debit-card-offers [data-cc-more][hidden] { display:none; }
html #debit-card-offers .bank-premium.dc-refined {
 --dc-accent:#ef454b; --dc-accent-end:#e57b46; --dc-mark-ink:#fff;
 padding:24px; gap:16px; border-radius:25px; overflow:hidden; container:debit-card / inline-size; background:linear-gradient(145deg,#fff 65%,#f8fbff); box-shadow:0 8px 25px #1434610d,0 2px 4px #14346107;
}
html #debit-card-offers .bank-premium.dc-refined--tbank { --dc-accent:#f4cf45; --dc-accent-end:#ba9234; --dc-mark-ink:#302508; }
html #debit-card-offers .bank-premium.dc-refined--vtb { --dc-accent:#179da9; --dc-accent-end:#507f9f; }
html #debit-card-offers .bank-premium.dc-refined::before { content:""; display:block; position:absolute; inset:0 0 auto; height:5px; border-radius:25px 25px 0 0; background:linear-gradient(100deg,var(--dc-accent),#93d72b); pointer-events:none; }
html #debit-card-offers .dc-refined-top { display:flex; align-items:center; justify-content:space-between; gap:12px; min-height:28px; }
html #debit-card-offers .dc-refined-top .cc-compare-choice { min-height:28px; font-size:13px; color:var(--premium-ink); }
html #debit-card-offers .dc-refined-type { color:var(--premium-muted); font-size:12px; font-weight:650; letter-spacing:.04em; }
html #debit-card-offers .dc-refined-head { display:grid; grid-template-columns:minmax(0,1fr) 116px; gap:10px; align-items:center; min-height:100px; margin:0; }
html #debit-card-offers .dc-refined-brand { display:flex; flex-wrap:wrap; align-items:center; gap:9px 11px; min-width:0; }
html #debit-card-offers .dc-refined-mark { display:grid; place-items:center; width:46px; height:46px; flex:0 0 46px; border-radius:15px; background:linear-gradient(140deg,var(--dc-accent),var(--dc-accent-end)); color:var(--dc-mark-ink); box-shadow:0 7px 15px color-mix(in srgb,var(--dc-accent) 23%,transparent); font-size:22px; line-height:1; font-weight:800; }
html #debit-card-offers .dc-refined-name { min-width:0; flex:1 1 150px; }
html #debit-card-offers .bank-premium.dc-refined .dc-refined-name h3 { margin:0; padding:0; min-height:0; max-width:none; width:auto; color:var(--premium-ink); font:800 24px/1.12 'Onest',sans-serif; letter-spacing:-.035em; overflow:visible; white-space:normal; }
html #debit-card-offers .dc-refined-name p { margin:5px 0 0; color:var(--premium-muted); font-size:13px; line-height:1.35; }
html #debit-card-offers .dc-refined-art { display:block; position:static; width:126px; max-width:none; height:100px; object-fit:contain; transform:none; filter:none; justify-self:center; }
html #debit-card-offers .bank-premium.dc-refined .dc-refined-promo { min-height:126px; grid-template-columns:76px minmax(0,1fr); padding:14px 16px; gap:10px; border-radius:17px; background:linear-gradient(108deg,#e4fca4,#b8ee32); border-color:#b9e445; box-shadow:inset 0 1px 0 #f8ffe4; text-align:left; align-items:center; }
html #debit-card-offers .bank-premium.dc-refined .dc-refined-gift { display:block; width:82px; height:86px; max-width:none; object-fit:contain; filter:none; transform:none; }
html #debit-card-offers .bank-premium.dc-refined .dc-refined-promo .cc-visual-orb__copy { display:block; min-width:0; text-align:left; padding:0; margin:0; }
html #debit-card-offers .bank-premium.dc-refined .dc-refined-promo .cc-visual-orb__copy p { margin:4px 0 0; font-size:13px; line-height:1.35; color:#264409; font-weight:500; }
html #debit-card-offers .dc-refined-promo > div > span { display:block; font-size:14px; line-height:1.3; font-weight:600; }
html #debit-card-offers .bank-premium.dc-refined .dc-refined-promo strong { display:block; font-size:37px; line-height:1.08; margin:3px 0; white-space:nowrap; letter-spacing:-.045em; }
html #debit-card-offers .bank-premium.dc-refined .dc-refined-promo strong small { font-size:19px; }
html #debit-card-offers .bank-premium.dc-refined .dc-refined-promo--text strong { font-size:27px; white-space:normal; }
html #debit-card-offers .bank-premium.dc-refined .dc-refined-promo > p { margin:2px 0 0; font-size:13px; line-height:1.4; font-weight:500; }
html #debit-card-offers .dc-refined-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 #debit-card-offers .dc-refined-promo > .dc-refined-icon { width:48px; height:48px; color:#385f07; justify-self:center; }
html #debit-card-offers .bank-premium.dc-refined .dc-refined-metrics { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0; padding:0; margin:0; border:1px solid var(--premium-line); border-radius:17px; overflow:hidden; background:transparent; }
html #debit-card-offers .bank-premium.dc-refined .dc-refined-metric { display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; gap:7px; min-width:0; min-height:104px; margin:0; padding:14px 15px; border:0; border-radius:0; background:transparent; text-align:left; }
html #debit-card-offers .bank-premium.dc-refined .dc-refined-metric:first-child { border-right:1px solid var(--premium-line); }
html #debit-card-offers .bank-premium.dc-refined .dc-refined-metric::before,
html #debit-card-offers .bank-premium.dc-refined .dc-refined-metric::after { content:none; display:none; }
html #debit-card-offers .bank-premium.dc-refined .dc-refined-metric > span { display:flex; gap:7px; align-items:center; margin:0; padding:0; color:var(--premium-muted); font-size:13px; line-height:1.3; font-weight:600; }
html #debit-card-offers .bank-premium.dc-refined .dc-refined-metric strong { display:block; margin:0; padding:0; color:var(--premium-ink); font-size:24px; font-weight:800; line-height:1.2; letter-spacing:-.04em; white-space:nowrap; }
html #debit-card-offers .bank-premium.dc-refined .dc-refined-metric small { color:var(--premium-muted); font-size:12px; line-height:1.35; margin:0; }
html #debit-card-offers .bank-premium.dc-refined .dc-refined-metric--text strong { font-size:20px; white-space:normal; }
html #debit-card-offers .bank-premium.dc-refined .dc-refined-metric--cash { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:5px 8px; min-height:87px; border-top:1px solid var(--premium-line); background:var(--premium-soft); }
html #debit-card-offers .bank-premium.dc-refined .dc-refined-metric--cash > span { grid-column:1/-1; grid-row:1; justify-self:start; text-align:left; }
html #debit-card-offers .bank-premium.dc-refined .dc-refined-metric--cash strong { color:var(--premium-blue); font-size:26px; letter-spacing:-.035em; }
html #debit-card-offers .bank-premium.dc-refined .dc-refined-metric--cash strong { grid-column:1; grid-row:2; text-align:left; justify-self:start; }
html #debit-card-offers .bank-premium.dc-refined .dc-refined-metric--cash small { align-self:center; }
html #debit-card-offers .bank-premium.dc-refined .dc-refined-metric--cash small { grid-column:1/-1; grid-row:3; justify-self:start; text-align:left; }
html #debit-card-offers .dc-refined-highlight { display:flex; align-items:center; gap:12px; padding:14px 15px; min-height:99px; border:1px solid var(--premium-line); border-radius:17px; background:var(--premium-soft); }
html #debit-card-offers .dc-refined-highlight > .dc-refined-icon { width:25px; height:25px; flex-basis:25px; padding:9px; box-sizing:content-box; border:1px solid #cfe0fb; border-radius:14px; background:#fff; }
html #debit-card-offers .dc-refined-highlight > div { min-width:0; }
html #debit-card-offers .dc-refined-highlight span { display:block; color:var(--premium-muted); font-size:13px; line-height:1.4; }
html #debit-card-offers .dc-refined-highlight strong { display:block; margin:3px 0; color:var(--premium-ink); font-size:22px; line-height:1.15; font-weight:800; letter-spacing:-.02em; }
html #debit-card-offers .dc-refined-highlight p { margin:0; color:var(--premium-muted); font-size:12px; line-height:1.4; }
html #debit-card-offers .dc-refined-practical { display:flex; align-items:center; gap:10px; min-height:30px; list-style:none; padding:0; margin:0; }
html #debit-card-offers .dc-refined-practical li { display:flex; align-items:center; gap:7px; flex:1; min-width:0; color:var(--premium-muted); font-size:13px; line-height:1.35; }
html #debit-card-offers .dc-refined-practical li + li { border-left:1px solid var(--premium-line); padding-left:10px; }
html #debit-card-offers .bank-premium.dc-refined .cc-offer__actions { grid-template-columns:1fr 1fr; }
html #debit-card-offers .bank-premium.dc-refined .cc-offer__actions--details-only { grid-template-columns:1fr; }
html #debit-card-offers .bank-premium.dc-refined .cc-offer__actions > a { gap:5px; }
html #debit-card-offers .cc-offer__actions .dc-refined-icon { color:inherit; width:17px; height:17px; flex-basis:17px; }
html #debit-card-offers .dc-refined:has(details[open]) { align-self:start; }
html #debit-card-offers .cc-catalog:has(.dc-refined details[open]) > .bank-premium { align-self:start; }
html #debit-card-offers .bank-premium.dc-refined > details > summary { display:flex; align-items:center; justify-content:space-between; gap:12px; list-style:none; }
html #debit-card-offers .bank-premium.dc-refined > details > summary::-webkit-details-marker { display:none; }
html #debit-card-offers .bank-premium.dc-refined > details > summary::after { content:"+"; position:static; margin-left:auto; flex:none; color:var(--premium-blue); }
html #debit-card-offers .bank-premium.dc-refined > details[open] > summary::after { content:"−"; }
html #debit-card-offers .dc-refined-details dl { display:block; margin:0; }
html #debit-card-offers .dc-refined-details dl > div { padding:14px 0; border-top:1px solid var(--premium-line); }
html #debit-card-offers .dc-refined-details dt { color:var(--premium-ink); font-size:15px; line-height:1.4; font-weight:750; }
html #debit-card-offers .dc-refined-details dd { margin:6px 0 0; color:var(--premium-muted); font-size:14px; line-height:1.55; font-weight:400; }
:root[data-theme="dark"] #debit-card-offers .bank-premium.dc-refined { background:linear-gradient(145deg,#1a2a40,#112137); }
:root[data-theme="dark"] #debit-card-offers .dc-refined-highlight > .dc-refined-icon { background:#173653; border-color:#3d618a; }
@container debit-card (max-width:335px) {
 html #debit-card-offers .dc-refined-head { grid-template-columns:minmax(0,1fr) 96px; gap:8px; }
 html #debit-card-offers .dc-refined-art { width:108px; height:90px; }
 html #debit-card-offers .bank-premium.dc-refined .dc-refined-name h3 { font-size:22px; }
}
@container debit-card (max-width:255px) {
 html #debit-card-offers .dc-refined-head { grid-template-columns:minmax(0,1fr) 86px; }
 html #debit-card-offers .dc-refined-art { width:96px; height:90px; }
}
@media(max-width:850px) {
 html #debit-card-offers .bank-premium.dc-refined { padding:18px; gap:14px; }
 html #debit-card-offers .bank-premium.dc-refined .dc-refined-metric { padding:13px 11px; }
 html #debit-card-offers .bank-premium.dc-refined .dc-refined-metric strong { font-size:22px; }
 html #debit-card-offers .bank-premium.dc-refined .dc-refined-metric--cash strong { font-size:24px; }
}
@media(max-width:390px) {
 html #debit-card-offers .bank-premium.dc-refined { padding:16px; }
 html #debit-card-offers .dc-refined-head { grid-template-columns:minmax(0,1fr) 96px; gap:8px; }
 html #debit-card-offers .dc-refined-art { width:108px; height:90px; }
 html #debit-card-offers .bank-premium.dc-refined .dc-refined-name h3 { font-size:22px; }
 html #debit-card-offers .bank-premium.dc-refined .dc-refined-metric--cash { grid-template-columns:1fr; }
 html #debit-card-offers .bank-premium.dc-refined .dc-refined-metric--cash small { grid-column:1; grid-row:3; }
 html #debit-card-offers .dc-refined-highlight { padding:13px 11px; gap:10px; }
 html #debit-card-offers .dc-refined-highlight strong { font-size:20px; }
 html #debit-card-offers .cc-offer__actions .dc-refined-icon { display:none; }
}
@media(max-width:340px) {
 html #debit-card-offers .dc-refined-head { grid-template-columns:minmax(0,1fr) 86px; }
 html #debit-card-offers .dc-refined-art { width:96px; height:90px; }
 html #debit-card-offers .bank-premium.dc-refined .dc-refined-metric > span { flex-wrap:wrap; gap:5px; font-size:12px; }
 html #debit-card-offers .bank-premium.dc-refined .dc-refined-metric strong { font-size:20px; }
 html #debit-card-offers .bank-premium.dc-refined .dc-refined-promo { padding:14px 13px; }
 html #debit-card-offers .bank-premium.dc-refined .dc-refined-promo strong { font-size:36px; }
 html #debit-card-offers .bank-premium.dc-refined .dc-refined-promo strong small { font-size:17px; }
 html #debit-card-offers .dc-refined-practical li { font-size:12px; }
 html #debit-card-offers .dc-refined-mark { width:40px; height:40px; flex-basis:40px; }
}