.oj-services-grid{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
    gap:25px;
    margin-top:30px;
}

.oj-service-card{
    background:#fff;
    border-radius:16px;
    padding:25px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.oj-service-card h3{
    margin:0 0 10px;
}

.oj-service-card strong{
    color:#FF6B00;
    display:block;
    margin-bottom:15px;
}

.oj-btn-primary{
    background:#FF6B00;
    color:#fff;
    border:none;
    padding:12px 22px;
    border-radius:8px;
    cursor:pointer;
    font-weight:600;
}

.oj-delete-service{
    background:#dc3545;
    color:#fff;
    border:none;
    padding:10px 18px;
    border-radius:8px;
    cursor:pointer;
    margin-top:15px;
}

/* Modal */

.oj-modal{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,.45);
    display:flex;
    align-items:center;
    justify-content:center;
    opacity:0;
    visibility:hidden;
    transition:.25s ease;
    z-index:99999;
}

.oj-modal.show{
    opacity:1;
    visibility:visible;
}

.oj-modal-box{
    width:520px;
    max-width:90%;
    background:#fff;
    border-radius:18px;
    padding:30px;
    transform:translateY(20px);
    transition:.25s ease;
}

.oj-modal.show .oj-modal-box{
    transform:translateY(0);
}

.oj-modal-box textarea{
    min-height:140px;
    resize:vertical;
}

.oj-modal-actions{
    display:flex;
    justify-content:flex-end;
    gap:12px;
    margin-top:25px;
}

.oj-btn-secondary{
    background:#ddd;
    border:none;
    padding:12px 20px;
    border-radius:8px;
    cursor:pointer;
}

.oj-service-edit{

    flex:1;

    background:#f3f4f6;

    color:#1f2937;

    border:none;

    border-radius:10px;

    padding:12px;

    font-weight:600;

    cursor:pointer;

    transition:.25s;

}

.oj-service-edit:hover{

    background:#FFD54F;

    color:#000;

}
.oj-service-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.oj-service-icon,.oj-public-service-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#e8f2ec;color:#1a4a2e}.oj-service-number{font-size:12px;color:#7a7570}.oj-service-actions{display:flex;gap:10px;margin-top:20px}.oj-service-edit,.oj-delete-service{margin-top:0!important}.oj-service-edit{padding:10px 16px}.oj-service-card p{color:#64748b}.oj-service-card strong{color:#1a4a2e!important}.oj-public-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.oj-public-service-card{display:flex;gap:14px;padding:18px;border:1px solid #e2ddd5;border-radius:16px;background:#fff}.oj-public-service-card h3{margin:0 0 5px;font-size:18px}.oj-public-service-card p{margin:5px 0 0;color:#7a7570}.oj-public-service-price{font-weight:700;color:#1a4a2e}.oj-empty-state{padding:35px;text-align:center;color:#7a7570}.oj-empty-state i{font-size:28px;margin-bottom:10px}@media(max-width:700px){.oj-public-service-grid{grid-template-columns:1fr}}

/* OjaLinks public verified services catalogue */
.oj-public-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}
.oj-public-service-card{background:#fff;border:1px solid #e6eaf0;border-radius:18px;overflow:hidden;box-shadow:0 12px 30px rgba(15,23,42,.06);transition:.25s ease;display:flex;flex-direction:column}
.oj-public-service-card:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(15,23,42,.1);border-color:#ff6800}
.oj-public-service-card-head{padding:18px 18px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}
.oj-public-service-logo{width:58px;height:58px;border-radius:14px;border:1px solid #e7ebf0;background:#fff;padding:6px;overflow:hidden;flex:none}
.oj-public-service-logo img{width:100%;height:100%;object-fit:contain}
.oj-public-service-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.oj-public-service-badges span{display:inline-flex;align-items:center;gap:4px;padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800;white-space:nowrap}
.oj-public-service-verified{background:#e8f8ee;color:#138a42}.oj-public-service-founding{background:#fff4cf;color:#8c6b00}
.oj-public-service-content{padding:18px;display:flex;flex-direction:column;flex:1}
.oj-public-service-category{font-size:10px;text-transform:uppercase;letter-spacing:.7px;color:#ff6800;font-weight:800}
.oj-public-service-content h3{font-size:19px;line-height:1.25;margin:6px 0 8px;color:#111827}
.oj-public-service-content>p{font-size:12px;line-height:1.65;color:#64748b;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.oj-public-service-price{font-size:14px;color:#111827;margin-bottom:12px}
.oj-public-service-vendor{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-top:1px solid #edf0f3;margin-top:auto;font-size:11px;color:#111827;font-weight:800}
.oj-public-service-vendor small{color:#64748b;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.oj-public-service-button{margin-top:12px;display:flex;align-items:center;justify-content:center;gap:8px;height:43px;border-radius:11px;background:#ff6800;color:#fff;text-decoration:none;font-size:12px;font-weight:800;transition:.2s}
.oj-public-service-button:hover{background:#e85b00;color:#fff;transform:translateY(-1px)}
.oj-public-service-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:30px 0 10px}
.oj-public-service-pagination a{display:inline-flex;align-items:center;gap:7px;padding:11px 15px;border-radius:10px;border:1px solid #e2e8f0;background:#fff;color:#111827;text-decoration:none;font-size:12px;font-weight:800;transition:.2s}
.oj-public-service-pagination a:hover{border-color:#ff6800;color:#ff6800;transform:translateY(-1px)}
.oj-public-service-pagination span{font-size:12px;color:#64748b;font-weight:700}
@media(max-width:1050px){.oj-public-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.oj-public-service-grid{grid-template-columns:1fr}.oj-public-service-pagination{gap:8px}.oj-public-service-pagination a{padding:9px 11px}}