/* ==========================================================================
   CertsPoint homepage — section 3 "Four principles we never compromise"
   Owner-approved CERTIFIED shield illustration under the right-column paragraph.
   Loaded only by frontend/certspoint/pages/home.blade.php.
   Asset: images/certified-shield.png (634×424, transparent background, isolated
   from the owner's reference). Centred in the right column, shown at 450–480px on
   desktop (≤76% of natural size, so it stays sharp), aspect ratio preserved.
   ========================================================================== */

.cpx-principles__badge {
    display: block;
    height: auto;
    margin: 22px auto 0;
    max-width: 100%;
    width: 480px;          /* = the right column's desktop width; scales down with the column */
}

/* Larger heading on wide screens: keep heading + text + shield no taller than the card grid,
   so the section keeps its original height and the shield bottom lines up with the grid (as in the reference). */
@media (min-width: 1600px) {
    .cpx-principles__badge { width: 450px; }
}

@media (max-width: 767px) {
    .cpx-principles__badge { margin-top: 18px; }
}