.qr-klar-plus-promo{position:fixed;left:50%;bottom:18px;z-index:2147483000;display:grid;grid-template-columns:220px minmax(0,1fr);gap:20px;width:min(760px,calc(100vw - 28px));padding:18px;border:1px solid #dbe4ee;border-radius:20px;background:#fff;color:#17233c;box-shadow:0 24px 70px rgba(20,33,61,.27);transform:translate(-50%,calc(100% + 48px));opacity:0;visibility:hidden;transition:transform .32s ease,opacity .32s ease,visibility .32s ease}
.qr-klar-plus-promo.is-visible{transform:translate(-50%,0);opacity:1;visibility:visible}
.qr-klar-plus-promo-close{position:absolute;right:10px;top:9px;z-index:2;display:flex;width:34px;height:34px;align-items:center;justify-content:center;border:0;border-radius:50%;background:#eef2f7;color:#26334d;font:500 25px/1 Arial,sans-serif;cursor:pointer}
.qr-klar-plus-promo-close:hover,.qr-klar-plus-promo-close:focus{background:#dfe8f2;outline:2px solid #4c8cfa;outline-offset:2px}
.qr-klar-plus-promo-preview{overflow:hidden;border:1px solid #d5e0eb;border-radius:14px;background:#f8fafc;box-shadow:inset 0 0 0 1px rgba(255,255,255,.8)}
.qr-klar-plus-promo-preview-head{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;background:#17233c;color:#fff;font-size:12px;font-weight:800}.qr-klar-plus-promo-preview-head b{color:#ffd56a;font-size:10px;text-transform:uppercase;letter-spacing:.05em}
.qr-klar-plus-promo-section{display:flex;align-items:center;gap:9px;margin:9px;padding:8px 9px;border:1px solid #e1e7ee;border-radius:9px;background:#fff;color:#26334d;font-size:12px;font-weight:750}
.qr-klar-plus-promo-icon{display:flex;width:27px;height:27px;flex:0 0 27px;align-items:center;justify-content:center;border-radius:7px;background:#edf4fa;color:#46688a}.qr-klar-plus-promo-icon svg{width:17px;height:17px;fill:currentColor}
.qr-klar-plus-promo-copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:3px 34px 3px 0}.qr-klar-plus-promo-badge{align-self:flex-start;margin-bottom:7px;padding:4px 8px;border-radius:999px;background:#fff3d2;color:#8b5c00;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.04em}
.qr-klar-plus-promo-copy h2{margin:0 0 7px;font-size:21px;line-height:1.25;font-weight:850}.qr-klar-plus-promo-copy p{margin:0;color:#5e6b7f;font-size:13px;line-height:1.5}
.qr-klar-plus-promo-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.qr-klar-plus-promo-actions a{display:inline-flex;min-height:39px;align-items:center;justify-content:center;border-radius:9px;padding:8px 13px;text-decoration:none;font-size:13px;font-weight:800}.qr-klar-plus-promo-buy{background:#fa8f2f;color:#fff}.qr-klar-plus-promo-buy:hover{background:#e97714;color:#fff}.qr-klar-plus-promo-view{border:1px solid #b9c7d6;background:#fff;color:#315f91}.qr-klar-plus-promo-view:hover{background:#edf4fa;color:#234c77}
@media(max-width:640px){.qr-klar-plus-promo{grid-template-columns:1fr;gap:12px;max-height:calc(100vh - 24px);overflow:auto;bottom:12px;padding:14px}.qr-klar-plus-promo-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.qr-klar-plus-promo-preview-head{grid-column:1/-1}.qr-klar-plus-promo-section{margin:6px;font-size:11px}.qr-klar-plus-promo-copy{padding:0}.qr-klar-plus-promo-copy h2{font-size:18px}.qr-klar-plus-promo-actions a{flex:1 1 150px}}
@media(prefers-reduced-motion:reduce){.qr-klar-plus-promo{transition:none}}