.pages-project-reference .pr-content { max-width: 1400px; margin: auto; padding: 60px 20px 140px; }
.pr-intro { max-width: 800px; margin: 0 auto 60px; text-align: center; color: #888; }
.pr-filters { margin-bottom: 90px; }
.pr-filters fieldset { padding: 0; margin: 0 0 60px; border: 0; min-width: 0; }
.pr-filters legend { width: 100%; margin-bottom: 35px; text-align: center; font-size: 40px; font-weight: 700; color: #585b5b; }
.pr-brands, .pr-categories { display: flex; justify-content: center; gap: 100px; }
.pr-brand { position: relative; display: flex; align-items: center; justify-content: center; width: 360px; height: 215px; padding: 40px 65px; border-radius: 10px; background: #fff; cursor: pointer; }
.pr-brand img { max-width: 100%; max-height: 100%; object-fit: contain; }
.pr-filters input[type="checkbox"] { appearance: auto; width: 0px; height: 0px; margin: 0; accent-color: #f36f21; cursor: pointer; flex-shrink: 0; }
.pr-brand input { position: absolute; top: 0px; right: 0px; }
.pr-brand:focus-within, .pr-category:focus-within { outline: 2px solid #f36f21; outline-offset: 4px; }
@media (hover: hover) { .pr-brand:hover, .pr-category:hover { background: #d9d9d9; } }
.pr-category { display: flex; justify-content: space-between; align-items: center; gap: 25px; width: 300px; padding: 15px 20px; border-radius: 8px; background: #fff; cursor: pointer; color: #585b5b; font-weight: 700; position: relative;}
.pr-enhanced .pr-apply { display: none; }
.pr-apply { display: block; margin: auto; }
.pr-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 60px 40px; }
.pages-project-reference .pr-grid .card-thumbnail img { width: 100%; aspect-ratio: 1.65; object-fit: cover; }
.pages-project-reference .pr-grid h2 { margin: 25px 0 20px; color: #ff6b19; text-transform: uppercase; }
.pages-project-reference .pr-grid .card-body p { color: #888; margin-bottom: 25px; }
.pages-project-reference .pr-grid .card-footer .btn { min-width: 180px; padding: 12px 30px; color: #ff6b19; border-color: #ff6b19; }
.pr-pagination { margin-top: 60px; }
.pr-empty, #project-reference-status { text-align: center; }
#project-reference-status:empty { display: none; }
#project-reference-results[aria-busy="true"] { opacity: .6; }
@media (max-width: 767px) {
    .pages-project-reference .pr-content { padding: 40px 15px 90px; }
    .pr-intro { font-size: 14px; margin-bottom: 45px; }
    .pr-filters { margin-bottom: 60px; }
    .pr-filters fieldset { margin-bottom: 40px; }
    .pr-filters legend { font-size: 28px; margin-bottom: 25px; }
    .pr-brands, .pr-categories { gap: 20px; }
    .pr-brand { width: calc(50% - 10px); height: 120px; padding: 25px 35px; border-radius: 8px; }
    .pr-brand input { top: 10px; right: 10px; }
    .pr-filters input[type="checkbox"] { width: 0px; height: 0px; }
    .pr-categories { flex-wrap: wrap; gap: 20px; }
    .pr-category { width: calc(50% - 10px); padding: 12px 15px; gap: 8px; font-size: 14px; }
    .pr-grid { grid-template-columns: minmax(0, 1fr); gap: 45px; }
    .pages-project-reference .pr-grid h2 { margin-top: 20px; font-size: 28px; }
}
.pr-filters legend, .pr-category, .pages-project-reference .pr-grid h2 { font-family: "tradegothic_ltbold", sans-serif; }
.pages-project-reference .pr-grid h2 { font-size: 32px; line-height: 1.2; }
.pages-project-reference .pr-pagination li.active > .current { border: 1px solid #ef6d22; border-radius: 50%; padding: 5px; min-width: 32px; }
@media (max-width: 767px) { .pages-project-reference .pr-grid h2 { font-size: 28px; } }
#project-reference-status:not(.pr-error) { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.pr-filters input[type="checkbox"] { accent-color: #fff;}

.pr-brand:before {
    position: absolute;
    top: 10px;
    right: 10px;
    width: 24px;
    height: 24px;
    border: 1px solid #B7B7B7;
    border-radius: 5px;
    content: '';
}
.pr-brand:after {
    position: absolute;
    top: 14px;
    right: 14px;
    width: 14px;
    height: 14px;
    background: url(../img/icons/i-checked.svg) no-repeat;
    background-size: 100% 100%;
    background-position: center;
    content: '';
    z-index: 2;
    display: none;
}
.pr-category:before {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 24px;
    height: 24px;
    border: 1px solid #B7B7B7;
    border-radius: 5px;
    content: '';
    margin-top: -12px;
}
.pr-category:after {
    position: absolute;
    top: 50%;
    right: 14px;
    width: 14px;
    height: 14px;
    background: url(../img/icons/i-checked.svg) no-repeat;
    background-size: 100% 100%;
    background-position: center;
    content: '';
    z-index: 2;
    display: none;
    margin-top: -7px;
}
.pr-brand:has(input:checked)::after,
.pr-category:has(input:checked)::after {
    display: block;
}

@media (max-width: 767px) {
    .pr-brand:before,
    .pr-category:before {width: 20px; height: 20px;}
    .pr-category:before {margin-top: -10px;}
    .pr-brand:after,
    .pr-category:after {width: 12px; height: 10px;}
    .pr-category:after {margin-top: -5px;}
}