.package-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:390px;margin:0 0 23px}.package-preview button{border:1px solid #d2dac7;padding:13px 8px;border-radius:4px;background:#f1f1e8;text-align:center}.package-preview span{font-size:9px;display:block;color:var(--muted);margin-bottom:7px}.package-preview strong{font-family:var(--serif);font-size:21px;font-weight:400}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.package-card{text-align:left;border:1px solid #d1d8c6;border-radius:6px;padding:19px 14px;display:flex;flex-direction:column;background:#f5f4ec;min-width:0}.package-card.recommended{border-color:#8e9c78;background:#eaf0df}.package-card>span{font-size:8px;letter-spacing:1.5px;color:var(--olive);margin-bottom:12px}.package-card>strong{font-family:var(--serif);font-size:29px;font-weight:400;white-space:nowrap;letter-spacing:-.6px}.package-card>small{font-size:8px;color:var(--muted);margin-top:7px}.package-card>b{font-size:10px;font-weight:500;margin-top:18px}.package-card>p{font-size:9px;line-height:1.7;color:var(--muted);margin:9px 0 18px}.package-card>i{font-style:normal;font-size:9px;margin-top:auto}.package-card:hover{border-color:var(--green)}.credit-balance{display:flex;align-items:center;gap:17px;background:#e7eddb;border:1px solid #d3dfc2;padding:19px;border-radius:5px;margin-top:15px}.credit-balance>strong{font-family:var(--serif);font-weight:400;font-size:42px}.credit-balance>span{font-size:12px;line-height:1.8}.credit-balance small{display:block;font-size:9px;color:var(--muted)}.credit-account{background:#e8edde}.credit-account strong{font-weight:500}
@media(max-width:600px){.package-grid{grid-template-columns:1fr;gap:11px}.package-card{position:relative;padding:18px 20px 18px 112px;min-height:135px}.package-card>span{position:absolute;left:20px;top:22px;font-size:8px}.package-card>strong{position:absolute;left:20px;top:43px;font-size:27px}.package-card>small{position:absolute;left:20px;top:79px;font-size:7px}.package-card>b{margin-top:2px;font-size:12px}.package-card>p{font-size:9px;margin:8px 0 11px}.package-card>i{font-size:9px}.package-preview{max-width:none}.package-preview strong{font-size:22px}.credit-balance>strong{font-size:37px}.credit-balance>span{font-size:11px}}