.hg-topup[hidden]{display:none!important}.hg-topup{display:block;margin:24px 0;padding:20px;border:1px solid #d7e1d8;border-radius:14px;background:#f1f5ef;color:#252b28}.hg-topup__heading h2{font-size:21px;line-height:1.3;margin:0 0 7px;color:#173f35}.hg-topup__heading p{font-size:14px;margin:0 0 16px}.hg-topup__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.hg-topup__card{min-width:0;background:#fff;border:1px solid #e0e6de;border-radius:10px;overflow:hidden;display:flex;flex-direction:column}.hg-topup__image{display:block;aspect-ratio:1.35;background:#faf8f3;overflow:hidden}.hg-topup__image img{width:100%;height:100%;object-fit:contain}.hg-topup__content{padding:12px;display:flex;flex-direction:column;flex:1;min-width:0}.hg-topup__title{font-size:13px;line-height:1.45;font-weight:600;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;color:#252b28;margin:0 0 10px}.hg-topup__form{display:flex;flex:1;flex-direction:column;gap:8px;margin:0}.hg-topup__select{display:block;width:100%;max-width:100%;padding:7px 24px 7px 8px;font-size:12px;border:1px solid #c9d5c8;border-radius:5px;background:#fff;color:#252b28}.hg-topup__select[hidden]{display:none}.hg-topup__price{font-size:16px;color:#173f35}.hg-topup__estimate{font-size:11px;line-height:1.5;color:#536158;margin:0 0 2px}.hg-topup__add.button{width:100%;min-height:42px;padding:9px 10px;font-size:12px;line-height:1.3;margin-top:auto;background:#173f35;color:#fff;border-radius:7px}.hg-topup__add:disabled{opacity:.6;cursor:wait}.hg-topup__note{font-size:11px;line-height:1.5;margin:14px 0 0;color:#536158}.hg-topup__status{font-size:12px;line-height:1.5;margin:8px 0 0}.hg-topup a:focus-visible,.hg-topup select:focus-visible,.hg-topup button:focus-visible{outline:2px solid #173f35;outline-offset:3px}@media(max-width:767px){.hg-topup{padding:14px}.hg-topup__heading h2{font-size:19px}.hg-topup__grid{grid-template-columns:1fr}.hg-topup__card{display:grid;grid-template-columns:96px minmax(0,1fr)}.hg-topup__image{height:100%;aspect-ratio:auto;min-height:125px}.hg-topup__content{padding:10px}.hg-topup__title{-webkit-line-clamp:2;margin-bottom:8px}.hg-topup__form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}.hg-topup__select{grid-column:1/-1}.hg-topup__estimate{grid-column:1/-1;grid-row:3}.hg-topup__add.button{width:auto;min-width:105px;margin:0;grid-column:2;grid-row:2}.hg-topup__price{grid-row:2}}
.hg-topup--drawer{margin:14px 0;padding:12px}.hg-topup--drawer .hg-topup__heading h2{font-size:18px}.hg-topup--drawer .hg-topup__grid{grid-template-columns:1fr}.hg-topup--drawer .hg-topup__card{display:grid;grid-template-columns:80px minmax(0,1fr)}.hg-topup--drawer .hg-topup__image{height:100%;aspect-ratio:auto;min-height:125px}.hg-topup--drawer .hg-topup__content{padding:9px}.hg-topup--drawer .hg-topup__title{-webkit-line-clamp:2;margin-bottom:7px}.hg-topup--drawer .hg-topup__form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:7px;align-items:center}.hg-topup--drawer .hg-topup__select{grid-column:1/-1}.hg-topup--drawer .hg-topup__estimate{grid-column:1/-1;grid-row:3}.hg-topup--drawer .hg-topup__add.button{width:auto;min-width:100px;margin:0;grid-column:2;grid-row:2}.hg-topup--drawer .hg-topup__price{grid-row:2}
.hg-topup__disclosure{border:0;margin:0;padding:0}.hg-topup__disclosure[hidden]{display:none!important}.hg-topup__toggle{display:none}.hg-topup__disclosure:not([open])>.hg-topup__panel{display:none}@media(max-width:767px){.hg-topup__heading p{margin-bottom:10px}.hg-topup__toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;min-height:44px;padding:10px 12px;border:1px solid #c9d5c8;border-radius:7px;background:#fff;color:#173f35;font-size:14px;font-weight:600;line-height:1.4;cursor:pointer}.hg-topup__toggle::-webkit-details-marker{display:none}.hg-topup__toggle:focus-visible{outline:2px solid #173f35;outline-offset:3px}.hg-topup__chevron{width:8px;height:8px;flex:0 0 8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-right:3px;margin-top:-4px}.hg-topup__disclosure[open] .hg-topup__chevron{transform:rotate(225deg);margin-top:4px}.hg-topup__disclosure[open]>.hg-topup__panel{padding-top:12px}.hg-topup__status:empty{display:none}}