.shk-bonus-panel{background:#fff;border:1px solid #c9ddec;overflow:hidden;padding:clamp(16px,3vw,28px);box-shadow:0 8px 28px #17456a0a}.shk-bonus-header{display:flex;align-items:center;justify-content:space-between;gap:16px}.shk-bonus-panel .shk-bonus-kicker{font-size:11px;letter-spacing:.13em;color:#0075bf;margin:0 0 7px}.shk-bonus-header h2{margin:0;font-size:clamp(23px,3vw,32px);line-height:1.15;color:#073d65}.shk-bonus-emblem{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:16px;background:#ffda24;color:#073d65;font-size:30px;transform:rotate(-7deg)}.shk-bonus-intro{max-width:680px;color:#466073;line-height:1.6}.shk-bonus-panel .shk-bonus-status{font-size:12px;line-height:1.5;background:#eef5fa;color:#31566e;padding:10px 12px;border-radius:8px;margin:14px 0}.shk-bonus-benefits{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.shk-bonus-benefits>div{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 12px;background:#edf7ff;padding:15px;border-radius:12px}.shk-bonus-benefits>div+div{background:#fff8d8}.shk-bonus-benefits span{font-weight:750;color:#174c73;font-size:13px}.shk-bonus-benefits strong{font-size:30px;line-height:1;color:#006db6;grid-row:span 2}.shk-bonus-benefits small{color:#4a6273;font-size:11px;line-height:1.5}.shk-bonus-wallet{display:flex;gap:20px;align-items:center;justify-content:space-between;background:linear-gradient(120deg,#0075bf,#004780);border-radius:14px;padding:22px;color:white}.shk-bonus-wallet span{font-size:12px;color:#dbefff}.shk-bonus-wallet .shk-bonus-balance{font-size:clamp(30px,4vw,42px);line-height:1.25;color:white;letter-spacing:-.025em}.shk-bonus-wallet .button{background:#ffda24;color:#103d5c;border:0;font-weight:800;min-height:44px;text-align:center;white-space:normal}.shk-bonus-wallet .button:disabled{opacity:.6;cursor:not-allowed}.shk-bonus-milestone{margin:22px 0;padding:0 0 20px;border-bottom:1px solid #e2eaf0}.shk-bonus-panel h3{font-size:15px;color:#17476b;margin:0 0 9px}.shk-bonus-milestone p{font-size:13px;color:#456176}.shk-bonus-stamps{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;max-width:390px;margin:16px 0}.shk-bonus-stamp{display:grid;place-items:center;border:1px dashed #abc8dd;border-radius:10px;height:42px;color:#7494ac;background:#f5f9fc;font-weight:800}.shk-bonus-stamp.is-earned{background:#0075bf;color:white;border:1px solid #0075bf}.shk-bonus-stamp.is-reward{background:#ffda24;color:#164b70;border:1px solid #ffda24}.shk-bonus-next{font-weight:750}.shk-bonus-milestone small{font-size:11px;color:#637b8c;line-height:1.5;display:block}.shk-bonus-how{margin-top:22px}.shk-bonus-how ol{list-style:none;counter-reset:bonus;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:12px 0 0;padding:0}.shk-bonus-how li{counter-increment:bonus;font-size:12px;line-height:1.6;color:#456176}.shk-bonus-how li:before{content:counter(bonus);display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:#edf7ff;color:#0075bf;font-weight:800;margin-bottom:7px}.shk-bonus-panel details{border-top:1px solid #e2eaf0;padding-top:14px;color:#506b7c}.shk-bonus-panel details summary{cursor:pointer;font-weight:750;color:#17476b}.shk-bonus-panel details p{line-height:1.7}.shk-bonus-promotion{font-size:13px;padding:12px;border-radius:8px;background:#fff5c7;color:#5f4a00}.shk-bonus-panel [data-bonus-codes] p{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.shk-bonus-panel [data-bonus-codes] code{font-size:11px}.shk-bonus-progress{background:#edf7ff;color:#154e75;border-left:4px solid #0075bf;font-weight:650;line-height:1.6}.shk-bonus-panel [hidden]{display:none!important}@media(max-width:580px){.shk-bonus-benefits{grid-template-columns:1fr}.shk-bonus-wallet{align-items:stretch;flex-direction:column;gap:14px;padding:18px}.shk-bonus-wallet .button{width:100%}.shk-bonus-emblem{width:42px;height:42px;font-size:24px}.shk-bonus-how ol{grid-template-columns:1fr;gap:8px}.shk-bonus-how li{display:flex;align-items:center;gap:9px}.shk-bonus-how li:before{margin:0;flex:none}}

.shk-bonus-strip{display:flex;align-items:center;gap:14px;padding:10px 13px;border-radius:8px;background:#eaf5fd;border:1px solid #bbdaef;border-left:4px solid #ffda24;margin:10px 0 16px;color:#124a71}
.shk-bonus-strip-wallet{display:grid;gap:2px;flex:none;color:#075b91;text-decoration:none;max-width:210px}
.shk-bonus-strip-wallet>strong{font-size:10px;letter-spacing:.06em}.shk-bonus-strip-wallet>span{font-size:20px;font-weight:850;line-height:1.2}
.shk-bonus-strip-progress{display:grid;gap:4px;flex:1;min-width:0;font-size:12px;line-height:1.4}.shk-bonus-strip-progress small{font-size:10px;color:#466073}
.shk-bonus-strip progress{display:block;width:100%;height:6px;border:0;border-radius:9px;overflow:hidden;accent-color:#0075bf;background:#d0e5f4}.shk-bonus-strip progress::-webkit-progress-bar{background:#d0e5f4}.shk-bonus-strip progress::-webkit-progress-value{background:#0075bf;border-radius:9px}.shk-bonus-strip progress::-moz-progress-bar{background:#0075bf;border-radius:9px}
.shk-bonus-strip [hidden]{display:none!important}
@media(max-width:650px){.shk-bonus-strip{gap:9px;padding:8px 10px;flex-wrap:wrap}.shk-bonus-strip-wallet{display:flex;align-items:center;gap:8px;max-width:none}.shk-bonus-strip-wallet>span{font-size:16px}.shk-bonus-strip-progress{flex-basis:100%}}

.shk-color-banner--bonus{grid-template-columns:minmax(0,1fr) minmax(210px,270px) 90px;gap:18px;padding:14px 20px;min-height:128px;margin-bottom:12px}
.shk-color-banner--bonus .shk-banner-logo{width:90px;height:68px;padding:5px}
.shk-color-banner--bonus .shk-banner-logo img{width:80px;height:58px}
.shk-color-banner--bonus .shk-banner-kicker{margin-bottom:4px}
.shk-color-banner--bonus h1,.shk-color-banner--bonus .shk-banner-title{font-size:clamp(20px,2.1vw,28px)}
.shk-color-banner--bonus .shk-banner-subtitle{margin-top:5px;font-size:11px}
.shk-color-banner--bonus .shk-banner-heritage{margin-top:3px;font-size:10px}
.shk-color-banner--bonus .shk-bonus-strip{position:relative;z-index:1;display:grid;gap:5px;align-content:center;min-width:0;margin:0;padding:9px 11px;background:#fff9d9;border:1px solid #edcd44;border-left:4px solid #ffe04b;border-radius:8px;color:#124a71}
.shk-color-banner--bonus .shk-bonus-strip-wallet{display:flex;align-items:baseline;justify-content:space-between;gap:8px;max-width:none;min-width:0}
.shk-color-banner--bonus .shk-bonus-strip-wallet>strong{font-size:10px;letter-spacing:.02em}
.shk-color-banner--bonus .shk-bonus-strip-wallet>span{font-size:21px;overflow-wrap:anywhere;text-align:right}
.shk-color-banner--bonus .shk-bonus-strip-progress{gap:3px;font-size:11px;line-height:1.3;flex-basis:auto}
.shk-color-banner--bonus .shk-bonus-strip-progress small{font-size:9px;line-height:1.3}
@media(min-width:700px) and (max-width:1100px){.shk-color-banner--bonus{grid-template-columns:minmax(0,1fr) minmax(180px,220px) 64px;gap:12px}.shk-color-banner--bonus .shk-banner-logo{width:64px;height:54px;padding:4px}.shk-color-banner--bonus .shk-banner-logo img{width:56px;height:46px}}
@media(max-width:699px){.shk-color-banner--bonus{grid-template-columns:minmax(0,1fr) 64px;gap:9px 12px;padding:12px;min-height:0}.shk-color-banner--bonus .shk-banner-copy{grid-column:1;grid-row:1}.shk-color-banner--bonus .shk-banner-logo{display:flex;grid-column:2;grid-row:1;width:64px;height:54px;padding:4px}.shk-color-banner--bonus .shk-banner-logo img{width:56px;height:46px}.shk-color-banner--bonus .shk-banner-heritage,.shk-color-banner--bonus .shk-banner-subtitle{display:none}.shk-color-banner--bonus .shk-banner-kicker{font-size:8px}.shk-color-banner--bonus h1,.shk-color-banner--bonus .shk-banner-title{font-size:21px}.shk-color-banner--bonus .shk-bonus-strip{grid-column:1/-1;padding:7px 9px;gap:3px}.shk-color-banner--bonus .shk-bonus-strip-wallet>span{font-size:19px}}

.shk-color-banner.shk-color-banner--clear{grid-template-columns:minmax(0,1fr);min-height:110px;margin-bottom:12px;padding:14px 20px}
.shk-color-banner.shk-color-banner--clear.shk-color-banner--bonus{grid-template-columns:minmax(0,1fr) minmax(260px,350px);gap:22px;min-height:126px}
.shk-color-banner--clear:before{width:10%;opacity:.6}
.shk-color-banner--clear .shk-bonus-strip{gap:6px;padding:10px 13px;background:#fff;border:1px solid #c2dbeb;border-left:4px solid #ffdf2b;box-shadow:0 2px 8px #10345012}
.shk-color-banner--clear .shk-bonus-strip-wallet{border-bottom:1px solid #deebf3;padding-bottom:5px}
.shk-color-banner--clear .shk-bonus-strip-wallet>strong{font-size:11px}
.shk-color-banner--clear .shk-bonus-strip-wallet>span{font-size:23px;color:#124a71}
.shk-bonus-freight{display:flex;align-items:center;gap:7px;color:#8a4d10;font-size:12px;line-height:1.2}
.shk-bonus-freight[data-state=ready]{color:#19723d}
.shk-bonus-freight [data-bonus-freight-icon]{font-size:20px;line-height:1}
.shk-bonus-actions{display:flex;gap:7px;flex-wrap:wrap}
.shk-bonus-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 10px;border:1px solid #b7d1e4;border-radius:5px;background:#eef7fd;font-size:11px;font-weight:700;text-decoration:none;color:#124a71}
.shk-bonus-actions a:last-child{background:#146ca3;color:#fff;border-color:#146ca3}
.shk-bonus-actions a:focus-visible{outline:2px solid #124a71;outline-offset:2px}
@media(max-width:699px){.shk-color-banner.shk-color-banner--clear.shk-color-banner--bonus{grid-template-columns:minmax(0,1fr);gap:9px;min-height:0;padding:12px}.shk-color-banner--clear .shk-banner-copy{grid-column:1;grid-row:auto}.shk-color-banner--clear .shk-bonus-strip{grid-column:1;grid-row:auto;padding:8px 10px}.shk-color-banner--clear .shk-bonus-strip-wallet>span{font-size:21px}.shk-bonus-actions{flex-wrap:nowrap}.shk-bonus-actions a{flex:1;min-height:36px}.shk-color-banner--clear .shk-bonus-strip-progress{font-size:11px}}

.shk-bonus-balance-note{font-size:10px;color:#526b7d;line-height:1.3;margin-top:-3px}.shk-bonus-cart-estimate{display:flex;align-items:baseline;justify-content:space-between;gap:8px;padding:5px 7px;border-radius:4px;background:#eef7fd;color:#124a71;font-size:11px}.shk-bonus-cart-estimate strong{font-size:16px;white-space:nowrap}