.klarna-installment-badge{display:flex;align-items:center;gap:10px;padding:12px;font-size:12px;margin-top:20px;background:#eee;border-radius:10px}.klarna-logo{width:50px}.klarna-text{color:#333;flex:0 0 1;font-weight:600;line-height:1.5}.klarna-text span{color:#999}.klarna-learn-more{color:#0070c9;text-decoration:none;font-size:12px;text-decoration:underline;margin:0 5px 0 0}.klarna-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;overflow-y:auto}.klarna-modal-content{position:relative;background-color:#fff;margin:15px auto;top:50%;transform:translateY(-50%);width:90%;max-width:550px;max-height:700px;border-radius:12px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;display:flex;flex-direction:column;overflow:hidden}.klarna-modal-body{flex:1;overflow-y:auto;padding:0 20px 30px}.klarna-modal-footer{padding:16px 20px;background:#fff;border-top:1px solid #f0f0f0;border-radius:0 0 12px 12px}.klarna-modal-header{display:flex;justify-content:center;align-items:center;position:relative;position:sticky;top:0;z-index:2;background:#fff;padding:30px 0 20px}.klarna-modal-logo{height:28px;width:auto}.klarna-modal-close{font-size:34px;cursor:pointer;color:#666;position:absolute;right:0;top:30%;transform:translateY(-50%)}.klarna-modal-title{margin-bottom:32px}.klarna-modal-title h1{font-size:24px;margin:0 0 8px;font-weight:600;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}.klarna-modal-title p{font-size:16px;color:#666;margin:0}.klarna-payment-options{display:flex;flex-direction:column;gap:16px}.klarna-payment-option{background-color:#f8f8f8;border-radius:8px;padding:16px;position:relative}.payment-type-label{position:absolute;top:12px;right:12px;background-color:#e8e8f0;color:#000;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.payment-amount{font-size:24px;font-weight:600;margin-bottom:4px;padding-top:24px}.payment-label{color:#666;font-size:14px;margin-bottom:16px}.payment-schedule{display:flex;justify-content:space-between;margin:24px 0;padding:16px;background-color:#fff;border-radius:8px}.schedule-item{text-align:center}.schedule-circle{width:24px;height:24px;border-radius:50%;margin:0 auto 8px}.circle-1{background:conic-gradient(from 0deg,#5b23e1 25%,#e8e8e8 25%)}.circle-2{background:conic-gradient(from 0deg,#5b23e1 75%,#e8e8e8 75%)}.circle-3{background:#5b23e1}.schedule-amount{font-weight:600;margin-bottom:4px}.schedule-label{font-size:12px;color:#666}.payment-info{margin:16px 0;font-size:14px}.info-row{display:flex;justify-content:space-between;margin-bottom:8px}.green-text{color:#2fc952}.payment-button{background-color:#e8e8f0;color:#000;text-align:center;padding:12px;border-radius:24px;font-weight:500;cursor:pointer;margin-top:16px}.klarna-footer{margin:24px 0;font-size:12px;color:#666;line-height:1.5}.terms-link{color:#000;text-decoration:underline}.klarna-how-it-works{margin:32px 0}.klarna-how-it-works h2{font-size:20px;margin-bottom:24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-weight:600}.steps{display:flex;flex-direction:column;gap:24px;position:relative}.steps:before{content:"";position:absolute;left:7px;top:8px;width:2px;height:calc(100% - 40px);background-color:#e8e8e8}.step{display:flex;flex-direction:column;gap:8px;padding-left:32px;position:relative}.step-circle{width:16px;height:16px;background-color:#000;border-radius:50%;position:absolute;left:0;top:0;z-index:1}.step-text{font-weight:500;margin-bottom:4px}.step-description{font-size:14px;color:#666;line-height:1.4}.step:last-child .step-circle{background-color:#5b23e1;border:2px solid #fff;box-shadow:0 0 0 2px #5b23e1;width:12px;height:12px}.klarna-close-button{width:100%;background-color:#151618;color:#fff;border:none;padding:16px;border-radius:24px;font-size:16px;font-weight:500;cursor:pointer}.klarna-terms{margin-top:20px}.klarna-terms ul{list-style-type:none;padding-left:0}.klarna-terms li{margin:8px 0;padding-left:20px;position:relative}.klarna-terms li:before{content:"\2022";position:absolute;left:0;color:#0070c9}@media screen and (max-width: 768px){.klarna-modal-content{margin:0 auto;top:50%;transform:translateY(-50%);width:95%}.klarna-modal-body{padding:0 16px}.klarna-modal-footer{padding:12px 16px}.klarna-modal-logo{height:28px}.klarna-modal-title{margin-bottom:24px}.klarna-modal-title h1{font-size:20px;line-height:1.3}.klarna-modal-title p{font-size:14px}.klarna-payment-options{gap:12px}.klarna-payment-option{padding:12px}.payment-type-label{top:8px;right:8px;padding:3px 10px;font-size:11px}.payment-amount{font-size:20px;padding-top:20px}.payment-label{font-size:13px;margin-bottom:12px}.payment-schedule{margin:16px 0;padding:12px}.schedule-circle{width:20px;height:20px;margin:0 auto 6px}.schedule-amount{font-size:14px}.schedule-label{font-size:11px}.payment-info{margin:12px 0;font-size:13px}.klarna-footer{margin:20px 0;font-size:11px}.klarna-how-it-works{margin:24px 0}.klarna-how-it-works h2{font-size:18px;margin-bottom:20px}.steps{gap:20px}.step{padding-left:28px}.step-circle{width:14px;height:14px;top:5px}.step:last-child .step-circle{width:10px;height:10px}.step-text{font-size:14px}.step-description{font-size:13px}.steps:before{left:6px;top:7px;height:calc(100% - 42px)}.klarna-close-button{padding:14px;font-size:15px}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/klarna-installment.css.map */