.hb-savings{--savings-green:#656b35;color:var(--ink,#2d2926)}
.hb-savings__intro{padding:30px;border-radius:14px;background:var(--cream,#f2ede0)}
.hb-savings__identity{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:600;color:var(--savings-green);margin-bottom:22px}
.hb-savings__heart{display:inline-flex;color:var(--green,#8a8c4a)}
.hb-savings__heart .icon{width:22px;height:22px;fill:currentColor}
.hb-savings__badge{margin-left:auto;font-size:10px;padding:4px 9px;border:1px solid #c7c8ac;border-radius:20px;font-weight:500}
.hb-account .hb-savings h2,.hb-savings h2{font-size:clamp(27px,3.4vw,38px);line-height:1.2;letter-spacing:-.035em;margin:0 0 14px}
.hb-savings__intro>p{max-width:510px;font-size:14px;line-height:1.8;margin:0}
.hb-savings__numbers{display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #dcd6c4;margin-top:25px;padding-top:23px}
.hb-savings__numbers p{margin:0;min-width:0}.hb-savings__numbers strong{display:flex;align-items:center;gap:7px;font-size:22px;letter-spacing:-.03em;line-height:1.35;color:var(--savings-green);white-space:nowrap}.hb-savings__numbers strong span{font-size:17px;font-weight:400}
.hb-savings__numbers .icon{width:20px;height:20px;color:var(--green,#8a8c4a);fill:currentColor;flex:none}.hb-savings__numbers p>span{display:block;font-size:11px;margin-top:6px;line-height:1.6}
.hb-savings__notice{padding:14px 0;margin:0 0 8px;font-size:12px;line-height:1.7;color:#6b665d}
.hb-savings__join{display:flex;align-items:center;gap:24px;padding:24px 0;border-bottom:1px solid #e9e4d9}.hb-savings__join h3{font-size:16px;margin:0 0 7px}.hb-savings__join p{font-size:12px;line-height:1.8;margin:0;max-width:460px}.hb-savings__join .button{flex:none;font-size:11px;font-weight:700;gap:10px;min-height:44px;white-space:nowrap}
.hb-savings__steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;list-style:none;margin:28px 0 34px;padding:0}.hb-savings__steps li{display:flex;gap:10px;align-items:flex-start;min-width:0}.hb-savings__steps li>span{display:grid;place-items:center;flex:0 0 25px;height:25px;border:1px solid #d2d3bc;border-radius:50%;color:var(--savings-green);font-size:11px;font-weight:600}.hb-savings__steps h3{font-size:12px;line-height:1.5;margin:3px 0 6px}.hb-savings__steps p{font-size:11px;line-height:1.7;margin:0;color:#6b665d}
.hb-savings__catalog-heading h3{font-size:21px;letter-spacing:-.02em;margin:0 0 6px}.hb-savings__catalog-heading>p{font-size:12px;line-height:1.6;margin:0 0 21px;color:#6b665d}
.hb-savings__catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.hb-savings__reward{display:flex;align-items:center;min-width:0;gap:14px;padding:17px;border:1px solid #e6e1d5;border-radius:12px;background:#fcfbf8}.hb-savings__image{width:90px;flex:0 0 90px;aspect-ratio:1;display:grid;place-items:center;background:transparent}.hb-savings__image img{display:block;width:100%;height:100%;object-fit:contain;background:transparent}.hb-savings__reward-copy{min-width:0}.hb-savings__quantity{font-size:10px;line-height:1.4;color:#6b665d;margin:0 0 4px}.hb-savings__reward h4{font-size:13px;font-weight:500;line-height:1.55;margin:0 0 10px}.hb-savings__price{display:flex;align-items:center;gap:5px;font-size:12px;margin:0;color:var(--savings-green)}.hb-savings__price .icon{fill:var(--green,#8a8c4a);stroke:var(--green,#8a8c4a);width:16px;height:16px;flex:none}.hb-savings__price strong{font-weight:600}.hb-savings__unavailable{font-size:11px;margin:7px 0 0}
.hb-savings__terms{margin-top:28px;padding:20px 0;border-top:1px solid #e9e4d9}.hb-savings__terms h3{font-size:14px;margin:0 0 8px}.hb-savings__terms p{font-size:12px;line-height:1.8;color:#6b665d;margin:0}.hb-savings__faq summary{font-size:13px;min-height:44px}.hb-savings__faq .rte{font-size:12px;line-height:1.8}.hb-savings a:focus-visible,.hb-savings summary:focus-visible{outline:2px solid var(--savings-green);outline-offset:4px}
.hb-savings-page{max-width:1000px;padding-top:44px;padding-bottom:56px}.hb-savings-page__back{display:inline-flex;align-items:center;gap:8px;font-size:12px;min-height:44px;margin-bottom:14px}.hb-savings-page h1{font-size:28px;margin:0 0 22px}
.hb-account__nav a[data-account-tab="rewards"]>.icon,.hb-account__tile--rewards .hb-account__tile-icon>.icon,.hb-my-hartjes__links a[href$="#rewards"]>.icon:first-child{fill:var(--green,#8a8c4a);stroke:var(--green,#8a8c4a)}
@media(max-width:1050px){.hb-savings__join{align-items:flex-start;flex-direction:column;gap:16px}.hb-savings__steps{gap:14px}.hb-savings__image{width:70px;flex-basis:70px}.hb-savings__reward{padding:13px;gap:10px}}
@media(max-width:600px){.hb-savings__intro{padding:23px 20px;border-radius:12px}.hb-savings__identity{font-size:11px;margin-bottom:20px}.hb-savings__intro>p{font-size:12px}.hb-savings__numbers{gap:14px;margin-top:22px;padding-top:20px}.hb-savings__numbers strong{font-size:18px;gap:5px}.hb-savings__numbers .icon{width:17px;height:17px}.hb-savings__numbers p>span{font-size:10px}.hb-savings__badge{font-size:9px;padding:4px 7px}.hb-savings__join{padding:20px 0}.hb-savings__join .button{width:100%;justify-content:center}.hb-savings__steps{grid-template-columns:1fr;gap:16px;margin:23px 0 28px}.hb-savings__steps h3{font-size:13px;margin:2px 0 3px}.hb-savings__steps p{font-size:12px}.hb-savings__catalog{grid-template-columns:1fr;gap:10px}.hb-savings__reward{padding:15px 17px;gap:18px}.hb-savings__image{width:82px;flex-basis:82px}.hb-savings__reward h4{font-size:14px}.hb-savings__quantity{font-size:11px}.hb-savings__catalog-heading h3{font-size:20px}.hb-savings-page{padding-top:24px;padding-bottom:36px}}