.pc-container {
    max-width: 1100px;
    margin: auto;
    background: #fff;
    padding: 25px;
}

.pc-title {
    text-align: center;
    margin-bottom: 25px;
}

.pc-top-filters {
    display: flex;
    justify-content: space-between;
    margin-bottom: 25px;
    font-size: 14px;
}

.pc-country-select,
.pc-search-input {
    width: 200px;
    padding: 6px 10px;
    border: 1px solid #d5d5d5;
    border-radius: 5px;
}

.pc-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
}

.pc-table th {
    text-align: left;
    border-bottom: 1px solid #ccc;
    padding: 10px;
}

.pc-table td {
    padding: 12px 10px;
    border-bottom: 1px solid #f0f0f0;
}

.pc-qty {
    width: 60px;
    padding: 5px;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.pc-holder-btn,
.pc-cart-btn {
    background: #0d284a;
    color: #fff;
    padding: 8px 15px;
    border: none;
    border-radius: 6px;
    cursor: pointer;
}

a.go-to-cart-button.button {
    border: 1px solid #0d284a;
    display: block;
    padding: 7px 10px;
    border-radius: 7px;
    color: #000 !important;
    max-width: 130px;
}

.pc-loadmore-wrap {
    text-align: center;
    margin-top: 20px;
}

.pc-loadMoreBtn {
    background: #0d284a;
    color: #fff;
    padding: 10px 25px;
    border: none;
    border-radius: 6px;
}

/* ---------------- MODAL SIZING ---------------- */

.certificate-modal {
    max-width: 900px;
    margin: 1.25rem auto;
}

.modal-body {
    max-height: 80vh;
    overflow: auto;
    padding: 1rem;
}

/* ---------------- CERTIFICATE ---------------- */

/* modal sizing */
.certificate-modal { max-width:880px; margin:1rem auto; }

/* body controls modal height */
.certificate-body {
  height:72vh; display:flex; align-items:center; justify-content:center; padding:1rem; overflow:hidden;
}

/* frame holds image and overlays */
.certificate-frame {
  width:100%; max-width:900px; height:100%; position:relative; display:block;
  background:#fff;
  overflow:hidden;
}

/* the image: scale to fit without cropping */
.certificate-frame img#certificateImg {
  width:100%; height:100%; object-fit:contain; display:block;
}

/* overlay same as before */

.certificate-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 110vh;
    text-align: center!important;
    max-width: 90%;
    margin: 0 auto;
}

.certificate-inner p{
    text-align: center;
}

button.close-modal {
    outline: none;
    border: 0px;
    background-color: transparent;
}

/* text sizes */
.certificate-inner .name { font-size: clamp(18px,2.2vw,28px); font-weight:700; color:#7a5b3a; text-transform:uppercase; margin-bottom:8px; }
.certificate-inner .mid { font-size: clamp(11px,1.1vw,14px); letter-spacing:2px; margin-bottom:12px; }
.certificate-inner .title { font-size: clamp(13px,1.3vw,18px); font-weight:600; max-width:80%; line-height:1.45; }

.pc-pagination-wrap {
    text-align: center; /* fallback */
    margin-top: 20px;
}

.pc-pagination {
    list-style: none;
    display: inline-flex; /* center by wrapping UL */
    gap: 5px;
    padding: 0;
    margin: 0;
}

.pc-pagination li a {
    display: block;
    padding: 6px 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    text-decoration: none;
    color: #333;
}

.pc-pagination li.active a {
    background: #0d284a;
    color: #fff;
    border-color: #0d284a;
}

.pc-pagination li.prev a,
.pc-pagination li.next a {
    font-weight: bold;
}

.ibr-modal .modal-dialog{
  max-width: 920px!important;
}

.ibr-modal  .certificate-frame {
    max-width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
    height: 85vh;
}

.ibr-modal .certificate-body {
    height: 80vh;
    overflow-y: scroll;
    max-height: 100%;
}