.hlm-plan-tabs { direction:rtl; margin-bottom:18px; }
.hlm-plan-tab {
    display:inline-block; background:#f3f3f3; border:1px solid #ccc; border-radius:4px 4px 0 0;
    padding:10px 18px; margin-left:4px; font-weight:bold; cursor:pointer;
}
.hlm-plan-tab.active, .hlm-plan-tab:focus {
    background:#fff; border-bottom:1px solid #fff; color:#157; position:relative; z-index:2;
}
.hlm-plan-tab-panel { background:#fff; border:1px solid #ccc; border-top:none; padding:15px 0; }
.hlm-plans-grid { display:flex; flex-wrap:wrap; gap:24px; }
.hlm-plan-box {
    background:#fafcff; border:1px solid #aad2f6; border-radius:7px; box-shadow:0 1px 5px #d6f3ff60;
    padding:22px 15px; min-width:220px; flex:1 1 240px; max-width:260px;
    text-align:center; position:relative; transition:.2s;
}
.hlm-plan-box h3 { margin-top:0; color:#157; }
.hlm-plan-features { list-style:none; margin:8px 0 10px 0; padding:0; }
.hlm-plan-price { font-size:18px; font-weight:bold; color:#157; margin-bottom:9px; }
.hlm-buy-btn, .hlm-buy-custom-btn {
    background:#2185d0; color:#fff; border:none; border-radius:4px; padding:8px 22px; cursor:pointer; font-size:15px;
}
.hlm-buy-btn:hover, .hlm-buy-custom-btn:hover { background:#0d5697; }
.hlm-custom-builder-wrap { margin-top:30px; }
.hlm-custom-builder label { font-weight:bold; }
.hlm-custom-field { margin:9px 0 13px 0; }
.hlm-custom-price-wrap { margin:8px 0 15px 0; font-weight:bold; color:#157; }

.hlm-modal { position:fixed; z-index:99999; left:0;top:0;width:100vw;height:100vh;display:none; }
.hlm-modal-backdrop { position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(30,50,100,0.20);}
.hlm-modal-dialog {
    position:absolute; top:8%; left:50%; transform:translateX(-50%);
    background:#fff; border-radius:10px; box-shadow:0 3px 25px #003f6a25;
    max-width:400px; width:96%; padding:25px 30px 20px 30px; z-index:2;
}
.hlm-modal-close { position:absolute;top:9px;right:10px;font-size:26px; background:none;border:none;cursor:pointer;}
.hlm-modal-content label { font-weight:bold; }
.hlm-modal-content input[type="text"] { width:92%; margin-bottom:7px; }
.hlm-required { color:#d11; font-weight:bold; margin-right:2px; }
@media (max-width:700px) {
    .hlm-plans-grid { flex-direction:column; }
    .hlm-plan-box { min-width:unset; max-width:unset; }
}