.loovi-refill{display:block;box-sizing:border-box;width:100%;margin:22px 0 4px;padding:22px;border:1px solid #cddcfa;border-radius:16px;background:#f4f8ff;color:#0a1a3f;font-family:Manrope,sans-serif;--global-button-radius:12px}
.loovi-refill [hidden]{display:none!important}
.loovi-refill .loovi-refill__heading{display:flex;gap:12px;align-items:center}
.loovi-refill .loovi-refill__icon{display:grid;place-items:center;flex:0 0 38px;height:38px;background:#0e6bff;border-radius:11px;color:#fff!important}
.loovi-refill__icon svg{width:25px;height:25px}
.loovi-refill .loovi-refill__heading h3{margin:0;font-family:Manrope,sans-serif!important;font-size:20px!important;font-weight:800;line-height:1.3;letter-spacing:-.04em;color:#0a1a3f!important}
.loovi-refill .loovi-refill__intro{margin:12px 0 18px;font-size:12px;line-height:1.6;color:#334a73}
.loovi-refill :where(fieldset){min-width:0;margin:0;padding:0;border:0}
.loovi-refill label,.loovi-refill legend{font-size:13px;font-weight:700}
.loovi-refill select{display:block;width:100%;min-height:44px;margin:7px 0 0;padding:8px 32px 8px 12px;border:1px solid #cddcfa;border-radius:9px;background-color:white;color:#0a1a3f;font-family:inherit;font-size:14px}
.loovi-refill__choices{display:grid;grid-template-columns:1fr 1.7fr;gap:12px}
.loovi-refill__amount-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}
.loovi-refill__amount-grid label{position:relative;display:flex;align-items:center;justify-content:center;min-height:44px;cursor:pointer}
.loovi-refill__amount-grid input{position:absolute;width:1px;height:1px;opacity:0}
.loovi-refill__amount-grid span{display:grid;place-items:center;width:100%;min-height:44px;padding:7px;border:1px solid #cddcfa;border-radius:9px;background:#fff;font-size:13px;transition:background .18s,color .18s,border-color .18s}
.loovi-refill__amount-grid input:checked+span{border-color:#0e6bff;background:#0e6bff;color:white!important}
.loovi-refill__amount-grid input:focus-visible+span{outline:2px solid #0a1a3f;outline-offset:3px}
.loovi-refill__modes{display:grid;gap:2px;margin-top:14px!important}
.loovi-refill__modes label{display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:4px 8px;min-height:44px;padding:7px 0;font-size:14px;cursor:pointer}
.loovi-refill__modes input{width:16px;height:16px;margin:0;accent-color:#0e6bff;flex:0 0 16px}
.loovi-refill .loovi-refill__mode-note{grid-column:2;font-size:12px;font-weight:500;color:#445c82}
.loovi-refill .loovi-refill__terms{margin:10px 0 0;font-size:12px;line-height:1.55;color:#263e67}
.loovi-refill .loovi-refill__hint{margin:6px 0 0;font-size:12px;line-height:1.5;color:#445c82}
.loovi-refill .loovi-refill__plan-choice{margin-top:12px}
.loovi-refill__bottom{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:18px;padding-top:16px;border-top:1px solid #d9e4f7}
.loovi-refill__price-wrap{display:grid;gap:3px}
.loovi-refill__price-wrap strong{font-size:19px;line-height:1.1;font-weight:800;white-space:nowrap}
.loovi-refill__price-wrap span{font-size:12px;color:#445c82}
.loovi-refill .loovi-refill__submit{display:flex;align-items:center;justify-content:center;gap:10px;min-height:44px;margin:0;padding:11px 15px;border:0;border-radius:10px!important;background:#0a1a3f;color:#fff!important;font-family:inherit;font-size:14px;font-weight:800;cursor:pointer;transition:background .18s,transform .18s}
.loovi-refill .loovi-refill__submit span{color:inherit!important;font-size:17px}
.loovi-refill .loovi-refill__submit:hover:not(:disabled){background:#0e6bff}
.loovi-refill .loovi-refill__submit:active:not(:disabled){transform:translateY(1px)}
.loovi-refill .loovi-refill__submit:disabled{cursor:default;opacity:.55}
.loovi-refill :where(select,button,a,input):focus-visible{outline:2px solid #0e6bff;outline-offset:3px}
.loovi-refill .loovi-refill__status:empty{display:none}
.loovi-refill .loovi-refill__status{margin:10px 0 0;font-size:12px;line-height:1.5}
.loovi-refill[data-error] .loovi-refill__status{color:#a02032}
.loovi-refill .loovi-refill__cart-link{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;font-size:13px;text-decoration:underline}
.loovi-refill__sr-only{position:absolute!important;width:1px;height:1px;padding:0!important;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.loovi-refill__choices{grid-template-columns:1fr;gap:14px}.loovi-refill__bottom{align-items:stretch;flex-direction:column;gap:14px}.loovi-refill__price-wrap{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.loovi-refill .loovi-refill__submit{width:100%}}
@media(max-width:480px){.loovi-refill{padding:17px}.loovi-refill .loovi-refill__heading h3{font-size:18px!important}.loovi-refill__price-wrap strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.loovi-refill *{transition:none!important}}
.loovi-product loovi-refill-offer.loovi-refill .loovi-refill__submit{border-radius:12px!important;background:#0a1a3f!important}
.loovi-product loovi-refill-offer.loovi-refill .loovi-refill__submit:hover:not(:disabled){background:#0e6bff!important}
.loovi-refill-disclosure{box-sizing:border-box;width:100%;margin:12px 0 4px;border:1px solid #cddcfa;border-radius:12px;background:#fff;color:#0a1a3f;font-family:Manrope,sans-serif}
.loovi-refill-disclosure>.loovi-refill-disclosure__summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;padding:14px 16px;list-style:none;cursor:pointer;border-radius:12px}
.loovi-refill-disclosure__summary::-webkit-details-marker{display:none}
.loovi-refill-disclosure__summary::marker{content:""}
.loovi-refill-disclosure__summary:focus-visible{outline:2px solid #0e6bff;outline-offset:3px}
.loovi-refill-disclosure__summary:hover{background:#f4f8ff}
.loovi-refill-disclosure__label{display:grid;gap:3px;min-width:0}
.loovi-refill-disclosure__label strong{font-size:15px;font-weight:800;line-height:1.4;color:#0a1a3f}
.loovi-refill-disclosure__label>span{font-size:12px;line-height:1.5;color:#445c82}
.loovi-refill-disclosure__chevron{flex:0 0 20px;width:20px;height:20px;transition:transform .2s ease-out}
.loovi-refill-disclosure[open]>.loovi-refill-disclosure__summary .loovi-refill-disclosure__chevron{transform:rotate(180deg)}
.loovi-refill-disclosure>.loovi-refill{margin:0;padding:16px;border:0;border-top:1px solid #e2eafa;border-radius:0 0 12px 12px;background:#fff}
@media(prefers-reduced-motion:reduce){.loovi-refill-disclosure__chevron{transition:none}}