*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:#fff;color:#111827}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.landing{min-height:100vh}.section-shell{width:min(1320px,calc(100% - 64px));margin:0 auto}.site-header{background:#021424;color:#fff}.site-header .section-shell{height:72px;display:grid;grid-template-columns:210px 1fr auto;align-items:center;gap:30px}.brand-lockup{display:inline-flex;align-items:center;gap:10px;font-size:24px;font-weight:850;letter-spacing:-.04em}.brand-mark{width:38px;height:38px;border-radius:7px;background:linear-gradient(135deg,#18c873,#079d58);display:grid;place-items:center;font-size:25px;font-weight:950;color:#fff}.main-nav{display:flex;justify-content:center;gap:48px;font-size:13px;font-weight:750}.nav-actions{display:flex;align-items:center;gap:22px}.search-dot{font-size:21px}.nav-cta{background:#08ad5b;padding:13px 20px;border-radius:5px;font-size:13px;font-weight:850}.hero-dark{background:radial-gradient(circle at 75% 48%,rgba(0,96,255,.22),transparent 31%),linear-gradient(180deg,#021424,#031a2d);color:#fff}.hero-grid-new{min-height:515px;display:grid;grid-template-columns:1.04fr .96fr;gap:46px;align-items:center}.hero-copy-new{padding:46px 0}.hero-copy-new h1{font-size:52px;line-height:1.04;letter-spacing:-.045em;margin:0 0 22px;max-width:620px}.hero-copy-new h1 span{color:#08bb63}.hero-copy-new p{font-size:16px;line-height:1.55;color:#e5ebf1;max-width:610px;margin:0}.hero-buttons{display:flex;gap:16px;margin:27px 0 35px}.hero-buttons a{height:48px;padding:0 24px;border:1px solid rgba(255,255,255,.55);border-radius:5px;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:850}.hero-buttons .primary-hero{background:#08ad5b;border-color:#08ad5b}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.hero-proof>div{display:grid;grid-template-columns:32px 1fr;gap:10px;font-size:11px;line-height:1.45;color:#cad5df}.hero-proof b{display:block;color:#fff;font-size:12px;margin-bottom:3px}.proof-icon{width:30px;height:30px;border:1px solid #0cbd68;border-radius:50%;display:grid;place-items:center;color:#0cbd68}.hero-art{position:relative;min-height:430px}.hero-art-mockup{display:flex;align-items:center;justify-content:center}.hero-mockup{width:min(100%,570px);max-height:390px;object-fit:contain;filter:drop-shadow(0 25px 34px rgba(0,0,0,.42))}.hero-bubble{position:absolute;right:0;bottom:35px;width:126px;height:126px;border:1px solid rgba(255,255,255,.7);border-radius:50%;display:grid;place-items:center;text-align:center;padding:18px;font-size:11px;font-weight:800;z-index:4;background:rgba(2,18,32,.25)}.content-area{padding:20px 0 0}.category-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:18px}.cat-card{border:1px solid #dce3ea;border-radius:8px;background:#fff;padding:18px}.cat-head{display:flex;align-items:center;gap:14px;min-height:72px}.cat-icon{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:22px;font-weight:900;flex:0 0 auto}.green{background:#0bad5b}.blue{background:#318ce5}.purple{background:#7844d6}.cat-head h3{font-size:18px;margin:0 0 4px}.cat-head p{font-size:11px;color:#647083;margin:0;line-height:1.45}.top3{border-top:1px solid #e9edf1;margin-top:8px;padding-top:4px}.top3-title{display:flex;justify-content:space-between;font-size:12px;font-weight:850;padding:7px 0}.top3-title a{font-size:10px;color:#586474}.top3-row{display:grid;grid-template-columns:22px 72px minmax(0,1fr) auto;gap:9px;align-items:center;padding:9px 0;border-top:1px solid #eef1f4}.rank,.place{border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900}.rank{width:21px;height:21px;background:#08aa57;font-size:10px}.top3-row:nth-of-type(3) .rank{background:#959da8}.top3-row:nth-of-type(4) .rank{background:#ca6e10}.top3-row img{width:70px;height:44px;object-fit:contain}.top3-row strong{font-size:11px;display:block}.top3-row small{font-size:9px;color:#727e8e}.top3-row em{font-style:normal;color:#07a654;font-size:10px;font-weight:850;white-space:nowrap}.tool-section{border:1px solid #dce3ea;border-radius:9px;background:#fbfcfe;margin-bottom:16px;overflow:hidden}.tool-head{padding:21px 22px 9px}.tool-head h2{font-size:23px;margin:0 0 5px;letter-spacing:-.02em}.tool-head p{font-size:12px;color:#687587;margin:0}.slider-row-new{display:grid;grid-template-columns:175px minmax(250px,1fr) 110px 54px;gap:14px;align-items:center;padding:11px 22px 14px}.slider-row-new label{font-size:11px;font-weight:850}.slider-row-new input[type=range]{width:100%;accent-color:#3275dc}.slider-row-new input[type=number]{height:37px;border:1px solid #afc1d7;border-radius:5px;background:#fff;text-align:center;font-weight:850}.slider-row-new span{font-size:11px}.helper{margin:0 22px 12px;padding:8px 11px;border-radius:4px;background:#edf5ff;color:#2e67b8;font-size:10px}.calc-grid{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-top:1px solid #e4e9ee}.calc-card{position:relative;padding:20px 22px 16px;text-align:center;border-right:1px solid #e3e8ed;min-height:330px}.calc-card:last-child{border-right:0}.place{position:absolute;left:16px;top:16px;width:23px;height:23px;background:#08aa57;font-size:10px}.calc-card:nth-child(2) .place{background:#959da8}.calc-card:nth-child(3) .place{background:#ca6e10}.calc-card img{width:170px;height:102px;object-fit:contain;margin:0 auto 10px}.calc-card h3{font-size:13px;margin:4px 0 10px}.badge{font-size:7px;font-weight:900;color:#2867d7;background:#e9f1ff;border-radius:4px;padding:3px 5px;margin-left:4px}.calc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:13px 0 7px}.calc-stats span{display:block;font-size:7px;color:#8994a1;text-transform:uppercase}.calc-stats b{display:block;margin-top:4px;font-size:13px}.net{color:#07a653}.calc-card>small{display:block;color:#758191;font-size:9px;text-align:left}.apply{display:block;margin-top:14px;background:#08a953;color:#fff;border-radius:4px;padding:9px;font-size:10px;font-weight:850}.calc-note{text-align:center;color:#788493;background:#fff;font-size:8px;padding:9px}.euro-tool{display:grid;grid-template-columns:1.15fr .72fr .62fr;gap:25px;padding:23px;background:linear-gradient(90deg,#fbfdff,#f1f6ff)}.euro-block h3{font-size:22px;line-height:1.15;margin:0 0 5px}.euro-block p{font-size:11px;color:#5f6d7e;line-height:1.5;margin:0}.euro-block .slider-row-new{padding:16px 0 6px;grid-template-columns:110px 1fr 95px 50px}.euro-metrics{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin-top:14px}.euro-metrics>div{border-right:1px solid #e0e6ec}.euro-metrics>div:last-child{border:0}.euro-metrics small{font-size:9px;color:#7a8795}.euro-metrics b{display:block;color:#08a653;font-size:24px;margin:4px 0}.example-list{display:grid;align-content:center;gap:21px}.example-list>div{display:grid;grid-template-columns:31px 1fr;gap:10px}.example-list span{font-size:24px}.example-list p{margin:0;font-size:11px}.example-list small{color:#697586}.euro-best{background:#fff;border:1px solid #dce4ec;border-radius:7px;padding:14px}.euro-best>b{font-size:11px}.euro-best img{width:120px;height:73px;object-fit:contain;margin:9px 0}.euro-best p{font-size:10px;line-height:1.45}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;border:1px solid #dce3ea;border-radius:8px;padding:18px 23px}.trust-item{display:grid;grid-template-columns:38px 1fr;gap:11px}.bigicon{font-size:29px;color:#08aa57}.trust-item b{font-size:11px}.trust-item p{font-size:9px;line-height:1.45;color:#687586;margin:4px 0}.footer-dark{margin-top:16px;background:#021424;color:#fff;padding:28px 0 15px}.footer-layout{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:31px}.footer-brand{display:flex;flex-direction:column;gap:8px}.footer-brand .brand-lockup{font-size:20px}.footer-brand .brand-mark{width:30px;height:30px;font-size:19px}.footer-dark h4{font-size:11px;margin:0 0 8px}.footer-dark a,.footer-dark p{display:block;font-size:9px;line-height:1.5;color:#c5d0da;margin:4px 0}.footer-bottom{border-top:1px solid #263747;margin-top:18px;padding-top:12px;display:flex;justify-content:space-between;font-size:8px;color:#93a2b2}@media(max-width:980px){.section-shell{width:min(100% - 40px,1320px)}.main-nav{gap:22px}.hero-copy-new h1{font-size:46px}.top3-row{grid-template-columns:22px 60px 1fr}.top3-row em{display:none}}@media(max-width:760px){.section-shell{width:min(100% - 28px,1320px)}.site-header .section-shell{height:68px;grid-template-columns:1fr auto}.main-nav{display:none}.hero-grid-new{grid-template-columns:1fr;min-height:auto}.hero-copy-new{padding:38px 0 18px}.hero-copy-new h1{font-size:40px}.hero-art{min-height:300px}.hero-proof,.category-strip,.calc-grid,.euro-tool,.trust-strip,.footer-layout{grid-template-columns:1fr}.slider-row-new,.euro-block .slider-row-new{grid-template-columns:1fr}.calc-card{border-right:0;border-bottom:1px solid #e3e8ed}.top3-row{grid-template-columns:22px 66px 1fr auto}.top3-row em{display:block}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:5px}}
.preview-logo{display:block;width:152px;height:45px;overflow:hidden}.preview-logo img{width:152px;height:45px;object-fit:cover}.footer-brand>img{width:122px;height:auto}.hero-art{overflow:hidden}.hero-mockup{width:100%;max-width:620px;max-height:none;filter:none}
@media(max-width:760px){.preview-logo{width:132px}.preview-logo img{width:132px}.nav-actions>span{display:none}.nav-cta{padding:11px 14px}.hero-art{min-height:260px}.hero-mockup{width:100%}}
.preview-logo,.preview-logo img{height:auto;overflow:visible;background:transparent}
.hero-art{display:flex;align-items:center;justify-content:flex-end;isolation:isolate}
.hero-art::before{content:"";position:absolute;left:0;bottom:0;width:22%;height:22%;z-index:2;pointer-events:none;background:linear-gradient(90deg,#021424 0,rgba(2,20,36,.94) 42%,transparent 100%)}
.hero-mockup{position:relative;z-index:1;image-rendering:auto;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 13%,#000 97%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 10%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent 0,#000 13%,#000 97%,transparent 100%),linear-gradient(to bottom,transparent 0,#000 10%,#000 88%,transparent 100%);mask-composite:intersect}
.proof-icon{width:32px;height:32px;border:0;border-radius:0;display:block}
.proof-icon svg{width:30px;height:30px;fill:none;stroke:#00c46a;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hero-chooser{display:flex;align-items:center;justify-content:center;overflow:visible;isolation:auto}
.hero-chooser::before{content:"";position:absolute;inset:7% 1% 7% 0;width:auto;height:auto;z-index:0;border-radius:50%;background:radial-gradient(circle at 55% 50%,rgba(0,187,104,.13) 0,rgba(0,107,203,.09) 42%,transparent 70%);filter:blur(12px)}
.chooser-inner{position:relative;z-index:1;width:min(100%,510px);padding:30px;border:1px solid rgba(121,209,174,.18);border-radius:18px;background:rgba(2,24,40,.72);box-shadow:0 24px 60px rgba(0,0,0,.22)}
.chooser-kicker{display:block;color:#13cf78;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.09em;margin-bottom:8px}
.chooser-inner h2{font-size:28px;line-height:1.1;letter-spacing:-.025em;margin:0 0 8px}
.chooser-inner>p{font-size:12px;line-height:1.5;color:#aebdca;margin:0 0 20px}
.chooser-links{display:grid;gap:10px}
.chooser-links a{display:grid;grid-template-columns:44px minmax(0,1fr) 22px;gap:13px;align-items:center;min-height:72px;padding:10px 13px;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.035);transition:transform .18s ease,border-color .18s ease,background .18s ease}
.chooser-links a:hover{transform:translateX(4px);border-color:rgba(20,211,122,.55);background:rgba(14,185,104,.09)}
.chooser-icon{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(11,190,106,.13);color:#15d27a;font-size:18px;font-weight:900}
.chooser-links b{display:block;font-size:14px;margin-bottom:3px}
.chooser-links small{display:block;color:#9dabb8;font-size:10px}
.chooser-arrow{color:#18d37c;font-size:17px}
@media(max-width:760px){.hero-chooser{min-height:auto;padding:0 0 34px}.chooser-inner{padding:20px}.chooser-inner h2{font-size:24px}}

/* Readability and interaction pass */
.main-nav{font-size:14px}
.hero-copy-new p{font-size:17px}
.hero-proof>div{font-size:12px;line-height:1.55}
.hero-proof b{font-size:13px}
.cat-head p{font-size:12px}
.top3-title{font-size:13px}
.top3-title a{font-size:12px}
.top3-row strong{font-size:12px}
.top3-row small{font-size:10px}
.top3-row em{font-size:11px}
.tool-head p{font-size:13px}
.slider-row-new label,.slider-row-new span{font-size:12px}
.helper{font-size:11px;color:#111}
.calc-card h3{font-size:14px}
.badge,.calc-stats span{font-size:8px}
.card-badges{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 2px;align-items:center}.card-badges .badge{margin-left:0;min-height:24px;padding:5px 8px;font-size:10px!important;line-height:1.2;white-space:nowrap}.card-badges .is-lounge{background:#e7f8ef;color:#08734f}.card-badges .is-insurance{background:#eef4ff;color:#245fbd}
.calc-stats b{font-size:14px}
.calc-card>small{font-size:10px}
.apply{font-size:12px;min-height:38px;display:flex;align-items:center;justify-content:center}
.calc-note{font-size:10px}
.euro-block p{font-size:12px}
.euro-metrics small{font-size:10px}
.example-list p{font-size:12px}
.example-list small{font-size:11px}
.euro-best>b{font-size:12px}
.euro-best p{font-size:11px}
.trust-item b{font-size:13px}
.trust-item p{font-size:11px}
.footer-dark h4{font-size:12px}
.footer-dark a,.footer-dark p{font-size:11px}
.footer-bottom{font-size:10px}
.chooser-kicker{font-size:12px}
.chooser-inner>p{font-size:13px}
.chooser-links b{font-size:15px}
.chooser-links small{font-size:11px}

.nav-cta,.hero-buttons a,.chooser-links a,.apply,.top3-title a{cursor:pointer;position:relative;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease,filter .18s ease}
.nav-cta,.hero-buttons .primary-hero,.apply{background:linear-gradient(180deg,#11bf6c,#079b57);border-color:#12c571;box-shadow:0 8px 20px rgba(5,175,96,.22),inset 0 1px 0 rgba(255,255,255,.16)}
.nav-cta:hover,.hero-buttons .primary-hero:hover,.apply:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 27px rgba(5,190,104,.33),inset 0 1px 0 rgba(255,255,255,.2)}
.hero-buttons a:not(.primary-hero):hover{transform:translateY(-2px);border-color:#fff;background:rgba(255,255,255,.08);box-shadow:0 9px 22px rgba(0,0,0,.2)}
.chooser-links a{box-shadow:0 6px 16px rgba(0,0,0,.12)}
.chooser-links a:hover{transform:translateX(5px) translateY(-1px);box-shadow:0 11px 24px rgba(0,0,0,.22)}
.chooser-links a:hover .chooser-arrow{transform:translateX(4px)}
.chooser-arrow{transition:transform .18s ease}
.top3-title a{padding:6px 9px;margin:-6px -4px -6px 0;border-radius:7px;color:#176b4d;background:#eff9f4}
.top3-title a:hover{transform:translateY(-1px);background:#dcf5e9;color:#057d4e;box-shadow:0 5px 13px rgba(10,140,86,.14)}
.nav-cta:active,.hero-buttons a:active,.chooser-links a:active,.apply:active,.top3-title a:active{transform:translateY(1px);box-shadow:none}
.nav-cta:focus-visible,.hero-buttons a:focus-visible,.chooser-links a:focus-visible,.apply:focus-visible,.top3-title a:focus-visible{outline:3px solid #73f0b5;outline-offset:3px}
@media(max-width:760px){.hero-copy-new p{font-size:16px}.hero-proof>div{font-size:12px}.chooser-links a{min-height:78px}.footer-dark a,.footer-dark p{font-size:12px}}

/* Homepage interaction and calculator filters */
.nav-cta,.hero-buttons a,.chooser-links a,.apply{text-shadow:0 1px 2px rgba(0,0,0,.72)}
.calc-filters{display:grid;grid-template-columns:175px repeat(7,max-content);align-items:center;gap:14px;margin:12px 22px 8px;padding:8px 0;border:0;border-radius:0;background:transparent;color:#111;font-size:13px}
.calc-filters>span{font-weight:800;line-height:20px}
.calc-filters label{display:inline-flex;align-items:center;gap:8px;padding:0;border:0;border-radius:0;background:transparent;color:#111;font-weight:500;line-height:20px;cursor:pointer;transition:color .18s ease}
.calc-filters label:hover{background:transparent;color:#007a49;transform:none}
.calc-filters input{width:18px;height:18px;margin:0;accent-color:#00c878;cursor:pointer}
.calc-filters label:has(input:checked){background:transparent;color:inherit;box-shadow:none}
.filter-info{display:inline-grid;place-items:center;flex:0 0 18px;width:18px;height:18px;border-radius:50%;background:#08a95b;color:#fff;font-size:12px;font-weight:800;font-style:normal;line-height:1;cursor:help}
.card-badges .badge.is-withdrawal{background:#eef7f3;color:#006c43;border-color:#b9ded0}
.calc-grid{border-top:0}
.calc-card{position:relative}
.buckio-pick{position:absolute;right:13px;top:13px;padding:5px 8px;border-radius:999px;background:#e4f8ef;color:#08734f;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.card-reason{display:block;min-height:34px;margin-top:9px;color:#4e6070;line-height:1.45}
@media(max-width:900px){.calc-filters{grid-template-columns:175px repeat(2,max-content)}}
@media(max-width:760px){.calc-filters{grid-template-columns:1fr;align-items:stretch;gap:10px}.calc-filters label{justify-content:flex-start}}

/* One calculator result per row */
.calc-grid{display:block}
.calc-grid{padding:12px;background:#f4f7fa}
.calculator-controls-slot{display:flow-root;min-height:481px;margin-top:14px}
.calc-card-placeholder{position:relative;min-height:clamp(619px,calc(891px - 18.9vw),636px);margin:0 0 12px;border:1px solid #d8e1e8;border-radius:10px;background:#fff;overflow:hidden}
.calc-card-placeholder:last-child{margin-bottom:0}
.calc-card-placeholder::after{content:"";position:absolute;inset:22px;background:linear-gradient(100deg,#eef3f6 18%,#f8fafb 36%,#eef3f6 54%);border-radius:8px;opacity:.7}
@media(max-width:1050px){.calc-card-placeholder{min-height:690px}}
@media(max-width:760px){.calc-card-placeholder{min-height:810px}}
.calc-grid .calc-card,.calc-grid .calc-card:last-child{margin:0 0 12px;border:1px solid #cbd6e1;border-radius:10px;background:#fff;box-shadow:0 3px 10px rgba(25,50,73,.06);overflow:hidden}
.calc-grid .calc-card:last-child{margin-bottom:0}
.calc-grid .calc-card.is-linked-card{border-color:#08ad5b;box-shadow:inset 4px 0 #08ad5b,0 8px 22px rgba(8,173,91,.14);background:#fbfffd}
.calc-grid .calc-card.is-scroll-focused{border-color:#08ad5b;box-shadow:inset 4px 0 #08ad5b,0 8px 22px rgba(8,173,91,.14);background:#fbfffd;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.calc-pagination{display:flex;align-items:center;justify-content:center;gap:16px;padding:18px 12px 20px;background:#f4f7fa;border-top:1px solid #dce4eb}
.calc-pagination[hidden]{display:none}
.calc-pagination button{min-width:126px;min-height:42px;padding:9px 16px;border:1px solid #087f47;border-radius:7px;background:#08ad5b;color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer;box-shadow:0 4px 10px rgba(8,173,91,.18)}
.calc-pagination button:hover:not(:disabled){background:#078d4c;transform:translateY(-1px)}
.calc-pagination button:focus-visible{outline:3px solid rgba(8,173,91,.25);outline-offset:2px}
.calc-pagination button:disabled{border-color:#c5ced7;background:#e2e7ec;color:#7b8793;cursor:not-allowed;box-shadow:none}
.calc-pagination span{font-size:12px;font-weight:750;color:#344456}
.calc-pagination .pagination-center{display:flex;flex-direction:column;align-items:center;gap:8px}
.calc-pagination .page-numbers{display:flex;align-items:center;gap:8px}
.calc-pagination .page-status{color:#344456;font-size:12px;font-weight:400;line-height:1.2;text-align:center}
.calc-pagination .page-number{min-width:42px;width:42px;min-height:42px;padding:8px;border-color:#c7d4de;background:#fff;color:#173a5a;box-shadow:none}
.calc-pagination .page-number:hover{border-color:#08ad5b;background:#eefaf4;color:#087747}
.calc-pagination .page-number[aria-current="page"]{border-color:#173a5a;background:#173a5a;color:#fff;box-shadow:0 0 0 3px #c9f1df,0 5px 12px rgba(23,58,90,.25);cursor:default;transform:none}
.calc-pagination .page-number[aria-current="page"]:hover{border-color:#173a5a;background:#173a5a;color:#fff;transform:none}
.calc-card{display:grid;grid-template-columns:30px 180px minmax(190px,1fr) minmax(340px,1.15fr) 142px;grid-template-rows:auto auto auto;column-gap:22px;align-items:center;min-height:184px;padding:20px 22px;text-align:left;border-right:0;border-bottom:1px solid #e3e8ed}
.calc-card:last-child{border-bottom:0}
.calc-card .place{position:static;grid-column:1;grid-row:1/4;align-self:center}
.card-image-frame{grid-column:2;grid-row:1/4;width:180px;height:116px;display:grid;place-items:center;justify-self:center;align-self:start;overflow:hidden;isolation:isolate}
.calc-card .card-image-frame img{grid-column:auto;grid-row:auto;width:170px;height:104px;margin:0;object-fit:contain}
.calc-card .card-image-frame img.klarna-card-image{transform:none}
.calc-card h3{grid-column:3;grid-row:1;margin:0 0 4px;align-self:end;font-size:15px;transform:translateY(75px)}
.verified-date{position:absolute;left:276px;top:20px;margin:0;color:#66717b;font-size:9px;font-weight:600}
.fee-icon{width:36px;height:36px;color:#08aa57;overflow:visible}.fee-icon path,.fee-icon circle,.fee-icon line{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.calculation-info{margin:0 22px 12px;border:1px solid #d5e1ec;border-radius:7px;background:#fff;color:#111;overflow:hidden}.calculation-info summary{position:relative;padding:11px 42px 11px 13px;cursor:pointer;list-style:none;font-size:12px;font-weight:750}.calculation-info summary::-webkit-details-marker{display:none}.calculation-info summary:after{content:'⌄';position:absolute;right:14px;top:8px;color:#079d58;font-size:19px;font-weight:900;transition:transform .2s ease}.calculation-info[open] summary:after{transform:rotate(180deg)}.calculation-info>div{padding:0 13px 12px;border-top:1px solid #e6edf3}.calculation-info p{margin:10px 0 0;font-size:11px;line-height:1.6;color:#263442}
.calc-card .card-reason{grid-column:3;grid-row:2;align-self:start;min-height:0;margin:3px 0 0;max-width:330px;transform:translateY(75px)}
.card-facts{grid-column:3;grid-row:3;display:grid;gap:5px;align-self:start;margin:9px 0 0;padding:0;font-size:10px;color:#66717b;transform:translateY(65px)}
.card-facts>div{display:grid;grid-template-columns:86px 1fr;gap:8px}.card-facts dt{font-weight:500}.card-facts dd{margin:0;font-weight:800;color:#18242d}
.calc-card .calc-stats{grid-column:4;grid-row:1/3;width:100%;margin:0;padding:16px 20px;border-left:1px solid #e4e9ee;border-right:1px solid #e4e9ee;align-self:stretch;align-items:center}
.calc-card .calc-stats>div{text-align:center}
.calc-card .calc-stats span{font-size:8px}
.calc-card .calc-stats b{font-size:15px}
.calc-card .calc-stats b.net{font-size:19px}.calc-card .calc-stats b.positive-net{color:#08764e}.calc-card .calc-stats b.negative-net{color:#c83b42}
.calc-stats .non-cashback-notice{grid-column:1/-1;display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;align-items:start;margin:10px 0 0;padding:9px 10px;border:1px solid #d6e2eb;border-radius:7px;background:#f5f8fa;color:#385064;text-align:left}.calc-stats .non-cashback-notice i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#52758e;color:#fff;font-size:11px;font-weight:850;font-style:normal;line-height:1}.calc-stats .non-cashback-notice span{display:block;color:#385064;font-size:10px;line-height:1.4;text-transform:none}.calc-stats .non-cashback-notice strong{display:block;margin:0 0 2px;color:#17384f;font-size:10px;line-height:1.25}
.calc-card .calc-stats .net-stat{display:grid;align-content:center;justify-items:center}.calc-card .calc-stats b.net-monthly{margin-top:5px;font-size:19px;line-height:1.05}.calc-card .calc-stats .net-annual{display:block;margin-top:5px;color:#667584;font-size:10px!important;font-weight:800;line-height:1.2;text-transform:none}.calc-card .calc-stats .net-annual.positive-net{color:#08764e}.calc-card .calc-stats .net-annual.negative-net{color:#c83b42}
.pros-cons{grid-column:4;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:9px 18px;margin-top:10px;padding:11px 20px 0;border-top:1px solid #edf0f2;font-size:10px;line-height:1.4}
.pros-cons>span,.advantage-list>span{display:flex;align-items:flex-start;gap:7px}
.advantage-list{display:grid;align-content:start;gap:9px}
.pros-cons i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;color:transparent;font-size:0;font-weight:900;font-style:normal;line-height:0}
.pros-cons i::before{display:block;color:#fff;font-family:Arial,sans-serif;font-size:12px;font-weight:900;line-height:1;transform:translateY(-.25px)}
.pro-item i::before{content:'✓'}.con-item i::before{content:'×';font-size:14px}
.pro-item i{background:#08a75b}.con-item i{background:#dc3e45}
.payment-support{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:3px;padding-top:10px;border-top:1px solid #edf0f2}.support-column{display:grid;align-content:start;gap:13px}.payment-support-item{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:650;color:#344451}.payment-support-item i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;color:#fff;font-family:Arial,sans-serif;font-size:12px;font-weight:900;font-style:normal;line-height:1}.payment-support-item.supported i{background:#08a75b}.payment-support-item.unsupported i{background:#dc3e45;font-size:14px}
.card-actions-new{grid-column:5;grid-row:1/4;display:grid;gap:11px;align-self:center}
.card-actions-new a{display:flex;align-items:center;justify-content:center;min-height:52px;margin:0;padding:12px 14px;border-radius:7px;font-size:13px;line-height:1.2;font-weight:850;text-align:center;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.card-actions-new .details-button{border:1px solid #244d72;background:#fff;color:#173a5a;box-shadow:0 3px 10px rgba(20,52,82,.1)}
.card-actions-new .apply{border:1px solid #06a95d;background:linear-gradient(180deg,#14c875,#079b57);color:#fff;box-shadow:0 8px 20px rgba(5,175,96,.3);text-shadow:0 1px 2px rgba(0,0,0,.65)}
.card-actions-new a:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 10px 22px rgba(5,140,86,.22)}
.card-actions-new a:focus-visible{outline:3px solid #73f0b5;outline-offset:2px}
.slider-row-new input[type=range]{height:40px;cursor:pointer;appearance:none;-webkit-appearance:none;background:transparent}.slider-row-new input[type=range]::-webkit-slider-runnable-track{height:9px;border-radius:999px;background:#c7d5e3}.slider-row-new input[type=range]::-webkit-slider-thumb{width:36px;height:36px;margin-top:-13.5px;-webkit-appearance:none;border:3px solid #fff;border-radius:50%;background:#3275dc;box-shadow:0 2px 8px rgba(20,67,120,.38);cursor:grab}.slider-row-new input[type=range]::-webkit-slider-thumb:active{cursor:grabbing;transform:scale(1.06)}.slider-row-new input[type=range]::-moz-range-track{height:9px;border-radius:999px;background:#c7d5e3}.slider-row-new input[type=range]::-moz-range-thumb{width:36px;height:36px;border:3px solid #fff;border-radius:50%;background:#3275dc;box-shadow:0 2px 8px rgba(20,67,120,.38);cursor:grab}.slider-row-new input[type=range]::-moz-range-thumb:active{cursor:grabbing;transform:scale(1.06)}
.spend-range-wrap{position:relative;min-width:0;padding-bottom:34px}.spend-range-wrap input[type=range]{position:relative;z-index:2;display:block;width:100%}.break-even-markers{position:absolute;inset:15px 18px auto;height:52px;pointer-events:none;z-index:3}.break-even-marker{position:absolute;top:0;width:0;height:18px;border-left:2px solid #0ca760;transform:translateX(-50%)}.break-even-marker i{position:absolute;left:50%;top:-4px;width:8px;height:8px;border:2px solid #fff;border-radius:50%;background:#0ca760;box-shadow:0 1px 4px rgba(3,72,43,.28);transform:translateX(-50%)}.break-even-marker b{position:absolute;top:calc(17px + var(--marker-lane)*16px);left:50%;padding:2px 4px;border-radius:3px;background:#eaf9f1;color:#087044;font-size:8px;font-weight:850;line-height:1.1;white-space:nowrap;transform:translateX(-50%)}
.break-even-marker[data-edge=start] b{left:-2px;transform:none}.break-even-marker[data-edge=end] b{left:2px;transform:translateX(-100%)}
.calc-card .buckio-pick{left:254px;right:auto;top:20px}
@media(max-width:1050px){.calc-card{grid-template-columns:28px 150px minmax(160px,1fr) minmax(300px,1.1fr);column-gap:15px}.card-image-frame{width:150px}.calc-card .card-image-frame img{width:145px}.card-actions-new{grid-column:3/5;grid-row:4;grid-template-columns:repeat(2,142px);justify-self:start;margin-top:12px}.calc-card .card-reason{display:none}.calc-card .buckio-pick{left:215px}.calc-card h3{margin-top:25px}.calc-card .calc-stats{grid-column:4}.pros-cons{grid-column:4}}
@media(max-width:760px){.calc-card{grid-template-columns:28px 110px 1fr;grid-template-rows:auto auto auto auto auto auto;gap:10px 12px;padding:18px 16px}.calc-card .place{grid-column:1;grid-row:1/3}.card-image-frame{grid-column:2;grid-row:1/3;width:110px;height:78px;align-self:start}.calc-card .card-image-frame img{width:108px;height:72px}.calc-card h3{grid-column:3;grid-row:1;margin:18px 0 0;align-self:end}.calc-card .card-reason{display:block;grid-column:3;grid-row:2;margin:0}.card-facts{grid-column:1/4;grid-row:3;margin:2px 0}.calc-card .calc-stats{grid-column:1/4;grid-row:4;padding:14px 6px;border:1px solid #e4e9ee;border-radius:8px}.pros-cons{grid-column:1/4;grid-row:5;grid-template-columns:1fr 1fr}.card-actions-new{grid-column:1/4;grid-row:6;grid-template-columns:1fr 1fr;width:100%;margin:0}.calc-card .buckio-pick{left:auto;right:16px;top:10px}}

/* Keep expanded advantages visually consistent with the primary positive item. */
.card-more .advantage-list .pro-item{display:flex;align-items:flex-start;gap:8px}
.card-more .advantage-list .pro-item i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;background:#0aad62;color:#fff;font-size:0;font-weight:900;font-style:normal;line-height:1}
.card-more .advantage-list .pro-item i::before{content:'✓';font-family:Arial,sans-serif;font-size:12px;font-weight:900;line-height:1}
@media(max-width:1050px){.verified-date{left:230px}}
@media(max-width:1050px){.calc-card h3,.calc-card .card-reason,.card-facts{transform:none}}
.calc-card .card-copy{grid-column:3;grid-row:1/4;display:grid;align-self:center;gap:7px;max-width:340px}
.calc-card .card-copy h3,.calc-card .card-copy .card-reason,.calc-card .card-copy .card-facts{grid-column:auto;grid-row:auto;align-self:auto;margin:0;transform:none}
.calc-card .card-copy .card-facts{margin-top:9px}
@media(max-width:1050px){.calc-card .card-copy{display:contents}}
.top3-row .klarna-top3-image{width:96px;height:61px;transform:scale(1.42);transform-origin:center}
@media(max-width:760px){.verified-date{position:static;grid-column:3;grid-row:1;align-self:start}.calc-card h3{margin-top:22px}.calc-card h3,.calc-card .card-reason,.card-facts{transform:none}}

/* Credit-card navigation dropdown */
.nav-dropdown{position:relative;align-self:stretch;display:flex;align-items:center}.nav-dropdown-trigger{display:flex;align-items:center;height:100%;gap:4px}.nav-dropdown-trigger::after{content:'⌄';font-size:12px;transition:transform .18s ease}.nav-dropdown:hover .nav-dropdown-trigger::after,.nav-dropdown:focus-within .nav-dropdown-trigger::after{transform:rotate(180deg)}.nav-dropdown-menu{position:absolute;z-index:30;top:calc(100% + 8px);left:0;min-width:190px;padding:8px;display:grid;gap:3px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:#071d2d;box-shadow:0 16px 35px rgba(0,0,0,.3);opacity:0;visibility:hidden;transform:translateY(-7px);transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.nav-dropdown::after{content:'';position:absolute;top:100%;left:0;width:100%;height:12px}.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu{opacity:1;visibility:visible;transform:translateY(0)}.nav-dropdown-menu a{display:block;padding:11px 13px;border-radius:6px;color:#fff;font-size:13px;font-weight:700;white-space:nowrap;transition:background .16s ease,color .16s ease}.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible{background:#0bad5b;color:#fff;outline:none}

/* Cache-safe header cleanup */
.nav-actions{display:none}.nav-dropdown:has(.nav-dropdown-trigger[href="sa-jamfor-vi.html"]) .nav-dropdown-menu{display:none}.nav-dropdown:has(.nav-dropdown-trigger[href="sa-jamfor-vi.html"]) .nav-dropdown-trigger::after{display:none}

/* Clearer trust icons: document for terms and scales for independence */
.trust-item:nth-child(2) .bigicon,.trust-item:nth-child(3) .bigicon{width:38px;height:38px;font-size:0;background-position:center;background-repeat:no-repeat;background-size:36px 36px}.trust-item:nth-child(2) .bigicon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%2308aa57' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M11 5h12l7 7v23H11z'/%3E%3Cpath d='M23 5v8h7M15 19h11M15 24h11M15 29h8'/%3E%3C/svg%3E")}.trust-item:nth-child(3) .bigicon{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40' fill='none' stroke='%2308aa57' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6v27M13 34h14M8 12h24M20 9l-9 3-5 10M20 9l9 3 5 10'/%3E%3Cpath d='M3 22h11a5.5 5.5 0 0 1-11 0ZM26 22h11a5.5 5.5 0 0 1-11 0Z'/%3E%3C/svg%3E")}

/* Contact shortcut in the site header */
.site-header .main-nav{justify-content:flex-start;transform:translateX(-38px)}
.footer-contact-link{display:grid!important;place-items:center;width:42px;height:42px;margin:12px 0 0!important;border:1px solid rgba(255,255,255,.45);border-radius:50%;color:#fff!important;transition:background .18s ease,border-color .18s ease,transform .18s ease}.footer-contact-link:hover,.footer-contact-link:focus-visible{background:#0bad5b;border-color:#0bad5b;transform:translateY(-2px);outline:none}.footer-contact-link svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* Card-level sliders replace the visible master control */
#cashback>.slider-row-new{display:none}#cashback>.helper{position:relative;margin:10px 22px 14px;padding:12px 14px 12px 42px;border:1px solid #b9e5cf;border-left:4px solid #0bad5b;border-radius:7px;background:#effaf4;color:#173a2a;font-size:11px;line-height:1.55}#cashback>.helper::before{content:'i';position:absolute;left:13px;top:50%;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#0bad5b;color:#fff;font-family:Georgia,serif;font-size:13px;font-weight:800;transform:translateY(-50%)}

/* Clear all calculator filters */
.calc-filters{grid-template-columns:165px repeat(7,max-content);column-gap:10px;row-gap:18px}.provider-filter{grid-column:2/4;grid-row:2;width:190px;min-height:34px;padding:7px 32px 7px 11px;border:1px solid #8fa4b7;border-radius:6px;background:#fff;color:#172533;font:inherit;font-size:11px;font-weight:650;cursor:pointer}.provider-filter:hover{border-color:#244d72}.provider-filter:focus{border-color:#0bad5b;outline:3px solid rgba(11,173,91,.16)}.atm-fee-filter{grid-column:7;grid-row:1;align-self:center}.reset-filters-button{grid-column:8;grid-row:1;justify-self:start;align-self:center;min-height:34px;margin-left:18px;padding:7px 13px;border:1px solid #244d72;border-radius:6px;background:#244d72;color:#fff;font:inherit;font-size:11px;font-weight:750;cursor:pointer;box-shadow:0 3px 9px rgba(20,52,82,.18);transition:background .16s ease,transform .16s ease,box-shadow .16s ease}.reset-filters-button:hover{background:#173a5a;transform:translateY(-1px);box-shadow:0 5px 12px rgba(20,52,82,.24)}.reset-filters-button:focus-visible{outline:3px solid #8fc5f2;outline-offset:2px}

/* Match hero calls-to-action with the calculator button hierarchy */
.hero-buttons a{border:1px solid #244d72;background:#fff;color:#173a5a;box-shadow:0 4px 13px rgba(0,0,0,.2);text-shadow:none;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.hero-buttons .primary-hero{border-color:#06a95d;background:linear-gradient(180deg,#14c875,#079b57);color:#fff;box-shadow:0 8px 20px rgba(5,175,96,.3);text-shadow:0 1px 2px rgba(0,0,0,.65)}.hero-buttons a:hover{transform:translateY(-2px);filter:brightness(1.04);box-shadow:0 10px 22px rgba(0,0,0,.24)}.hero-buttons a:not(.primary-hero):hover{border-color:#14c875;background:#edf9f3;color:#08764e;text-shadow:none}.hero-buttons a:focus-visible{outline:3px solid #73f0b5;outline-offset:3px}

/* Use the calculator's green primary treatment on category-card hover */
.chooser-links a:hover{border-color:#14c875;background:linear-gradient(180deg,#14c875,#079b57);color:#fff;box-shadow:0 11px 25px rgba(5,175,96,.32);filter:brightness(1.03)}.chooser-links a:hover small{color:#eafff2}.chooser-links a:hover .chooser-icon{background:rgba(255,255,255,.18);color:#fff}.chooser-links a:hover .chooser-arrow{color:#fff}

/* Synchronized spend control on every calculator card */
.card-spend-control{grid-column:2/5;grid-row:4;display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:14px;margin-top:14px;padding:14px 18px;border:1px solid #dce6ee;border-radius:8px;background:#f4f8fb}.card-spend-control label{display:grid;grid-template-columns:auto minmax(150px,1fr);align-items:center;gap:12px;font-size:13px!important;font-weight:750;color:#263747}.card-spend-control output{min-width:92px;color:#08764e;font-size:13px!important;font-weight:850;text-align:right}.card-spend-range{width:100%;cursor:pointer}@media(max-width:1050px){.card-spend-control{grid-column:1/5;grid-row:5}.card-actions-new{grid-row:4}}@media(max-width:760px){.card-spend-control{grid-column:1/4;grid-row:6;grid-template-columns:1fr}.card-spend-control label{grid-template-columns:1fr}.card-spend-control output{text-align:left}.card-actions-new{grid-row:7}}
.card-spend-value{display:flex!important;grid-template-columns:none!important;align-items:center;gap:6px!important;min-width:142px;padding:5px 9px;border:1px solid #b9cad9;border-radius:7px;background:#fff;color:#08764e!important}.card-spend-value:focus-within{border-color:#0aad62;box-shadow:0 0 0 3px rgba(10,173,98,.13)}.card-spend-input{width:82px;padding:0;border:0;outline:0;background:transparent;color:#08764e;font:850 13px/1.2 inherit;text-align:right}.card-spend-value span{white-space:nowrap;font-size:12px;font-weight:800}@media(max-width:760px){.card-spend-value{justify-self:start}.card-spend-input{text-align:left}}

/* EuroBonus travel CTA */
.top3-row{grid-template-columns:22px 100px minmax(0,1fr) auto;min-height:78px}.top3-image-frame{display:grid;width:98px;height:64px;overflow:hidden;place-items:center}.top3-row .top3-card-image{width:96px;height:61px;max-width:none;object-fit:contain}.top3-row .klarna-top3-image{width:132px;height:88px;transform:translateX(-12px) scale(1.03)}
.card-added-benefits{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin-top:5px;padding-top:10px;border-top:1px dashed #dce5eb}.card-added-benefits section{min-width:0}.card-added-benefits strong{display:block;margin-bottom:5px;color:#173a5a;font-size:10px}.card-added-benefits ul{display:grid;gap:4px;margin:0;padding:0;list-style:none}.card-added-benefits li{position:relative;padding-left:13px;color:#435564;font-size:9px;line-height:1.4}.card-added-benefits li::before{content:'•';position:absolute;left:2px;color:#08a95d;font-weight:900}@media(max-width:760px){.card-added-benefits{grid-template-columns:1fr}}
.benefits-source-link{display:inline-flex;grid-column:1/-1;align-items:center;justify-self:start;gap:4px;margin-top:14px;color:#087f4c;font-size:9px;font-weight:800;text-decoration:underline;text-decoration-color:rgba(8,127,76,.35);text-underline-offset:2px}.benefits-source-link:hover{color:#045f39;text-decoration-color:currentColor}
.top3-row{position:relative;border-radius:7px;transition:background .18s ease,box-shadow .18s ease,transform .18s ease}.top3-row:hover,.top3-row[href]:hover{z-index:1;background:#f4fcf7;box-shadow:0 0 0 1px #08ad5b,0 6px 16px rgba(8,173,91,.12);transform:translateY(-1px)}
.footer-layout{grid-template-columns:1.35fr repeat(5,1fr);gap:24px}
.eurobonus-cta{position:relative;isolation:isolate;display:flex;grid-column:1/-1;align-items:center;width:100%;min-height:260px;margin:0;padding:34px 42px;overflow:hidden;border:1px solid #173b57;border-radius:10px;background:#021424 url('assets/eurobonus-flight-window-cta-optimized.webp') center/cover no-repeat;color:#fff;box-shadow:0 14px 32px rgba(2,20,36,.18)}
.eurobonus-cta::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(2,20,36,.98) 0%,rgba(2,20,36,.86) 42%,rgba(2,20,36,.08) 75%)}
.eurobonus-cta-copy{display:grid;gap:9px;max-width:540px}.eurobonus-cta-copy small{color:#19d17b;font-size:12px;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.eurobonus-cta-copy strong{max-width:520px;font-size:30px;line-height:1.1;letter-spacing:-.025em}.eurobonus-cta-copy>span{color:#d4e0ea;font-size:13px;line-height:1.5}.eurobonus-cta-copy b{display:inline-flex;align-items:center;width:max-content;margin-top:8px;padding:11px 16px;border-radius:6px;background:#08ad5b;color:#fff;font-size:13px;text-shadow:0 1px 2px rgba(0,25,14,.85);box-shadow:0 6px 16px rgba(8,173,91,.24);transition:background .18s ease,transform .18s ease,text-shadow .18s ease}.eurobonus-cta:hover .eurobonus-cta-copy b{background:#08c568;transform:translateY(-1px);text-shadow:0 1px 3px rgba(0,18,10,.95)}.eurobonus-cta:focus-visible{outline:3px solid #35dc8d;outline-offset:3px}
@media(max-width:760px){.eurobonus-cta{width:100%;min-height:330px;padding:28px 22px;align-items:flex-end;background-position:68% center}.eurobonus-cta::after{background:linear-gradient(0deg,rgba(2,20,36,.98) 0%,rgba(2,20,36,.75) 60%,rgba(2,20,36,.08) 100%)}.eurobonus-cta-copy strong{font-size:24px}}

/* Avida's official physical card is portrait; enlarge it and crop the source reflection. */
.card-image-frame{overflow:hidden}.card-image-frame img[alt="Avida Blue"]{width:82px;height:auto;max-height:none;object-fit:initial;transform:translateY(-5px)}

.travel-calculator-link{display:inline-flex;align-items:center;margin-top:9px;color:#08764e;font-size:10px;font-weight:800;transition:color .16s ease,transform .16s ease}.travel-calculator-link:hover{color:#05a65e;transform:translateX(2px)}.travel-calculator-link:focus-visible{outline:2px solid #16c875;outline-offset:3px;border-radius:2px}
.calc-card .place{background:#929daa;color:#fff}
.calc-card .place[data-place="1"]{background:linear-gradient(145deg,#f8d675,#c89118);color:#3b2900;box-shadow:inset 0 0 0 1px rgba(108,69,0,.2)}
.calc-card .place[data-place="2"]{background:linear-gradient(145deg,#e6ebef,#98a4ae);color:#27333d;box-shadow:inset 0 0 0 1px rgba(41,54,66,.16)}
.calc-card .place[data-place="3"]{background:linear-gradient(145deg,#d58a4b,#9b4f19);color:#fff;box-shadow:inset 0 0 0 1px rgba(91,39,7,.2)}
.top3>.top3-row:nth-child(2) .rank{background:linear-gradient(145deg,#f8d675,#c89118);color:#3b2900;box-shadow:inset 0 0 0 1px rgba(108,69,0,.2)}
.top3>.top3-row:nth-child(3) .rank{background:linear-gradient(145deg,#e6ebef,#98a4ae);color:#27333d;box-shadow:inset 0 0 0 1px rgba(41,54,66,.16)}
.top3>.top3-row:nth-child(4) .rank{background:linear-gradient(145deg,#d58a4b,#9b4f19);color:#fff;box-shadow:inset 0 0 0 1px rgba(91,39,7,.2)}
.top3-row{margin:3px -8px;padding:11px 10px;border:1px solid transparent;border-radius:10px;transition:background .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.top3-row:hover,.top3-row[href]:hover{z-index:1;background:#f5fcf8;border-color:rgba(8,173,91,.55);box-shadow:0 7px 18px rgba(8,96,52,.12);transform:translateY(-1px)}
.card-key-points{grid-column:4;grid-row:3;display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin-top:10px;padding:12px 20px 0;border-top:1px solid #edf0f2;font-size:10px;line-height:1.45}.card-key-pros,.card-key-cons{display:grid;align-content:start;gap:10px}.card-key-points .pro-item,.card-key-points .con-item{display:flex;align-items:flex-start;gap:8px}.card-key-points i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;flex:0 0 auto;color:#fff;font-size:12px;font-weight:900;font-style:normal;line-height:1}.card-key-points .pro-item i{background:#0aad62}.card-key-points .con-item i{background:#e5484d}.card-more{grid-column:2/5;grid-row:5;margin-top:12px;border:1px solid #d8e3ec;border-radius:8px;background:#fff;overflow:hidden}.card-more summary{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;color:#174263;font-size:13px!important;font-weight:850;cursor:pointer;list-style:none;background:#f5f8fb}.card-more summary::-webkit-details-marker{display:none}.card-more summary span{color:#08a95b;font-size:15px;transition:transform .18s ease}.card-more[open] summary span{transform:rotate(180deg)}.card-more-table{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid #dce6ee}.card-more-section{min-width:0;padding:14px 16px;border-right:1px solid #e4ebf1;border-bottom:1px solid #e4ebf1;font-size:10px;line-height:1.5}.card-more-section:nth-child(even){border-right:0}.card-more-section>strong{display:block;margin-bottom:8px;color:#163b58;font-size:10px}.card-more .card-facts{display:grid;position:static;margin:0;padding:0;transform:none}.card-more .card-facts>div:first-child{display:none}.card-more .advantage-list{display:grid;gap:8px}.card-more .payment-support{margin:0;padding:0;border:0}.card-more .card-added-benefits{grid-column:auto;margin:0;padding:14px 16px;border:0;border-bottom:1px solid #e4ebf1}.card-more .benefits-source-link{margin-top:10px}.has-card-details{grid-template-rows:auto auto auto auto auto}.has-card-details .card-copy .card-facts{display:none}@media(max-width:1050px){.card-key-points{grid-column:4}.card-more{grid-column:1/5;grid-row:6}}@media(max-width:760px){.card-key-points{grid-column:1/4;grid-row:5;grid-template-columns:1fr;gap:14px;padding:12px 0}.card-more{grid-column:1/4;grid-row:8;margin-top:2px}.card-more-table{grid-template-columns:1fr}.card-more-section{border-right:0}.has-card-details .card-spend-control{grid-row:6}.has-card-details .card-actions-new{grid-row:7}}
.has-card-details .card-actions-new{grid-template-columns:1fr}
.hero-grid-new{box-sizing:border-box;height:460px;min-height:460px}.hero-copy-new{padding:32px 0}.hero-art{min-height:410px}@media(max-width:760px){.hero-grid-new{height:auto;min-height:auto}.hero-copy-new{padding:28px 0 12px}.hero-art{min-height:230px}}
@media(max-width:760px){.calc-filters{display:grid;grid-template-columns:1fr!important;gap:0;width:auto;max-width:100%;margin:14px 16px 12px;padding:0;border:1px solid #dce5ec;border-radius:9px;background:#fff;overflow:hidden}.calc-filters>span{grid-column:1!important;grid-row:auto!important;padding:12px 14px;background:#f3f7fa;font-size:13px}.calc-filters label,.calc-filters .atm-fee-filter{grid-column:1!important;grid-row:auto!important;width:100%;min-height:44px;padding:10px 14px;border-top:1px solid #e7edf2}.calc-filters input{flex:0 0 20px;width:20px;height:20px}.calc-filters .provider-filter{grid-column:1!important;grid-row:auto!important;width:calc(100% - 28px);min-height:44px;margin:12px 14px 7px;font-size:13px}.calc-filters .reset-filters-button{grid-column:1!important;grid-row:auto!important;width:calc(100% - 28px);min-height:44px;margin:7px 14px 14px;justify-self:stretch;font-size:13px}}
@media(max-width:760px){.footer-layout{grid-template-columns:1fr}}

/* Uniform card artwork after removing the top-three subheadings. */
.top3-row .top3-card-image{width:96px;height:61px;object-fit:fill;transform:none}
.calc-card .card-image-frame img.klarna-card-image{width:170px;height:104px;object-fit:fill;transform:none}

/* Keep each card image centred against the full card, regardless of card content length. */
.calc-card .card-image-frame{align-self:center}
@media(max-width:760px){.calc-card .card-image-frame{align-self:center}}
.top3>.top3-row:nth-child(1) .rank{background:linear-gradient(145deg,#f8d675,#c89118);color:#3b2900;box-shadow:inset 0 0 0 1px rgba(108,69,0,.2)}
.top3>.top3-row:nth-child(2) .rank{background:linear-gradient(145deg,#e6ebef,#98a4ae);color:#27333d;box-shadow:inset 0 0 0 1px rgba(41,54,66,.16)}
.top3>.top3-row:nth-child(3) .rank{background:linear-gradient(145deg,#d58a4b,#9b4f19);color:#fff;box-shadow:inset 0 0 0 1px rgba(91,39,7,.2)}

/* Keep Debitkort on the same desktop row as E-faktura. */
@media(min-width:761px){.calc-filters{grid-template-columns:165px repeat(8,max-content)}.calc-filters label[for="filter-debit"]{grid-column:7;grid-row:1}.calc-filters .atm-fee-filter{grid-column:8;grid-row:1}.calc-filters .reset-filters-button{grid-column:9;grid-row:1}}

/* Clearer reading sizes and a compact, expandable filter panel. */
.cat-head h3{font-size:20px}.cat-head p{font-size:12px}.top3-row strong{font-size:13px}.top3-row small{font-size:12px;line-height:1.4}.tool-head h2{font-size:26px}.tool-head p,#cashback>.helper{font-size:12px}.calc-card h3{font-size:16px}.calc-card .card-reason,.card-facts,.card-key-points,.card-more-section,.card-more summary,.payment-support-item,.card-added-benefits li{font-size:12px}.card-more-section>strong,.card-added-benefits strong{font-size:13px}.trust-item b{font-size:13px}.trust-item p{font-size:12px}
.ranking-method-link{display:inline-flex;grid-column:1/-1;align-items:center;justify-self:start;margin:0 2px;color:#08764e;font-size:12px;font-weight:800;text-decoration:underline;text-decoration-color:rgba(8,118,78,.3);text-underline-offset:3px}.ranking-method-link:hover{color:#05a65e;text-decoration-color:currentColor}
.calc-filters{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px}.calc-filters>span{flex:0 0 145px}.calc-filters label{min-height:36px}.calc-filters .provider-filter{position:static;order:initial;width:190px;margin:0}.calc-filters .reset-filters-button{position:static;order:initial;margin:0 0 0 auto}.more-filters{flex:1 0 100%;overflow:hidden;border:1px solid #dce5ec;border-radius:8px;background:#fff}.more-filters summary{display:flex;align-items:center;justify-content:space-between;min-height:42px;padding:10px 14px;color:#173a5a;font-size:12px;font-weight:800;cursor:pointer;list-style:none;background:#f3f7fa}.more-filters summary::-webkit-details-marker{display:none}.more-filters summary span{color:#08a95b;font-size:16px;transition:transform .18s ease}.more-filters[open] summary span{transform:rotate(180deg)}.more-filters-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #e3eaf0}.more-filters-options label,.calc-filters .more-filters-options .atm-fee-filter{width:100%;min-height:46px;padding:10px 14px;border-right:1px solid #e7edf2}.more-filters-options label:last-child{border-right:0}.calculator-result-count{padding:7px 22px 12px;color:#365268;font-size:12px;font-weight:750;text-align:right}
@media(max-width:760px){.calc-filters{display:flex!important;gap:0;overflow:visible}.calc-filters>span{flex:1 0 100%}.calc-filters>label{flex:1 0 100%;width:100%}.calc-filters .provider-filter{width:calc(100% - 28px);margin:12px 14px 7px}.calc-filters .more-filters{flex:1 0 calc(100% - 28px);margin:7px 14px}.calc-filters .reset-filters-button{width:calc(100% - 28px);margin:7px 14px 14px}.more-filters-options{grid-template-columns:1fr}.more-filters-options label,.calc-filters .more-filters-options .atm-fee-filter{border-right:0;border-top:1px solid #e7edf2}.calculator-result-count{padding:5px 16px 12px}.ranking-method-link{font-size:13px}}
@media(max-width:760px){.hero-proof{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.hero-proof>div{grid-template-columns:1fr;gap:5px;font-size:10px;line-height:1.35}.hero-proof b{font-size:11px}.proof-icon{width:28px;height:28px}.proof-icon svg{width:26px;height:26px}.hero-chooser{padding-bottom:20px}.chooser-inner{padding:16px}.chooser-inner>p{margin-bottom:14px}.chooser-links{gap:8px}.chooser-links a{min-height:64px;padding:8px 10px}}

/* Expandable calculation table on every calculator card. */
.card-calculation{grid-column:2/5;grid-row:5;margin-top:12px;overflow:hidden;border:1px solid #cfdde7;border-radius:8px;background:#fff;text-align:left}.card-calculation summary{display:flex;align-items:center;justify-content:space-between;min-height:44px;padding:12px 16px;list-style:none;background:#eef6f2;color:#143c2c;font-size:13px!important;font-weight:900;cursor:pointer}.card-calculation summary::-webkit-details-marker{display:none}.card-calculation summary span{color:#08a95b;font-size:16px;transition:transform .18s ease}.card-calculation[open] summary span{transform:rotate(180deg)}.card-calculation-body{padding:0 15px 13px;border-top:1px solid #dce7e1}.card-calculation table{width:100%;border-collapse:collapse}.card-calculation th,.card-calculation td{padding:11px 4px;border-bottom:1px solid #e6ecef;font-size:11px}.card-calculation th{color:#233b4c;font-weight:800}.card-calculation th small{display:block;margin-top:2px;color:#7b8993;font-size:9px;font-weight:500}.card-calculation td{text-align:right;color:#182c3a;font-weight:850;white-space:nowrap}.card-calculation .calculation-total{background:#f4faf7}.card-calculation .calculation-total th,.card-calculation .calculation-total td{font-size:13px}.card-calculation .calc-plus{color:#078b4d}.card-calculation .calc-minus{color:#c43d43}.card-calculation-body>p{margin:11px 3px 0;color:#677781;font-size:9px;line-height:1.55}.has-card-details .card-more{grid-row:6}
@media(max-width:1050px){.card-calculation{grid-column:1/5;grid-row:5}}
@media(max-width:760px){.card-calculation{grid-column:1/4;grid-row:8;margin-top:2px}.has-card-details .card-more{grid-row:9}.card-calculation th,.card-calculation td{font-size:10px}}

/* Shared color system for expandable card tables. */
.card-calculation,.card-more{border-color:#cfdde7;background:#fff}.card-calculation summary,.card-more summary{background:#eef6f2;color:#143c2c}.card-calculation-body,.card-more-table{border-top-color:#dce7e1;background:#fff}

/* Keep the calculator filters in one aligned desktop grid. */
@media(min-width:761px){.calc-filters{display:grid;grid-template-columns:145px repeat(4,minmax(105px,max-content)) minmax(190px,1fr) auto;align-items:center;column-gap:14px;row-gap:12px}.calc-filters>span{grid-column:1;grid-row:1}.calc-filters>label,.calc-filters label[for="filter-debit"]{grid-column:auto;grid-row:1;white-space:nowrap}.calc-filters .provider-filter{grid-column:6;grid-row:1;width:100%;min-width:190px}.calc-filters .reset-filters-button{grid-column:7;grid-row:1;margin:0;white-space:nowrap}.calc-filters .more-filters{grid-column:2/-1;grid-row:2;width:100%;margin:0}}

/* Hidden filters inherit the exact desktop column lines above them. */
@media(min-width:761px){.calc-filters .more-filters{display:grid;grid-template-columns:subgrid}.calc-filters .more-filters>summary{grid-column:1/-1}.calc-filters .more-filters-options{grid-column:1/-1;display:grid;grid-template-columns:subgrid}.calc-filters .more-filters-options>label:nth-child(1){grid-column:1}.calc-filters .more-filters-options>label:nth-child(2){grid-column:2}.calc-filters .more-filters-options>label:nth-child(3){grid-column:3}}

/* Stable filter columns: expanding advanced filters must not reflow the row above. */
@media(min-width:761px){.calc-filters{grid-template-columns:145px repeat(4,minmax(0,1fr)) minmax(190px,1.2fr) auto}.calc-filters>label,.calc-filters .more-filters-options>label,.calc-filters .more-filters-options .atm-fee-filter{min-width:0;white-space:nowrap}.calc-filters .more-filters-options>label,.calc-filters .more-filters-options .atm-fee-filter{overflow:visible}.calc-filters .more-filters-options{align-items:center}.calc-filters .more-filters-options>label:nth-child(1){grid-column:1}.calc-filters .more-filters-options>label:nth-child(2){grid-column:2}.calc-filters .more-filters-options>label:nth-child(3){grid-column:3}}

/* Align expanded choices with the checkbox columns above without text collisions. */
@media(min-width:761px){.calc-filters .more-filters-options>label,.calc-filters .more-filters-options .atm-fee-filter{box-sizing:border-box;width:auto;padding:10px 0;border-right:0;overflow:hidden}.calc-filters .more-filters-options>label:nth-child(1){grid-column:1}.calc-filters .more-filters-options>label:nth-child(2){grid-column:2}.calc-filters .more-filters-options>label:nth-child(3){grid-column:3/span 2}}

/* Give every advanced filter a readable, full-size option cell. */
@media(min-width:761px){.calc-filters .more-filters{display:block}.calc-filters .more-filters-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%}.calc-filters .more-filters-options>label:nth-child(1),.calc-filters .more-filters-options>label:nth-child(2),.calc-filters .more-filters-options>label:nth-child(3){grid-column:auto}.calc-filters .more-filters-options>label,.calc-filters .more-filters-options .atm-fee-filter{display:flex;align-items:center;gap:9px;width:100%;min-height:52px;padding:12px 16px;overflow:visible;border-right:1px solid #e3eaf0;white-space:normal;line-height:1.35}.calc-filters .more-filters-options>label:last-child{border-right:0}.calc-filters .more-filters-options input{flex:0 0 auto}}
@media(min-width:761px) and (max-width:980px){.calc-filters .more-filters-options{grid-template-columns:1fr}.calc-filters .more-filters-options>label,.calc-filters .more-filters-options .atm-fee-filter{border-right:0;border-bottom:1px solid #e3eaf0}.calc-filters .more-filters-options>label:last-child{border-bottom:0}}

/* Keep primary filters compact and align all specialist choices inside Fler filter. */
@media(min-width:761px){.calc-filters .more-filters-options{grid-template-columns:repeat(3,minmax(0,1fr))}.calc-filters .more-filters-options>label,.calc-filters .more-filters-options .atm-fee-filter{min-height:54px;padding:12px 16px;white-space:normal;overflow:visible;line-height:1.35}.calc-filters .more-filters-options>label:nth-child(3n){border-right:0}}
@media(max-width:760px){.calc-pagination{flex-wrap:wrap;gap:10px}.calc-pagination .page-step{min-width:118px}.calc-pagination .pagination-center{order:3;flex:1 0 100%}.calc-pagination .page-numbers{justify-content:center}.calc-pagination .page-number{min-width:40px;width:40px}}

/* Explain a card match immediately above the ranked cards. */
.matcher-explanation{position:relative;margin:14px 22px 18px;padding:20px 54px 19px 22px;border:1px solid #a9dcc2;border-radius:10px;background:linear-gradient(115deg,#f5fcf8,#eef8f3);color:#29475a;box-shadow:0 8px 20px rgba(8,96,52,.07)}.matcher-explanation-close{position:absolute;top:11px;right:12px;display:grid;width:32px;height:32px;place-items:center;padding:0;border:1px solid #c7dbd1;border-radius:50%;background:#fff;color:#3d5968;font:500 22px/1 inherit;cursor:pointer}.matcher-explanation-close:hover{border-color:#079b57;background:#e8f7ef;color:#08764e}.matcher-explanation-kicker{color:#087e4c;font-size:11px;font-weight:900;letter-spacing:.12em}.matcher-explanation h3{margin:5px 0 8px;color:#143b55;font-size:21px}.matcher-explanation p{max-width:850px;margin:0;color:#526a79;font-size:14px;line-height:1.55}.matcher-reasons{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.matcher-reasons span{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid #cbe7d8;border-radius:999px;background:#fff;color:#315b48;font-size:12px;font-weight:750}.matcher-reasons i{display:grid;width:18px;height:18px;place-items:center;border-radius:50%;background:#0bad5b;color:#fff;font-size:10px;font-style:normal}.matcher-explanation small{display:block;margin-top:12px;color:#738691;font-size:11px}@media(max-width:760px){.matcher-explanation{margin:12px 16px 16px;padding:18px 48px 17px 17px}.matcher-explanation h3{font-size:18px}.matcher-explanation p{font-size:13px}.matcher-reasons{display:grid}.matcher-reasons span{border-radius:7px}}
.matcher-reasons .matcher-reason--warn{border-color:#efc7c3;background:#fff8f7;color:#8d3d38}.matcher-reasons .matcher-reason--warn i{background:#d94b43}.matcher-reasons .matcher-reason--info{border-color:#cddbe5;background:#f8fbfd;color:#4e6575}.matcher-reasons .matcher-reason--info i{background:#607d91}

/* Compact discovery row: one tabbed Top 3 list beside EuroBonus. */
@media(min-width:761px){.category-strip{grid-template-columns:minmax(0,1.75fr) minmax(300px,.85fr);grid-template-rows:auto minmax(0,1fr) auto;align-items:stretch;gap:12px 18px;padding-bottom:14px}.category-strip .top3-tabs{grid-column:1;grid-row:1}.category-strip .cat-card{grid-column:1;grid-row:2;min-height:365px}.category-strip .ranking-method-link{grid-column:1;grid-row:3}.category-strip .eurobonus-cta{grid-column:2;grid-row:1/4;min-height:0;height:100%;padding:28px;background-position:62% center}.category-strip .eurobonus-cta::after{background:linear-gradient(0deg,rgba(2,20,36,.97) 0%,rgba(2,20,36,.8) 58%,rgba(2,20,36,.18) 100%)}.category-strip .eurobonus-cta-copy{align-self:end}.category-strip .eurobonus-cta-copy strong{font-size:25px}.category-strip .eurobonus-cta-copy>span{font-size:12px}.category-strip .cat-card[hidden]{display:none}}
.top3-tabs{display:flex;gap:5px;padding:5px;border:1px solid #dce4e9;border-radius:9px;background:#fff}.top3-tabs button{flex:1;min-height:38px;padding:7px 12px;border:0;border-radius:6px;background:transparent;color:#526878;font:800 11px/1 inherit;cursor:pointer}.top3-tabs button[aria-selected="true"]{background:#e8f7ef;color:#08764e;box-shadow:inset 0 0 0 1px #b9e2cc}.top3-tabs button:hover{background:#f1f7f4;color:#08764e}@media(max-width:760px){.category-strip{display:flex;flex-direction:column}.top3-tabs{order:0}.category-strip .cat-card{order:1}.category-strip .ranking-method-link{order:2}.category-strip .eurobonus-cta{order:3;min-height:280px}.category-strip .cat-card[hidden]{display:none}}

/* Lead with the EuroBonus CTA; keep Top 3 as the compact companion. */
@media(min-width:761px){.category-strip{grid-template-columns:minmax(310px,.82fr) minmax(0,1.78fr)}.category-strip .top3-tabs,.category-strip .cat-card,.category-strip .ranking-method-link{grid-column:1}.category-strip .eurobonus-cta{grid-column:2;padding:42px 46px;background-position:center}.category-strip .eurobonus-cta::after{background:linear-gradient(90deg,rgba(2,20,36,.98) 0%,rgba(2,20,36,.82) 48%,rgba(2,20,36,.12) 100%)}.category-strip .eurobonus-cta-copy{align-self:center;max-width:610px}.category-strip .eurobonus-cta-copy small{font-size:13px}.category-strip .eurobonus-cta-copy strong{max-width:590px;font-size:34px;line-height:1.08}.category-strip .eurobonus-cta-copy>span{max-width:500px;font-size:15px;line-height:1.55}.category-strip .eurobonus-cta-copy b{min-height:48px;padding:0 20px;font-size:14px}.category-strip .cat-card{padding:15px}.category-strip .cat-head{min-height:64px}.category-strip .cat-head h3{font-size:17px}.category-strip .cat-head p{font-size:10px}.category-strip .top3-row{grid-template-columns:22px 74px minmax(0,1fr);gap:7px;min-height:72px;padding:8px 6px}.category-strip .top3-image-frame{width:72px;height:52px}.category-strip .top3-row .top3-card-image{width:72px;height:50px}.category-strip .top3-row em{display:none}.category-strip .top3-row strong{font-size:11px}.category-strip .top3-row small{font-size:9px}}
@media(min-width:761px) and (max-width:1050px){.category-strip{grid-template-columns:minmax(285px,.9fr) minmax(0,1.4fr)}.category-strip .eurobonus-cta{padding:32px}.category-strip .eurobonus-cta-copy strong{font-size:29px}}

/* A calmer, lighter EuroBonus invitation keeps cashback as the primary focus. */
.category-strip .eurobonus-cta{border-color:#cbded6;background-color:#edf6f2;color:#17384d;box-shadow:0 8px 22px rgba(13,51,42,.08)}
.category-strip .eurobonus-cta::after{background:linear-gradient(90deg,rgba(247,252,249,.99) 0%,rgba(242,249,246,.96) 48%,rgba(235,246,241,.72) 100%)}
.category-strip .eurobonus-cta-copy small{color:#087d4b}.category-strip .eurobonus-cta-copy strong{color:#17384d}.category-strip .eurobonus-cta-copy>span{color:#536d7b}.category-strip .eurobonus-cta-copy b{background:#fff;color:#087d4b;text-shadow:none;box-shadow:inset 0 0 0 1px #9fd2b8,0 4px 11px rgba(11,112,65,.09)}.category-strip .eurobonus-cta:hover .eurobonus-cta-copy b{background:#e9f7f0;color:#076f43;text-shadow:none}
@media(max-width:760px){.category-strip .eurobonus-cta::after{background:linear-gradient(0deg,rgba(247,252,249,.99) 0%,rgba(240,249,245,.94) 64%,rgba(234,246,240,.55) 100%)}}

/* Two equal primary hero actions with room for descriptive labels. */
.hero-copy-new .hero-buttons{flex-wrap:wrap;gap:12px}.hero-copy-new .hero-buttons a{height:auto;min-height:48px;padding:11px 18px;text-align:center;line-height:1.3}.hero-copy-new .hero-buttons .primary-hero:hover{transform:translateY(-3px);filter:brightness(1.1);box-shadow:0 13px 28px rgba(5,190,104,.38),inset 0 1px 0 rgba(255,255,255,.22)}
@media(max-width:760px){.hero-copy-new .hero-buttons a{width:100%}}

/* Standard for new Buckio subpages: blue, content-led hero at a shared height. */
:root{--subpage-hero-height:410px;--subpage-hero-bg:radial-gradient(circle at 78% 44%,rgba(31,132,255,.32),transparent 32%),radial-gradient(circle at 55% 110%,rgba(19,93,178,.18),transparent 38%),linear-gradient(135deg,#021424 0%,#052b4a 58%,#063b66 100%)}
.subpage-hero{position:relative;overflow:hidden;background:var(--subpage-hero-bg);color:#fff}
.subpage-hero-grid{box-sizing:border-box;min-height:var(--subpage-hero-height);align-items:center;padding-top:44px;padding-bottom:44px}
@media(max-width:800px){.subpage-hero-grid{min-height:360px;padding-top:40px;padding-bottom:40px}}

/* Keep the active top-list card and EuroBonus panel aligned edge to edge. */
@media(min-width:761px){.category-strip{grid-template-rows:auto minmax(0,1fr)}.category-strip .top3-tabs{grid-row:1}.category-strip .cat-card{grid-row:2;height:100%}.category-strip .eurobonus-cta{grid-row:1/3;height:100%}}

@media(min-width:1100px){.hero-copy-new .hero-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}.hero-copy-new .hero-buttons a{width:100%}}

/* Shared calculator card standard: the card artwork is optically centred in every result row. */
.calc-card .card-image-frame{align-self:center!important;justify-self:center!important;place-items:center!important}.calc-card .card-image-frame img{align-self:center!important;justify-self:center!important}
.card-detail-link{color:inherit;text-decoration:underline;text-decoration-color:rgba(8,107,76,.28);text-underline-offset:3px}.card-detail-link:hover{color:#08764e;text-decoration-color:currentColor}.card-detail-link:focus-visible{outline:2px solid #08ad5b;outline-offset:3px;border-radius:2px}
.card-actions-new.has-read-more{grid-template-columns:1fr;gap:0}.card-actions-new .card-read-more{display:inline-flex;justify-self:center;min-height:0;margin:12px 0 0;padding:0;border:0;border-radius:0;background:transparent;color:#087d4b;font-size:11px;line-height:1.4;font-weight:700;text-align:center;text-decoration:underline;text-decoration-color:rgba(8,125,75,.35);text-underline-offset:3px;box-shadow:none;text-shadow:none}.card-actions-new .card-read-more:hover{transform:none;filter:none;box-shadow:none;color:#066c41;text-decoration-color:currentColor}.card-actions-new .card-read-more:focus-visible{outline:2px solid #0bad5b;outline-offset:3px}
.card-actions-new .apply.is-external{background:linear-gradient(180deg,#14c875,#079b57);color:#fff;border:1px solid #06a95d;box-shadow:0 8px 20px rgba(5,175,96,.3);text-shadow:0 1px 2px rgba(0,0,0,.65)}.card-actions-new .apply.is-external:hover{background:linear-gradient(180deg,#18d17d,#08a65e);color:#fff;box-shadow:0 10px 22px rgba(5,175,96,.34)}
.card-actions-new .no-affiliate-note{grid-column:1/-1;display:flex;align-items:flex-start;gap:7px;margin:7px 0 0;padding:8px 9px;border:1px solid #d9e6ee;border-left:3px solid #84a9bd;border-radius:6px;background:#f5f9fb;color:#587084;font-size:10px;line-height:1.35;text-align:left}.card-actions-new .no-affiliate-note i{display:grid;place-items:center;flex:0 0 auto;width:15px;height:15px;margin-top:1px;border:1px solid #7f9cad;border-radius:50%;color:#42667d;font-size:10px;font-style:normal;font-weight:900;line-height:1}.card-actions-new .no-affiliate-note span{display:block}.card-actions-new .no-affiliate-note strong{display:block;margin-bottom:2px;color:#274f68;font-size:10px;font-weight:850}

.card-terms-list{display:grid;gap:7px;margin:12px 0 0;padding:10px 0 0;border-top:1px solid #e4ebf1;list-style:none}.card-terms-list li{position:relative;padding-left:14px;color:#496273;line-height:1.48}.card-terms-list li::before{content:'•';position:absolute;left:2px;color:#08a95b;font-weight:900}
.mandatory-product-info{grid-column:1/-1;background:#f7fbf9}.mandatory-product-info .card-terms-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}.mandatory-product-info .card-terms-list li{font-weight:700}@media(max-width:760px){.mandatory-product-info .card-terms-list{grid-template-columns:1fr}}
/* Mobile readability: raise compact UI copy without changing desktop geometry. */
@media(max-width:760px){
  .hero-proof>div,.hero-proof b,.hero-bubble,.cat-head p,.top3-title,.top3-title a,.rank,.top3-row strong,.top3-row small,.top3-row em,.slider-row-new label,.slider-row-new span,.helper,.place,.badge,.calc-stats span,.calc-card>small,.apply,.calc-note,.euro-block p,.euro-metrics small,.example-list p,.example-list small,.euro-best>b,.euro-best p,.trust-item b,.trust-item p,.footer-dark h4,.footer-dark a,.footer-dark p,.footer-bottom,.chooser-kicker,.chooser-links small,.buckio-pick,.verified-date,.card-facts,.calc-card .calc-stats span,.pros-cons,.payment-support-item,#cashback>.helper,.provider-filter,.reset-filters-button,.card-spend-control label,.card-spend-control output,.card-added-benefits strong,.card-added-benefits li,.benefits-source-link,.travel-calculator-link,.card-key-points,.card-more summary,.card-more-section,.card-more-section>strong,.card-calculation th,.card-calculation td,.card-calculation th small,.matcher-explanation-kicker,.matcher-reasons i,.matcher-explanation small,.category-strip .cat-head p,.category-strip .top3-row strong,.category-strip .top3-row small,.card-actions-new .card-read-more,.cashback-action-row .hero-proof>div,.cashback-action-row .hero-proof b,.euro-card-grid .rank,.euro-flight-hero .flight-callout small,.eb-calc-head span,.eb-summary>span,.eb-section-head span,.eb-calc-head label,.eb-slider label,.eb-slider small,.eb-number-grid label,.eb-primary small,.eb-primary span,.eb-summary-grid small,.eb-guidance article>span,.eb-guidance p,.eb-guidance small,.eb-compare-card>span,.eb-compare-card h3,.eb-compare-card small,.eb-calculator .euro-method p,.eb-sources strong,.eb-sources a,.eb-sources p,.eb-boundaries>div>span,.eb-boundaries p,.eb-boundaries strong,.eb-boundaries li span,.eb-data-status .card-data-status,.eb-travel-option strong,.eb-travel-option small,.eb-travel-options+p,.eb-explainer-intro>div>span,.eb-explainer p,.eb-explainer-steps b,.eb-explainer-steps span,.eb-explainer-steps strong,.eb-explainer-note,.eb-compare-card em,.eb-details-heading span,.eb-details-content dt,.eb-benefit-grid article>span,.eb-benefit-grid p,.eb-advanced-inputs>p,.eb-summary .credit-warning-summary .credit-warning-copy p,.catalog-hero-summary small,.catalog-heading>div>span,.catalog-tools label,.catalog-tools button,.catalog-result-head span,.catalog-badge,.catalog-card dl>div,.catalog-detail-link,.catalog-pagination button,.compare-decision-hero-inner>span,.compare-controls-head span,.compare-section-head span,.compare-controls-head>strong,.compare-input-row label,.spend-field>span,.compare-selected-chips span,.compare-insight>span,.compare-insight small,.result-badge,.compare-result-card>small,.result-facts div,.compare-breakpoint span,.difference-toggle,#compare-table th,#compare-table td,.compare-method p,.spend-scale,.compare-card-detail-link,.contact-kicker,.contact-proof,.contact-info-card b,.contact-security p,.form-row small,.form-privacy,.compare-dock-head small,.compare-dock-limit,.calc-card .compare-toggle,.calc-card .card-text-links .compare-toggle,.calc-card .card-text-links .affiliate-disclosure-link,#cardMatcher .matcher-summary-head span,#cardMatcher .matcher-result-summary dt,#cardMatcher .matcher-result-summary dt i,#cardMatcher .matcher-result-summary dd,#cardMatcher .matcher-result-summary small,#cardMatcher .matcher-result>span,#cardMatcher .matcher-result-list article>b,#cardMatcher .matcher-result-list article small,#cardMatcher .matcher-result-list button,#cardMatcher .matcher-disclaimer,.matcher-result-summary>span,.matcher-result-summary dt,.matcher-result-summary dd,.matcher-result-summary small,.matcher-result-list article>b,.matcher-result-list article small,.calc-card>.card-data-status{font-size:12px!important}
  .calculation-info p,.card-added-benefits li,.card-more-section,.card-calculation-body>p,.catalog-card p,#cardMatcher .matcher-result-list p,.matcher-result-list p{font-size:14px!important;line-height:1.55}
  .top3-row,.catalog-card,.calc-card,.eb-compare-card{min-width:0}
  .top3-row strong,.top3-row small,.catalog-card p,.card-added-benefits li,.eb-benefit-grid p{overflow-wrap:anywhere}
  .matcher-identity b,.matcher-identity small,.credit-warning-copy a,.catalog-hero-copy .eyebrow{font-size:12px!important}
}

/* Neutral temporary artwork for cards without licensed issuer images. */
img[src*="buckio-card-placeholder-v2.png"]{filter:saturate(1.05);}
img[src*="t=collector-purple"]{filter:hue-rotate(54deg) saturate(1.15)}
img[src*="t=collector-black"],img[src*="t=revolut-metal"]{filter:grayscale(.95) contrast(1.08)}
img[src*="t=bank-norwegian"]{filter:hue-rotate(-24deg) saturate(1.35) brightness(1.04)}
img[src*="t=coop"],img[src*="t=okq8"],img[src*="t=seb"]{filter:hue-rotate(-112deg) saturate(1.2)}
img[src*="t=ica"],img[src*="t=ahlens"]{filter:hue-rotate(108deg) saturate(1.28)}
img[src*="t=northmill"],img[src*="t=lunar"],img[src*="t=revolut-premium"]{filter:hue-rotate(46deg) saturate(1.2)}
img[src*="t=revolut-standard"],img[src*="t=revolut-plus"]{filter:hue-rotate(-16deg) saturate(1.18)}
img[src*="t=revolut-ultra"]{filter:hue-rotate(20deg) saturate(.72) brightness(1.13)}
img[src*="t=lansforsakringar"]{filter:hue-rotate(-104deg) saturate(.95) brightness(.94)}
img[src*="t=marginalen"]{filter:hue-rotate(-4deg) saturate(1.32)}
img[src*="t=forex"]{filter:hue-rotate(-30deg) saturate(1.24)}

/* Active filters summary at the bottom of the filter panel. */
.calc-filters>.active-filter-summary{margin:0;color:#365268;font-size:12px;line-height:1.45}
.calc-filters>.active-filter-summary strong{color:#153c57;font-weight:800}

/* Lighthouse: preserve card artwork proportions and strengthen compact UI contrast. */
.site-header{min-height:72px}.cashback-visual img,.euro-flight-hero img{height:auto}
.cat-head h2{font-size:18px;margin:0 0 4px}
.top3-row small{color:#5e6a78}
.top3-row em{color:#047a3e}
.calc-stats span{color:#5f6c79}
.calc-pagination .page-step{background:#067a43}
.top3-row .top3-card-image{width:auto;height:auto;max-width:96px;max-height:61px;object-fit:contain}
.top3-row .klarna-top3-image{width:auto;height:auto;max-width:96px;max-height:61px;transform:none}
.calc-card .card-image-frame img,.calc-card .card-image-frame img.klarna-card-image{width:auto;height:auto;max-width:170px;max-height:104px;object-fit:contain;transform:none}
@media(min-width:761px){.category-strip .cat-head h2{font-size:17px}.category-strip .top3-row .top3-card-image{width:auto;height:auto;max-width:72px;max-height:50px}}
@media(max-width:760px){.calc-card .card-image-frame img,.calc-card .card-image-frame img.klarna-card-image{width:auto;height:auto;max-width:108px;max-height:72px}.site-header{min-height:68px}}

/* One consistent grid for the calculator filters and its expanded options. */
@media(min-width:761px){
  .calc-filters{display:grid;grid-template-columns:145px repeat(4,minmax(112px,1fr)) minmax(218px,1.25fr) auto;align-items:center;gap:12px 14px}
  .calc-filters>span{grid-column:1;grid-row:1}
  .calc-filters>label,.calc-filters label[for="filter-debit"]{grid-column:auto;grid-row:1;min-height:36px;white-space:nowrap}
  .calc-filters .provider-filter{grid-column:6;grid-row:1;width:100%;min-width:0;min-height:36px;margin:0}
  .calc-filters .reset-filters-button{grid-column:7;grid-row:1;min-height:36px;margin:0;white-space:nowrap}
  .calc-filters .more-filters{grid-column:1/-1;grid-row:2;display:block;width:100%;margin:0}
  .calc-filters .more-filters-options{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%;align-items:stretch}
  .calc-filters .more-filters-options>label,.calc-filters .more-filters-options .atm-fee-filter{display:flex;grid-column:auto;align-items:center;gap:9px;width:100%;min-width:0;min-height:54px;padding:12px 16px;border:0;border-right:1px solid #e3eaf0;white-space:normal;line-height:1.35}
  .calc-filters .more-filters-options>label:last-child,.calc-filters .more-filters-options .atm-fee-filter:last-child{border-right:0}
}
@media(min-width:761px) and (max-width:1050px){
  .calc-filters{grid-template-columns:130px repeat(4,minmax(92px,1fr)) minmax(175px,1.15fr) auto;column-gap:10px}
  .calc-filters .more-filters-options{grid-template-columns:repeat(2,minmax(0,1fr))}
  .calc-filters .more-filters-options>label,.calc-filters .more-filters-options .atm-fee-filter{border-right:1px solid #e3eaf0;border-bottom:1px solid #e3eaf0}
  .calc-filters .more-filters-options>*:nth-child(2n){border-right:0}
  .calc-filters .more-filters-options>*:nth-last-child(-n+2){border-bottom:0}
}

/* Let the grid draw every divider so reordered filter options remain uniform. */
@media(min-width:761px){
  .calc-filters .more-filters-options{gap:1px;background:#e3eaf0}
  .calc-filters .more-filters-options>label,
  .calc-filters .more-filters-options .atm-fee-filter{border-right:0;background:#fff}
}

/* Compact home discovery: horizontal Top 3 cards and a lower EuroBonus banner. */
@media(min-width:761px){
  .category-strip{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 148px;gap:10px;padding-bottom:12px}
  .category-strip .top3-tabs{grid-column:1;grid-row:1;width:min(100%,430px)}
  .category-strip .cat-card{grid-column:1;grid-row:2;width:100%;min-height:0;height:auto;padding:13px 15px}
  .category-strip .cat-head{min-height:52px}
  .category-strip .cat-head h2{font-size:18px}
  .category-strip .cat-head p{font-size:11px}
  .category-strip .top3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:5px;padding-top:9px}
  .category-strip .top3-row{display:grid;grid-template-columns:22px 78px minmax(0,1fr);grid-template-rows:auto auto;gap:3px 9px;min-height:98px;margin:0;padding:10px;border:1px solid #e4eaee;border-radius:9px;background:#fff}
  .category-strip .top3-row .rank{grid-column:1;grid-row:1/3;align-self:center}
  .category-strip .top3-image-frame{grid-column:2;grid-row:1/3;align-self:center;width:78px;height:54px}
  .category-strip .top3-row .top3-card-image{width:auto;height:auto;max-width:78px;max-height:54px;object-fit:contain}
  .category-strip .top3-row>div{grid-column:3;grid-row:1;align-self:end;min-width:0}
  .category-strip .top3-row strong{font-size:12px;line-height:1.25}
  .category-strip .top3-row small{font-size:10px;line-height:1.35}
  .category-strip .top3-row em{display:block;grid-column:3;grid-row:2;align-self:start;font-size:11px}
  .category-strip .travel-calculator-link{margin-top:10px}
  .category-strip .ranking-method-link{display:none}
  .category-strip .eurobonus-cta{grid-column:1;grid-row:3;align-items:center;width:100%;height:148px;min-height:148px;padding:22px 30px;border-color:#173b57;background:#021424 url('assets/eurobonus-flight-window-cta-v2.webp') center/cover no-repeat;color:#fff;box-shadow:0 9px 24px rgba(2,20,36,.14)}
  .category-strip .eurobonus-cta::after{background:linear-gradient(90deg,rgba(2,20,36,.99) 0%,rgba(2,20,36,.91) 43%,rgba(2,20,36,.28) 67%,rgba(2,20,36,.04) 100%)}
  .category-strip .eurobonus-cta-copy{align-self:center;gap:5px;max-width:560px}
  .category-strip .eurobonus-cta-copy small{color:#19d17b;font-size:10px}
  .category-strip .eurobonus-cta-copy strong{max-width:520px;color:#fff;font-size:23px;line-height:1.1}
  .category-strip .eurobonus-cta-copy>span{max-width:500px;color:#d4e0ea;font-size:12px}
  .category-strip .eurobonus-cta-copy b{min-height:38px;margin-top:3px;padding:0 14px;background:#08ad5b;color:#fff;font-size:11px;box-shadow:0 5px 14px rgba(8,173,91,.23)}
  .category-strip .eurobonus-cta:hover .eurobonus-cta-copy b{background:#08c568;color:#fff}
}
@media(max-width:760px){
  .category-strip .eurobonus-cta{min-height:270px;background-image:url('assets/eurobonus-flight-window-cta-v2.webp');background-position:65% center}
}

/* Final desktop height: keep all information while bringing the calculator up. */
@media(min-width:761px){
  .category-strip{grid-template-rows:auto auto 120px;gap:8px}
  .category-strip .cat-card{padding:9px 12px}
  .category-strip .cat-head{min-height:43px}
  .category-strip .cat-icon{width:40px;height:40px;font-size:18px}
  .category-strip .cat-head h2{font-size:17px}
  .category-strip .top3{gap:8px;margin-top:2px;padding-top:6px}
  .category-strip .top3-row{grid-template-columns:20px 68px minmax(0,1fr);min-height:80px;padding:7px 8px;gap:2px 8px}
  .category-strip .top3-row .rank{width:20px;height:20px}
  .category-strip .top3-image-frame{width:68px;height:48px}
  .category-strip .top3-row .top3-card-image{max-width:68px;max-height:48px}
  .category-strip .top3-row strong{font-size:11px}
  .category-strip .top3-row small{font-size:9px}
  .category-strip .top3-row em{font-size:10px}
  .category-strip .travel-calculator-link{margin-top:5px}
  .category-strip .eurobonus-cta{height:120px;min-height:120px;padding:15px 28px}
  .category-strip .eurobonus-cta-copy{gap:3px}
  .category-strip .eurobonus-cta-copy strong{font-size:20px}
  .category-strip .eurobonus-cta-copy>span{font-size:11px}
  .category-strip .eurobonus-cta-copy b{min-height:34px;margin-top:2px;padding:0 13px;font-size:10px}
}

/* Full-width segmented tabs align exactly with the Top 3 table below. */
@media(min-width:761px){
  .category-strip .top3-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;max-width:none;padding:4px;border-color:#d8e2e8;border-radius:9px;background:#f4f7f9}
  .category-strip .top3-tabs button{width:100%;min-height:40px;border-radius:6px;color:#3f596b;font-size:12px}
  .category-strip .top3-tabs button+button{border-left:1px solid #e1e8ed}
  .category-strip .top3-tabs button[aria-selected="true"]{border-left-color:transparent;background:#e5f7ee;color:#08764e;box-shadow:inset 0 0 0 1px #acdcbf,0 2px 6px rgba(8,118,78,.06)}
  .category-strip .top3-tabs button[aria-selected="true"]+button{border-left-color:transparent}
}

/* Make the category tabs read clearly as clickable controls. */
.category-strip .top3-tabs{gap:6px;padding:5px}
.category-strip .top3-tabs button{border:1px solid #d4dfe6;background:#fff;color:#29475b;font-weight:850;cursor:pointer;box-shadow:0 2px 5px rgba(15,47,68,.055);transition:color .16s ease,background .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease}
.category-strip .top3-tabs button+button{border-left:1px solid #d4dfe6}
.category-strip .top3-tabs button:hover{border-color:#83c9a4;background:#f1faf5;color:#08764e;box-shadow:0 4px 10px rgba(8,118,78,.1);transform:translateY(-1px)}
.category-strip .top3-tabs button[aria-selected="true"]{border-color:#76c79c;background:#dff5e9;color:#066f42;font-weight:900;box-shadow:inset 0 0 0 1px rgba(8,118,78,.12),0 3px 8px rgba(8,118,78,.09)}
.category-strip .top3-tabs button[aria-selected="true"]+button{border-left-color:#d4dfe6}
.category-strip .top3-tabs button:active{transform:translateY(0);box-shadow:inset 0 1px 3px rgba(15,47,68,.12)}

/* Launch layout: EuroBonus as the fourth discovery tile and a tighter hero. */
@media(min-width:761px){
  .hero-grid-new{height:420px;min-height:420px}
  .hero-copy-new{padding:20px 0}
  .hero-buttons{margin:22px 0 25px}
  .hero-art{min-height:390px}
  #cardMatcher.card-matcher{height:400px}
  .content-area{padding-top:12px}
  .category-strip{grid-template-columns:minmax(0,3fr) minmax(260px,1fr);grid-template-rows:auto auto;gap:8px 10px}
  .category-strip .top3-tabs{grid-column:1/-1;grid-row:1}
  .category-strip .cat-card{grid-column:1;grid-row:2;height:100%}
  .category-strip .eurobonus-cta{grid-column:2;grid-row:2;align-items:flex-end;height:100%;min-height:0;padding:16px 18px;background-position:67% center}
  .category-strip .eurobonus-cta::after{background:linear-gradient(0deg,rgba(2,20,36,.99) 0%,rgba(2,20,36,.9) 61%,rgba(2,20,36,.25) 100%)}
  .category-strip .eurobonus-cta-copy{align-self:end;gap:4px;max-width:100%}
  .category-strip .eurobonus-cta-copy small{font-size:8px;line-height:1.25}
  .category-strip .eurobonus-cta-copy strong{font-size:17px;line-height:1.12}
  .category-strip .eurobonus-cta-copy>span{font-size:10px;line-height:1.35}
  .category-strip .eurobonus-cta-copy b{min-height:32px;padding:0 11px;font-size:9px}
}
@media(min-width:761px) and (max-width:980px){
  .category-strip{grid-template-columns:1fr;grid-template-rows:auto auto 112px}
  .category-strip .top3-tabs{grid-column:1;grid-row:1}
  .category-strip .cat-card{grid-column:1;grid-row:2}
  .category-strip .eurobonus-cta{grid-column:1;grid-row:3;align-items:center;height:112px;background-position:center}
  .category-strip .eurobonus-cta::after{background:linear-gradient(90deg,rgba(2,20,36,.99) 0%,rgba(2,20,36,.9) 44%,rgba(2,20,36,.08) 100%)}
  .category-strip .eurobonus-cta-copy{align-self:center;max-width:520px}
}

/* Keep the 400px card guide fully inside the 420px hero. */
@media(min-width:761px){.hero-art{min-height:400px}}

/* Expandable calculator guide with numbered step markers. */
.calculator-guide{margin-top:10px;border:1px solid #c9e4d7;border-radius:7px;background:#f7fcf9;overflow:hidden}.calculator-guide summary{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;padding:10px 12px;color:#174b39;font-size:12px;font-weight:400;cursor:pointer;list-style:none}.calculator-guide summary::-webkit-details-marker{display:none}.calculator-guide summary>i{color:#08a95b;font-size:15px;font-style:normal;transition:transform .18s ease}.calculator-guide[open] summary>i{transform:rotate(180deg)}.calculator-guide-icon{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#0bad5b;color:#fff;font-family:Georgia,serif;font-size:13px;font-weight:800}.tool-head .calculator-instructions{margin:0;padding:3px 14px 14px;counter-reset:calculator-step;list-style:none;color:#173a2a;font-size:12px;line-height:1.5}.tool-head .calculator-instructions li{counter-increment:calculator-step;position:relative;min-height:27px;padding:4px 0 4px 35px}.tool-head .calculator-instructions li::before{content:counter(calculator-step);position:absolute;left:0;top:3px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#e0f5e9;color:#08764e;font-size:11px;font-weight:900}.tool-head .calculator-instructions li+li{margin-top:3px}

/* Expandable explanation of eligible monthly card spend. */
#cashback>.spend-guide{margin:10px 22px 14px;border:1px solid #b9e5cf;border-radius:7px;background:#effaf4;overflow:hidden}#cashback>.spend-guide summary{display:grid;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;padding:10px 12px;color:#173a2a;font-size:12px;font-weight:400;cursor:pointer;list-style:none}#cashback>.spend-guide summary::-webkit-details-marker{display:none}#cashback>.spend-guide summary>i{color:#08a95b;font-size:15px;font-style:normal;transition:transform .18s ease}#cashback>.spend-guide[open] summary>i{transform:rotate(180deg)}.spend-guide-icon{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#0bad5b;color:#fff;font-family:Georgia,serif;font-size:13px;font-weight:800}#cashback>.spend-guide p{margin:0;padding:2px 14px 13px 45px;color:#173a2a;font-size:12px;line-height:1.55}@media(max-width:760px){#cashback>.spend-guide{margin:10px 14px 14px}#cashback>.spend-guide p{padding-left:14px}}

/* Homepage priority: make the main cashback tool easy to find without turning it into a competing CTA. */
.is-home-cashback{position:relative;border:2px solid #0b9d58;border-radius:14px;background:linear-gradient(180deg,#ffffff 0%,#fbfffd 100%);box-shadow:0 16px 34px rgba(7,102,63,.14),0 0 0 5px rgba(11,157,88,.08)}
.is-home-cashback::before{content:'';position:absolute;z-index:1;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,#0b9d58,#19c978 52%,#0b9d58);pointer-events:none}
.is-home-cashback .tool-head{position:relative;z-index:2;background:linear-gradient(90deg,rgba(235,250,242,.78),rgba(255,255,255,0))}
@media(max-width:760px){.is-home-cashback{border-radius:11px;box-shadow:0 10px 24px rgba(7,102,63,.13),0 0 0 3px rgba(11,157,88,.08)}}

/* Match both expandable calculator information panels. */
#cashback>.spend-guide{background:#f7fcf9}

/* Give the Top 3 categories a readable vertical rail without adding page height. */
@media(min-width:761px){
  .category-strip{grid-template-rows:minmax(0,1fr)}
  .category-strip .cat-card{grid-row:1}
  .category-strip .eurobonus-cta{grid-row:1}
  .category-strip .cat-card.is-active-top3{display:grid;grid-template-columns:minmax(0,1fr) 124px;grid-template-rows:auto minmax(0,1fr);column-gap:12px;align-items:stretch}
  .category-strip .cat-head{grid-column:1;grid-row:1;min-width:0}
  .category-strip .top3{grid-column:1;grid-row:2;min-width:0}
  .category-strip .top3-tabs{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;align-self:stretch;justify-content:center;width:124px;max-width:none;margin:0;padding:5px;gap:6px;border-radius:8px;background:#f4f7f9}
  .category-strip .top3-tabs button{flex:0 0 auto;width:100%;min-width:0;min-height:38px;padding:7px 10px;border-radius:6px;font-size:11px;line-height:1.15;box-shadow:none;text-align:left}
  .category-strip .top3-tabs button[aria-selected="true"]{box-shadow:inset -3px 0 0 #079d58,0 2px 7px rgba(8,118,78,.09)}
}
@media(max-width:760px){
  .category-strip .top3-tabs{order:0;width:100%;margin:0 0 8px}
  .category-strip .cat-head{order:1}
  .category-strip .top3{order:2}
}

/* Common comparison spend used only for cashback ranking. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cashback-sort-control{display:grid;grid-template-columns:minmax(260px,1fr) minmax(220px,280px);align-items:center;gap:10px 24px;margin:12px 22px;padding:14px 16px;border:1px solid #cbdce8;border-radius:9px;background:linear-gradient(135deg,#f4f9fc,#eef7f3)}
.cashback-sort-copy{display:grid;gap:3px}.cashback-sort-copy>span{color:#153c57;font-size:13px;font-weight:850}.cashback-sort-copy small{color:#526674;font-size:11px;line-height:1.4}
.cashback-sort-advice{display:flex;align-items:flex-start;gap:8px;margin:8px 0 0;color:#536b78;font-size:11px;line-height:1.45}.cashback-sort-advice-icon{display:grid;place-items:center;flex:0 0 20px;width:20px;height:20px;border-radius:50%;background:#08a95b;color:#fff;font-size:13px;font-weight:850;line-height:1}
.cashback-sort-select{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px;color:#153c57;font-size:11px;font-weight:800}.cashback-sort-select select{width:100%;height:40px;padding:0 34px 0 12px;border:1px solid #aebfce;border-radius:7px;background:#fff;color:#0c2940;font:inherit;font-size:12px;font-weight:400;cursor:pointer}
.cashback-sort-control>p{grid-column:1/-1;margin:0;padding-top:9px;border-top:1px solid #d8e6df;color:#536b78;font-size:11px}.cashback-sort-control>p strong{color:#08764e}
@media(max-width:700px){.cashback-sort-control{grid-template-columns:1fr;margin:10px 14px}.cashback-sort-control>p{grid-column:1}.cashback-sort-select{grid-template-columns:1fr;gap:5px}}

/* Priority order: expose the filters visitors most often use before specialist options. */
.priority-filters{display:flex;align-items:center;gap:12px 28px;padding:2px 0}.priority-filters label{min-height:36px}.more-filters{margin-top:0}
@media(min-width:761px){
  .calc-filters{grid-template-columns:145px repeat(4,minmax(118px,1fr)) minmax(205px,1.2fr) auto}
  .calc-filters .priority-filters{grid-column:2/-1;grid-row:2;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:100%}
  .calc-filters .priority-filters label{grid-column:auto;grid-row:auto;white-space:normal}
  .calc-filters .more-filters{grid-column:2/-1;grid-row:3}
}
@media(max-width:980px) and (min-width:761px){.calc-filters .priority-filters{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){
  .calc-filters .priority-filters{display:grid;grid-template-columns:1fr;width:100%;padding:0}
  .calc-filters .priority-filters label{width:100%;min-height:44px;padding:10px 14px;border-top:1px solid #e7edf2}
}

/* Provider is useful for targeted searches, but secondary to card properties. */
@media(min-width:761px){
  .calc-filters{grid-template-columns:145px repeat(4,minmax(118px,1fr)) minmax(120px,auto)}
  .calc-filters .reset-filters-button{grid-column:6;grid-row:1;justify-self:end}
  .calc-filters .priority-filters,.calc-filters .more-filters{grid-column:2/-1}
  .calc-filters .more-filters-options{grid-template-columns:repeat(3,minmax(0,1fr))}
  .calc-filters .more-filters-options .atm-fee-filter{grid-column:auto!important;grid-row:auto!important}
  .calc-filters .more-filters-options .provider-filter{grid-column:auto;grid-row:auto;width:calc(100% - 24px);min-width:0;min-height:38px;margin:8px 12px;padding:7px 32px 7px 11px}
}
@media(max-width:760px){.calc-filters .more-filters-options .provider-filter{width:calc(100% - 28px);min-height:44px;margin:12px 14px}}

/* Give filtering a clear visual boundary without competing with card results. */
.calc-filters{position:relative;margin:14px 22px 12px;padding:16px 18px;border:1px solid #cbdce8;border-left:4px solid #0bad5b;border-radius:11px;background:linear-gradient(135deg,#fff 0%,#f7fafc 100%);box-shadow:0 7px 18px rgba(17,54,80,.07)}
.calc-filters::before{content:'';position:absolute;top:0;right:18px;left:18px;height:1px;background:linear-gradient(90deg,transparent,rgba(11,173,91,.2),transparent)}
.calc-filters>span{color:#0c2940}
.calc-filters .priority-filters{padding:7px 10px;border:1px solid #e0e8ee;border-radius:8px;background:rgba(255,255,255,.82)}
.calc-filters .more-filters{border-color:#d4e0e8;box-shadow:0 2px 7px rgba(17,54,80,.04)}
@media(max-width:760px){
  .calc-filters{margin:14px 14px 12px;padding:0;border:1px solid #cbdce8;border-left:4px solid #0bad5b;border-radius:10px;background:#fff;box-shadow:0 6px 15px rgba(17,54,80,.07)}
  .calc-filters::before{display:none}
  .calc-filters .priority-filters{padding:0;border:0;border-radius:0;background:#fff}
}

/* Unify calculator panels: equal width, neutral surfaces and aligned choices. */
.tool-head{padding-right:12px;padding-left:12px}
.calculator-guide,#cashback>.spend-guide,.calc-filters,.cashback-sort-control{margin-right:12px;margin-left:12px}
.tool-head .calculator-guide{margin-right:0;margin-left:0}
.calculator-guide,#cashback>.spend-guide{border-color:#cbdce8;background:linear-gradient(135deg,#f4f9fc,#f1f6f9)}
.calculator-guide summary,#cashback>.spend-guide summary{color:#153c57}
.calculator-guide summary>i,#cashback>.spend-guide summary>i{color:#244d72}
.calc-filters{border:1px solid #cbdce8;border-left:1px solid #cbdce8;border-radius:9px;background:linear-gradient(135deg,#f4f9fc,#f1f6f9);box-shadow:none}
.calc-filters::before{display:none}
.calc-filters .priority-filters{padding:0;border:0;border-radius:0;background:transparent}
.calc-filters .more-filters{box-shadow:none}
@media(min-width:761px){
  .calc-filters{grid-template-columns:145px repeat(5,minmax(0,1fr));column-gap:14px}
  .calc-filters>label{width:100%;min-width:0}
  .calc-filters .reset-filters-button{grid-column:6;grid-row:1;width:100%;margin:0;justify-self:stretch}
  .calc-filters .priority-filters{grid-column:2/7;grid-row:2;grid-template-columns:repeat(5,minmax(0,1fr));column-gap:14px}
  .calc-filters .priority-filters label{width:100%;min-width:0;padding:0;border:0}
  .calc-filters .more-filters{grid-column:2/7;grid-row:3}
}
@media(max-width:760px){
  .tool-head{padding-right:12px;padding-left:12px}
  .calculator-guide,#cashback>.spend-guide,.calc-filters,.cashback-sort-control{margin-right:12px;margin-left:12px}
  .calc-filters{border-left:1px solid #cbdce8;background:linear-gradient(135deg,#f4f9fc,#f1f6f9)}
  .calc-filters .priority-filters{background:transparent}
  .calc-filters .priority-filters label{border-top:0;border-bottom:1px solid #e0e8ee;background:transparent}
}

/* Make the provider dropdown cell visually identical to the other advanced filters. */
.calc-filters .more-filters-options>.provider-filter{align-self:stretch;width:100%;min-width:0;min-height:54px;height:auto;margin:0;padding:12px 40px 12px 16px;border:0;border-radius:0;background:#fff;box-shadow:none}

/* Use the same outer frame as the EuroBonus calculator. */
.is-home-cashback{overflow:hidden;border:1px solid #d9e4ea;border-radius:14px;background:#fff;box-shadow:0 14px 34px rgba(8,30,46,.1)}
.is-home-cashback::before{display:none}
.is-home-cashback .tool-head{background:#fff}
@media(max-width:760px){.is-home-cashback{border-radius:14px;box-shadow:0 14px 34px rgba(8,30,46,.1)}}
.calc-filters .more-filters-options>.provider-filter:focus{outline:2px solid rgba(36,77,114,.22);outline-offset:-2px}
@media(max-width:760px){.calc-filters .more-filters-options>.provider-filter{width:100%;min-height:46px;margin:0;padding:11px 40px 11px 14px}}

/* Show the live number of matches as the final, right-aligned row in the filter panel. */
.calc-filters>.calculator-result-count{flex:1 0 100%;width:100%;margin:0;padding:2px 0 0;color:#365268;text-align:right}
@media(min-width:761px){.calc-filters>.calculator-result-count{grid-column:2/7;grid-row:4;justify-self:stretch}}
@media(max-width:760px){.calc-filters>.calculator-result-count{padding:10px 14px 14px}}

/* Compact mobile calculator cards: show the decision-critical facts first. */
.mobile-card-overview,.mobile-card-only-section,.mobile-card-only-advantage{display:none!important}
@media(max-width:760px){
  .calc-grid{gap:12px}
  .calc-card.has-card-details{
    grid-template-columns:24px 92px minmax(0,1fr);
    grid-template-rows:auto auto auto auto auto auto auto;
    gap:9px 10px;
    min-height:0;
    padding:16px 14px 14px;
  }
  .calc-card.has-card-details .place{grid-column:1;grid-row:1/3;align-self:center}
  .calc-card.has-card-details .card-image-frame{grid-column:2;grid-row:1/3;width:92px;height:62px;align-self:center}
  .calc-card.has-card-details .card-image-frame img,
  .calc-card.has-card-details .card-image-frame img.klarna-card-image{width:90px;height:58px;object-fit:contain}
  .calc-card.has-card-details .card-copy{display:contents}
  .calc-card.has-card-details h3{grid-column:3;grid-row:1;align-self:end;margin:0;font-size:15px;line-height:1.25}
  .calc-card.has-card-details .card-reason,
  .calc-card.has-card-details .card-copy>.card-badges,
  .calc-card.has-card-details>.card-data-status,
  .calc-card.has-card-details>.verified-date{display:none}
  .calc-card.has-card-details .calc-stats{
    grid-column:1/4;
    grid-row:3;
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:0;
    margin:3px 0 0;
    padding:11px 4px;
    border:1px solid #dfe8ee;
    border-radius:9px;
    background:#f8fafc;
  }
  .calc-card.has-card-details .calc-stats>div{min-width:0;padding:0 5px;text-align:center}
  .calc-card.has-card-details .calc-stats>div+div{border-left:1px solid #e2e9ee}
  .calc-card.has-card-details .calc-stats span{font-size:8px}
  .calc-card.has-card-details .calc-stats b{font-size:14px;white-space:normal}
  .calc-card.has-card-details .calc-stats small{font-size:9px}
  .calc-card.has-card-details .calc-stats .non-cashback-notice{margin:9px 4px 0;padding:9px}.calc-card.has-card-details .calc-stats .non-cashback-notice span,.calc-card.has-card-details .calc-stats .non-cashback-notice strong{font-size:11px!important}
  .calc-card.has-card-details .card-key-points{
    grid-column:1/4;
    grid-row:4;
    grid-template-columns:1fr 1fr;
    gap:10px;
    margin:0;
    padding:10px 0 0;
  }
  .calc-card.has-card-details .card-key-pros .pro-item:nth-child(n+2){display:none}
  .calc-card.has-card-details .card-key-points .pro-item,
  .calc-card.has-card-details .card-key-points .con-item{font-size:11px;line-height:1.4}
  .calc-card.has-card-details .card-spend-control{
    grid-column:1/4;
    grid-row:5;
    grid-template-columns:1fr;
    gap:8px;
    margin:2px 0 0;
    padding:12px;
  }
  .calc-card.has-card-details .card-spend-control label{grid-template-columns:auto minmax(0,1fr);gap:10px;font-size:11px!important}
  .calc-card.has-card-details .card-spend-value{justify-self:stretch;width:100%;min-width:0;box-sizing:border-box}
  .calc-card.has-card-details .card-spend-input{width:100%;text-align:right}
  .calc-card.has-card-details .card-actions-new{
    grid-column:1/4;
    grid-row:6;
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    width:100%;
    margin:0;
  }
  .calc-card.has-card-details .card-actions-new .apply{min-height:46px}
  .calc-card.has-card-details .card-actions-new .card-read-more{padding:4px 0;text-align:center}
  .calc-card.has-card-details .card-calculation{grid-column:1/4;grid-row:7;margin:0}
  .calc-card.has-card-details .card-more{grid-column:1/4;grid-row:8;margin:0}
  .calc-card.has-card-details .card-calculation summary,
  .calc-card.has-card-details .card-more summary{min-height:46px;box-sizing:border-box;padding:12px 14px;font-size:12px!important}
  .calc-card.has-card-details .mobile-card-overview,
  .calc-card.has-card-details .mobile-card-only-section{display:block!important}
  .calc-card.has-card-details .mobile-card-only-advantage{display:flex!important}
  .calc-card.has-card-details .mobile-card-overview .card-reason{display:block;margin:0 0 10px;color:#526779;font-size:12px;line-height:1.5}
  .calc-card.has-card-details .mobile-card-overview .card-badges{display:flex;margin:0 0 10px}
  .calc-card.has-card-details .mobile-card-overview .card-data-status,
  .calc-card.has-card-details .mobile-card-overview .verified-date{display:block;position:static;margin:0;color:#5f7281;font-size:10px}
}

/* Keep the filter panel usable while its asynchronous controls are being assembled. */
@media(min-width:761px){
  .calc-filters{min-height:205px}
  .calc-filters:not([data-organized-filters="true"]){
    display:grid!important;
    grid-template-columns:145px repeat(5,minmax(0,1fr))!important;
    align-items:center;
    gap:12px 14px;
  }
  .calc-filters:not([data-organized-filters="true"])>span{
    grid-column:1!important;
    grid-row:1!important;
  }
  .calc-filters:not([data-organized-filters="true"])>label,
  .calc-filters:not([data-organized-filters="true"])>.provider-filter,
  .calc-filters:not([data-organized-filters="true"])>.reset-filters-button{
    position:static!important;
    grid-column:auto!important;
    grid-row:auto!important;
    justify-self:stretch;
    width:100%;
    min-width:0;
    min-height:38px;
    margin:0!important;
    box-sizing:border-box;
  }
  .calc-filters:not([data-organized-filters="true"])>label{
    padding:7px 0;
    white-space:normal;
  }
}
@media(max-width:760px){.calc-filters{min-height:0}}

/* Keep the active-filter summary and result count on the filter panel's last row. */
@media(min-width:761px){
  .calc-filters>.active-filter-summary{grid-column:2/6;grid-row:4;align-self:center;padding:2px 0}
  .calc-filters>.calculator-result-count{grid-column:6/7;grid-row:4;align-self:center;padding:2px 0}
}
@media(max-width:760px){
  .calc-filters>.active-filter-summary{flex:1 0 100%;padding:12px 14px 4px}
  .calc-filters>.calculator-result-count{flex:1 0 100%;padding:4px 14px 14px;text-align:left}
}

/* Compact filter hierarchy: primary filters first, advanced filters below. */
@media(min-width:761px){
  .calc-filters .more-filters{grid-column:2/7;grid-row:2}
  .calc-filters>.active-filter-summary{grid-column:2/6;grid-row:3}
  .calc-filters>.calculator-result-count{grid-column:6/7;grid-row:3}
}

/* Match the net-profit sorting panel to the neutral filter-panel design. */
.cashback-sort-control{
  border:1px solid #cbdce8;
  border-radius:9px;
  background:#f4f9fc;
  box-shadow:none;
}
.cashback-sort-control>p{border-top-color:#d9e4ec}

/* Make the advanced-filter disclosure clearly interactive without using CTA styling. */
.calc-filters .more-filters{
  border-color:#c7d5df;
  background:#fff;
  box-shadow:0 2px 7px rgba(17,54,80,.06);
}
.calc-filters .more-filters summary{
  min-height:48px;
  padding:11px 13px 11px 16px;
  border-radius:7px;
  background:#e9eff4;
  color:#173a5a;
  font-size:13px;
  font-weight:800;
  transition:background-color .18s ease,box-shadow .18s ease;
}
.calc-filters .more-filters summary:hover{background:#dfe8ef}
.calc-filters .more-filters summary:focus-visible{
  outline:3px solid rgba(36,77,114,.2);
  outline-offset:-3px;
}
.calc-filters .more-filters summary span{
  display:grid;
  place-items:center;
  width:26px;
  height:26px;
  border:1px solid #b9cbd7;
  border-radius:50%;
  background:#fff;
  color:#08764e;
  font-size:17px;
  line-height:1;
  box-shadow:0 1px 3px rgba(17,54,80,.08);
}
.calc-filters .more-filters[open] summary{
  border-radius:7px 7px 0 0;
  background:#e4ecf2;
  box-shadow:inset 0 -1px 0 #cfdce5;
}

/* Use the exact same solid panel colour for filtering and net-profit sorting. */
.calc-filters,
.cashback-sort-control{
  background:#f1f6f9;
  background-image:none;
}

/* Match the expandable card-information rows to the filter-panel grey. */
.card-calculation summary,
.card-more summary{
  background:#f1f6f9;
  color:#153c57;
}
.card-calculation[open] summary,
.card-more[open] summary{
  background:#e9f0f4;
}

/* One consistent disclosure icon at the far right throughout the calculator. */
.calculator-guide summary,
#cashback>.spend-guide summary{
  display:flex;
  grid-template-columns:none;
  justify-content:flex-start;
  gap:9px;
}
.calculator-guide summary>span:nth-child(2),
#cashback>.spend-guide summary>span:nth-child(2){
  flex:0 1 auto;
}
.card-calculation summary,
.card-more summary,
.calc-filters .more-filters summary{
  justify-content:flex-start;
  gap:10px;
}
.calculator-guide summary>i,
#cashback>.spend-guide summary>i,
.card-calculation summary span,
.card-more summary span,
.calc-filters .more-filters summary span{
  display:grid;
  place-items:center;
  box-sizing:border-box;
  flex:0 0 26px;
  width:26px;
  height:26px;
  margin:0;
  border:1px solid #b9cbd7;
  border-radius:50%;
  background:#fff;
  color:#08764e;
  font-size:0!important;
  line-height:0;
  box-shadow:0 1px 3px rgba(17,54,80,.08);
  margin-left:auto;
  transform:none!important;
}
.calculator-guide summary>i::before,
#cashback>.spend-guide summary>i::before,
.card-calculation summary span::before,
.card-more summary span::before,
.calc-filters .more-filters summary span::before{
  content:"";
  display:block;
  width:16px;
  height:16px;
  border:0;
  background:center/16px 16px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 5.5L8 10.5L13 5.5' fill='none' stroke='%2308764e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  clip-path:none;
  transform:translateY(2px);
  transform-origin:center;
  transition:transform .18s ease;
}
.calculator-guide[open] summary>i::before,
#cashback>.spend-guide[open] summary>i::before,
.card-calculation[open] summary span::before,
.card-more[open] summary span::before,
.calc-filters .more-filters[open] summary span::before{
  transform:translateY(2px) rotate(180deg);
}

/* Require an explicit card type before cashback results are shown. */
.card-type-choice{min-width:0;margin:0;padding:0;border:0}
.card-type-choice legend{float:left;margin:0 16px 0 0;padding:0;color:#173a5a;font-size:12px;font-weight:850;line-height:38px}
.card-type-choice legend span{margin-left:6px;color:#6c7f8e;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}
.card-type-options{display:flex;align-items:center;gap:10px}
.card-type-options label{position:relative;display:flex!important;grid-column:auto!important;grid-row:auto!important;align-items:center;justify-content:center;min-width:128px;min-height:38px;padding:8px 16px!important;border:1px solid #b9cbd7!important;border-radius:7px;background:#fff;color:#173a5a;font-size:12px;font-weight:800;cursor:pointer;transition:border-color .16s ease,background-color .16s ease,box-shadow .16s ease}
.card-type-options label[for="filter-both"]{min-width:230px}
.card-type-options input{width:18px;height:18px;margin:0 9px 0 0;accent-color:#0bad5b}
.card-type-options label:has(input:checked){border-color:#b9cbd7!important;background:#fff;color:#173a5a;box-shadow:none}
.card-type-required-message{grid-column:1/-1;display:grid;gap:6px;margin:0;padding:24px;border:1px dashed #aebfcb;border-radius:10px;background:#f6f9fb;color:#365268;text-align:center}
.card-type-required-message strong{color:#153c57;font-size:17px}
.card-type-required-message span{font-size:13px}
@media(min-width:761px){
  .calc-filters[data-required-card-type="true"]{grid-template-columns:145px repeat(5,minmax(0,1fr))}
  .calc-filters[data-required-card-type="true"]>.card-type-choice{grid-column:2/6;grid-row:1;align-self:center}
  .calc-filters[data-required-card-type="true"]>.reset-filters-button{grid-column:6/7;grid-row:1}
  .calc-filters[data-required-card-type="true"]>.priority-filters{grid-column:2/7;grid-row:2}
  .calc-filters[data-required-card-type="true"]>.more-filters{grid-column:2/7;grid-row:3}
  .calc-filters[data-required-card-type="true"]>.active-filter-summary{grid-column:2/6;grid-row:4}
  .calc-filters[data-required-card-type="true"]>.calculator-result-count{grid-column:6/7;grid-row:4}
}
@media(max-width:760px){
  .card-type-choice{width:100%;padding:14px}
  .card-type-choice legend{float:none;margin:0 0 9px;line-height:1.3}
  .card-type-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .card-type-options label{min-width:0;min-height:46px;padding:9px 10px!important}
  .card-type-options label[for="filter-both"]{grid-column:1/-1!important;min-width:0}
}

/* The temporary card artwork has transparent padding. Scale only that artwork so
   the visible card matches the apparent size of tightly cropped issuer images. */
img[src*="buckio-card-placeholder-v2.png"]{transform:scale(1.12)!important}

/* The official Coop PNG includes transparent margins; optically match the shared card artwork size. */
.calc-card .card-image-frame img[src*="coop-mastercard-mer"]{transform:scale(2)!important}
.top3-row .top3-card-image[src*="coop-mastercard-mer"]{transform:scale(2)!important}

/* Keep pagination controls visible at intermediate viewport widths. */
@media(max-width:1050px){
 .calc-pagination{flex-wrap:wrap;gap:10px}
 .calc-pagination .pagination-center{order:3;flex:1 0 100%;min-width:0}
 .calc-pagination .page-numbers{flex-wrap:wrap;justify-content:center;max-width:100%}
}
