.site-main-pro.certificates-page {
            min-height: 70vh;
        }

        .certificates-shell {
            width: min(92vw, 1240px);
            margin-inline: auto;
        }

        .certificates-compact-hero {
            position: relative;
            overflow: hidden;
            min-height: var(--primary-hero-min-height);
            display: flex;
            align-items: center;
            margin-bottom: clamp(1.75rem, 4vw, 3rem);
            color: #ffffff;
            background: radial-gradient(circle at 82% 46%, rgba(242, 197, 21, 0.18), transparent 25rem), radial-gradient(circle at 8% 10%, rgba(255, 255, 255, 0.08), transparent 20rem), linear-gradient(90deg, #121416 0%, #24282d 45%, #383d43 100%);
            border-bottom: 1px solid rgba(255, 255, 255, 0.08);
            box-shadow: 0 18px 54px rgba(0, 0, 0, 0.24);
            isolation: isolate;
        }

            .certificates-compact-hero::before {
                content: "";
                position: absolute;
                inset: 0;
                z-index: 1;
                pointer-events: none;
                background-image: linear-gradient(rgba(255, 255, 255, 0.038) 1px, transparent 1px), linear-gradient(90deg, rgba(255, 255, 255, 0.038) 1px, transparent 1px);
                background-size: 42px 42px;
                opacity: 0.5;
                mask-image: linear-gradient(90deg, rgba(0,0,0,0.95), rgba(0,0,0,0.68), rgba(0,0,0,0.32));
            }

            .certificates-compact-hero::after {
                content: "";
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                z-index: 5;
                height: 4px;
                background: linear-gradient(90deg, rgba(255, 255, 255, 0.08), #7A5D1E 20%, #F2C515 52%, #FFE98A 78%, rgba(255, 255, 255, 0.14));
                box-shadow: 0 -8px 24px rgba(242, 197, 21, 0.2);
            }

        .certificates-compact-hero-bg {
            position: absolute;
            inset: 0;
            z-index: 0;
            background-image: url('/uploads/oil pipes.png');
            background-size: cover;
            background-position: center;
            background-repeat: no-repeat;
            opacity: 0.24;
            filter: saturate(0.82) contrast(1.08) brightness(1.08);
            transform: scale(1.025);
        }

            .certificates-compact-hero-bg::before {
                content: "";
                position: absolute;
                inset: 0;
                background: linear-gradient(90deg, rgba(18, 20, 22, 0.92) 0%, rgba(36, 40, 45, 0.72) 44%, rgba(56, 61, 67, 0.36) 100%), radial-gradient(circle at 78% 44%, rgba(242, 197, 21, 0.16), transparent 24rem);
            }

        .certificates-compact-hero-content {
            position: relative;
            z-index: 3;
            width: 100%;
            padding: clamp(4.25rem, 7vw, 6.25rem) 0 clamp(3.6rem, 6vw, 5.5rem);
        }

        .certificates-compact-hero-grid {
            display: grid;
            grid-template-columns: minmax(0, 1fr) minmax(280px, 0.58fr);
            gap: clamp(1.5rem, 5vw, 5rem);
            align-items: center;
        }

        .certificates-compact-hero-copy {
            max-width: 820px;
            animation: certificateHeroFadeUp 0.68s cubic-bezier(0.22, 1, 0.36, 1) both;
        }

        .certificates-compact-title {
            margin: 0 0 1rem;
            color: #ffffff;
            max-width: 820px;
            font-size: clamp(3rem, 6vw, 5.65rem);
            font-weight: 320;
            line-height: 0.98;
            letter-spacing: -0.065em;
            text-wrap: balance;
            text-shadow: 0 18px 44px rgba(0, 0, 0, 0.34);
        }

            .certificates-compact-title span {
                color: #ffffff;
            }

        .certificates-compact-breadcrumb .breadcrumb {
            margin-bottom: 0;
            --bs-breadcrumb-divider: "�";
            --bs-breadcrumb-divider-color: #F2C515;
        }

        .certificates-compact-breadcrumb .breadcrumb-item,
        .certificates-compact-breadcrumb .breadcrumb-item.active {
            color: rgba(255, 255, 255, 0.9);
            font-size: clamp(1rem, 0.95rem + 0.18vw, 1.18rem);
            font-weight: 500;
        }

            .certificates-compact-breadcrumb .breadcrumb-item + .breadcrumb-item::before {
                color: #F2C515;
                font-weight: 900;
            }

            .certificates-compact-breadcrumb .breadcrumb-item a {
                color: #ffffff;
                text-decoration: none;
                font-weight: 650;
                transition: color 0.24s ease;
            }

                .certificates-compact-breadcrumb .breadcrumb-item a:hover,
                .certificates-compact-breadcrumb .breadcrumb-item a:focus {
                    color: #F2C515;
                }

        .certificates-compact-subtitle {
            max-width: 690px;
            margin: 1.05rem 0 0;
            color: rgba(255, 255, 255, 0.78);
            font-size: clamp(0.98rem, 0.92rem + 0.22vw, 1.12rem);
            line-height: 1.72;
            animation: certificateHeroFadeUp 0.72s cubic-bezier(0.22, 1, 0.36, 1) 0.08s both;
        }

        .certificates-compact-kicker,
        .certificates-compact-actions {
            display: none !important;
        }

        .certificates-hero-art {
            position: relative;
            z-index: 3;
            min-height: clamp(260px, 26vw, 430px);
            display: grid;
            place-items: center;
            animation: certificateHeroArtIn 0.78s cubic-bezier(0.22, 1, 0.36, 1) 0.08s both;
        }

            .certificates-hero-art::before {
                content: "";
                position: absolute;
                width: 88%;
                aspect-ratio: 1;
                border-radius: 50%;
                background: radial-gradient(circle, rgba(242, 197, 21, 0.18), transparent 70%);
                filter: blur(18px);
                transform: translate(8%, 8%);
                opacity: 0.9;
            }

        .certificates-hero-art-circle {
            position: relative;
            width: clamp(250px, 26vw, 470px);
            aspect-ratio: 1;
            border-radius: 50%;
            background: radial-gradient(circle at 33% 25%, rgba(255, 255, 255, 0.65), transparent 28%), linear-gradient(135deg, #FFF6C8 0%, #F6D95F 46%, #F2C515 100%);
            box-shadow: 0 34px 90px rgba(0, 0, 0, 0.26), 0 0 0 1px rgba(255, 255, 255, 0.32), inset 0 1px 0 rgba(255, 255, 255, 0.52);
            overflow: hidden;
        }

            .certificates-hero-art-circle::before {
                content: "";
                position: absolute;
                inset: 8%;
                border-radius: inherit;
                border: 1px solid rgba(255, 255, 255, 0.3);
                pointer-events: none;
            }

            .certificates-hero-art-circle::after {
                content: "";
                position: absolute;
                width: 62%;
                height: 62%;
                right: -1%;
                bottom: -3%;
                background: linear-gradient(135deg, rgba(122, 93, 30, 0.22), rgba(0, 0, 0, 0.02));
                clip-path: polygon(0 0, 100% 100%, 0 100%);
                opacity: 0.78;
            }

        .certificates-hero-document {
            position: absolute;
            left: 50%;
            top: 49%;
            z-index: 2;
            width: 40%;
            height: 52%;
            transform: translate(-50%, -50%);
            border: clamp(6px, 0.7vw, 10px) solid #2A2D31;
            background: rgba(255, 255, 255, 0.14);
            box-shadow: 18px 18px 0 rgba(122, 93, 30, 0.24);
        }

            .certificates-hero-document::before {
                content: "";
                position: absolute;
                top: 12%;
                left: 18%;
                right: 10%;
                height: 55%;
                background: linear-gradient(#2A2D31 0 0) 0 0 / 88% 9% no-repeat, linear-gradient(#2A2D31 0 0) 0 22% / 100% 9% no-repeat, linear-gradient(#2A2D31 0 0) 28% 44% / 72% 9% no-repeat, linear-gradient(#2A2D31 0 0) 10% 66% / 90% 9% no-repeat, linear-gradient(#2A2D31 0 0) 0 88% / 100% 9% no-repeat;
            }

        .certificates-hero-ribbon {
            position: absolute;
            z-index: 3;
            left: 32%;
            bottom: 22%;
            width: 16%;
            height: 28%;
        }

            .certificates-hero-ribbon::before {
                content: "";
                position: absolute;
                left: 9%;
                top: 0;
                width: 58%;
                aspect-ratio: 1;
                border-radius: 50%;
                background: #2A2D31;
                box-shadow: 0 0 0 7px #2A2D31;
            }

            .certificates-hero-ribbon::after {
                content: "";
                position: absolute;
                left: 24%;
                top: 38%;
                width: 34%;
                height: 58%;
                background: #2A2D31;
                clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 74%, 0 100%);
            }

        .certificates-hero-spark {
            position: absolute;
            z-index: 4;
            left: 32.5%;
            bottom: 43%;
            width: 10%;
            aspect-ratio: 1;
            background: #ffffff;
            filter: drop-shadow(0 4px 12px rgba(0, 0, 0, 0.16));
            clip-path: polygon(50% 0%, 58% 22%, 79% 8%, 73% 33%, 100% 34%, 78% 50%, 100% 66%, 73% 67%, 79% 92%, 58% 78%, 50% 100%, 42% 78%, 21% 92%, 27% 67%, 0% 66%, 22% 50%, 0% 34%, 27% 33%, 21% 8%, 42% 22%);
        }

            .certificates-hero-spark::after {
                content: "";
                position: absolute;
                inset: 17%;
                border-radius: 50%;
                background: #F2C515;
            }

        @keyframes certificateHeroFadeUp {
            from {
                opacity: 0;
                transform: translateY(20px);
            }

            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes certificateHeroArtIn {
            from {
                opacity: 0;
                transform: translateX(28px) scale(0.96);
            }

            to {
                opacity: 1;
                transform: translateX(0) scale(1);
            }
        }

        .certificates-toolbar {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
            align-items: end;
            gap: 1rem;
            margin-bottom: clamp(1.5rem, 4vw, 2.5rem);
        }

        .certificates-section-title {
            position: relative;
            margin: 0;
            color: var(--pro-black);
            font-weight: 900;
            letter-spacing: -0.035em;
        }

            .certificates-section-title::after {
                content: "";
                display: block;
                width: 4.5rem;
                height: 4px;
                margin-top: 0.75rem;
                border-radius: 999px;
                background: var(--gradient-cta);
                box-shadow: 0 2px 12px rgba(255, 215, 0, 0.35);
            }

        .certificates-section-subtitle {
            max-width: 720px;
            margin: 0.85rem 0 0;
            color: var(--pro-grey-muted);
            line-height: 1.7;
        }

        .certificates-count-pill {
            display: inline-flex;
            align-items: center;
            gap: 0.45rem;
            padding: 0.55rem 0.9rem;
            border-radius: 999px;
            border: 1px solid rgba(255, 215, 0, 0.35);
            background: rgba(255, 215, 0, 0.12);
            color: var(--pro-yellow-dark);
            font-size: 0.82rem;
            font-weight: 800;
            white-space: nowrap;
        }

        .certificates-grid {
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            gap: clamp(1rem, 2vw, 1.5rem);
        }

        .certificate-item {
            min-width: 0;
        }

        .certificate-card {
            position: relative;
            display: block;
            overflow: hidden;
            width: 100%;
            min-height: clamp(420px, 34vw, 560px);
            border-radius: 24px;
            cursor: pointer;
            isolation: isolate;
            background: #111111;
            transition: transform 0.34s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 0.34s ease, border-color 0.34s ease, background-color 0.34s ease;
        }

            .certificate-card::before {
                content: "";
                position: absolute;
                inset: 0;
                z-index: 4;
                pointer-events: none;
                border-radius: inherit;
                box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.38), inset 0 0 0 1px rgba(255, 255, 255, 0.08);
            }

            .certificate-card:hover,
            .certificate-card:focus,
            .certificate-card:focus-within {
                transform: translateY(-8px);
                border-color: rgba(255, 215, 0, 0.55);
                box-shadow: var(--layer-shadow-deep), 0 0 0 1px rgba(255, 215, 0, 0.18);
            }

        .certificate-image-wrap {
            position: absolute;
            inset: 0;
            z-index: 1;
            overflow: hidden;
            background: #FEFEFE;
        }

            .certificate-image-wrap img {
                display: block;
                width: 100%;
                height: 100%;
                min-width: 100%;
                min-height: 100%;
                object-fit: cover;
                object-position: center center;
                background: #FEFEFE;
                transform: scale(1.001);
                transition: transform 0.72s cubic-bezier(0.22, 1, 0.36, 1), filter 0.35s ease;
            }

        .certificate-card:hover .certificate-image-wrap img,
        .certificate-card:focus .certificate-image-wrap img,
        .certificate-card:focus-within .certificate-image-wrap img {
            transform: scale(1.06);
            filter: brightness(0.68) saturate(1.04) contrast(1.03);
        }

        .certificate-placeholder {
            position: absolute;
            inset: 0;
            display: grid;
            place-items: center;
            width: 100%;
            height: 100%;
            color: var(--pro-yellow-dark);
            background: radial-gradient(circle at 50% 45%, rgba(255, 215, 0, 0.18), transparent 58%), #ebecef;
            font-size: 3rem;
        }

        .certificate-overlay {
            position: absolute;
            inset: 0;
            z-index: 2;
            display: flex;
            align-items: flex-end;
            padding: clamp(1rem, 2vw, 1.35rem);
            background: linear-gradient( 180deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.12) 38%, rgba(0, 0, 0, 0.84) 100% );
            opacity: 0;
            transform: translateY(18px);
            transition: opacity 0.34s ease, transform 0.34s cubic-bezier(0.22, 1, 0.36, 1);
        }

        .certificate-card:hover .certificate-overlay,
        .certificate-card:focus .certificate-overlay,
        .certificate-card:focus-within .certificate-overlay {
            opacity: 1;
            transform: translateY(0);
        }

        .certificate-overlay-inner {
            width: 100%;
            color: #ffffff;
        }

        .certificate-badge {
            display: inline-flex;
            align-items: center;
            width: fit-content;
            max-width: 100%;
            margin-bottom: 0.8rem;
            padding: 0.38rem 0.7rem;
            border-radius: 999px;
            border: 1px solid rgba(255, 215, 0, 0.42);
            background: rgba(255, 215, 0, 0.16);
            color: var(--pro-yellow-light);
            font-size: 0.72rem;
            font-weight: 900;
            letter-spacing: 0.12em;
            text-transform: uppercase;
        }

        .certificate-title {
            margin: 0;
            color: #ffffff;
            font-size: clamp(1.12rem, 1rem + 0.45vw, 1.4rem);
            font-weight: 950;
            line-height: 1.14;
            letter-spacing: -0.035em;
            text-wrap: balance;
        }

        .certificate-organization {
            margin: 0.55rem 0 0;
            color: rgba(255, 255, 255, 0.82);
            font-size: 0.92rem;
            font-weight: 750;
        }

        .certificate-description {
            display: -webkit-box;
            margin: 0.75rem 0 0;
            overflow: hidden;
            color: rgba(255, 255, 255, 0.76);
            font-size: 0.92rem;
            line-height: 1.55;
            -webkit-line-clamp: 3;
            -webkit-box-orient: vertical;
        }

        .certificate-dates {
            display: flex;
            flex-wrap: wrap;
            gap: 0.5rem;
            margin-top: 0.9rem;
        }

        .certificate-date-pill {
            display: inline-flex;
            align-items: center;
            gap: 0.35rem;
            padding: 0.42rem 0.65rem;
            border-radius: 999px;
            color: rgba(255, 255, 255, 0.9);
            background: rgba(255, 255, 255, 0.11);
            border: 1px solid rgba(255, 255, 255, 0.15);
            font-size: 0.78rem;
            font-weight: 750;
        }

        .certificate-view-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 0.5rem;
            width: 100%;
            min-height: 2.9rem;
            margin-top: 1rem;
            border-radius: 999px;
            border: 1px solid #c9a600 !important;
            color: #0a0a0a !important;
            background: var(--pro-yellow, #FFD700) !important;
            background-image: none !important;
            box-shadow: 0 12px 28px rgba(255, 215, 0, 0.38);
            font-weight: 900;
            cursor: pointer;
            transition: transform 0.22s ease, box-shadow 0.24s ease, background-color 0.24s ease;
        }

            .certificate-view-btn:hover,
            .certificate-view-btn:focus {
                color: #0a0a0a !important;
                background: var(--pro-yellow-light, #ffe566) !important;
                background-image: none !important;
                border-color: #b89600 !important;
                box-shadow: 0 16px 36px rgba(255, 215, 0, 0.48);
                transform: translateY(-2px);
            }

            .certificate-view-btn:disabled {
                cursor: not-allowed;
                opacity: 0.6;
                transform: none;
                box-shadow: none;
            }

        .certificates-empty-state {
            padding: clamp(2.5rem, 6vw, 5rem);
            text-align: center;
            border-radius: 24px;
        }

        .certificates-empty-icon {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 5rem;
            height: 5rem;
            margin-bottom: 1.2rem;
            border-radius: 999px;
            color: var(--pro-yellow-dark);
            background: rgba(255, 215, 0, 0.14);
            border: 1px solid rgba(255, 215, 0, 0.28);
            font-size: 2rem;
        }

        .certificates-empty-state h3 {
            color: var(--pro-black);
            font-weight: 900;
        }

        .certificates-empty-state p {
            color: var(--pro-grey-muted);
        }

        .certificate-gallery-modal {
            position: fixed !important;
            inset: 0 !important;
            z-index: 2147483600 !important;
            display: block !important;
            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            background: transparent;
            transition: opacity 0.28s ease, visibility 0.28s ease;
        }

            .certificate-gallery-modal.is-open {
                opacity: 1;
                visibility: visible;
                pointer-events: auto;
            }

        .certificate-gallery-backdrop {
            position: fixed !important;
            inset: 0 !important;
            z-index: 1 !important;
            background: radial-gradient(circle at 12% 8%, rgba(255, 215, 0, 0.18), transparent 34rem), radial-gradient(circle at 88% 12%, rgba(255, 255, 255, 0.08), transparent 30rem), rgba(0, 0, 0, 0.94) !important;
            backdrop-filter: blur(18px) saturate(1.08);
            -webkit-backdrop-filter: blur(18px) saturate(1.08);
        }

        .certificate-gallery-dialog {
            position: fixed !important;
            inset: 0 !important;
            z-index: 2 !important;
            width: 100vw !important;
            height: 100dvh !important;
            max-width: none !important;
            max-height: none !important;
            display: grid !important;
            place-items: center !important;
            overflow: hidden !important;
            border: 0 !important;
            border-radius: 0 !important;
            background: transparent !important;
            box-shadow: none !important;
            opacity: 1 !important;
            transform: none !important;
        }

        .certificate-gallery-topbar {
            position: fixed !important;
            top: calc(var(--nav-height, 72px) + env(safe-area-inset-top, 0px) + 0.65rem) !important;
            left: clamp(0.75rem, 2vw, 1.25rem) !important;
            right: clamp(5rem, 8vw, 6.5rem) !important;
            z-index: 2147483645 !important;
        }

        .certificate-gallery-title-wrap {
            display: inline-flex;
            flex-direction: column;
            max-width: min(760px, 72vw);
            padding: 0.75rem 1rem;
            border-radius: 18px;
            border: 1px solid rgba(255, 255, 255, 0.16);
            background: rgba(12, 12, 14, 0.74);
            box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
        }

        .certificate-gallery-counter {
            width: fit-content;
            margin: 0 0 0.35rem 0 !important;
            padding: 0.25rem 0.6rem;
            border-radius: 999px;
            color: var(--pro-yellow-light);
            background: rgba(255, 215, 0, 0.14);
            border: 1px solid rgba(255, 215, 0, 0.34);
            font-size: 0.68rem;
            font-weight: 950;
            letter-spacing: 0.13em;
            text-transform: uppercase;
        }

        .certificate-gallery-topbar h3 {
            margin: 0 !important;
            max-width: 100% !important;
            overflow: hidden;
            color: #ffffff !important;
            font-size: clamp(0.95rem, 1.15vw, 1.25rem) !important;
            font-weight: 950;
            line-height: 1.15;
            letter-spacing: -0.025em;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

        .certificate-gallery-close {
            position: fixed !important;
            top: calc(var(--nav-height, 72px) + env(safe-area-inset-top, 0px) + 0.65rem) !important;
            right: clamp(0.75rem, 2vw, 1.25rem) !important;
            z-index: 2147483647 !important;
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
            width: 3.25rem !important;
            height: 3.25rem !important;
            border-radius: 999px !important;
            border: 2px solid #0a0a0a !important;
            color: #0a0a0a !important;
            background: var(--pro-yellow, #FFD700) !important;
            box-shadow: 0 12px 32px rgba(255, 215, 0, 0.45), 0 0 0 3px rgba(255, 215, 0, 0.25);
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
            cursor: pointer;
            transition: transform 0.22s ease, background-color 0.22s ease, box-shadow 0.22s ease;
        }

            .certificate-gallery-close i {
                font-size: 1.25rem;
                color: #0a0a0a !important;
            }

            .certificate-gallery-close:hover,
            .certificate-gallery-close:focus {
                color: #0a0a0a !important;
                background: var(--pro-yellow-light, #ffe566) !important;
                border-color: #0a0a0a !important;
                transform: rotate(90deg) scale(1.06);
                box-shadow: 0 16px 40px rgba(255, 215, 0, 0.55), 0 0 0 4px rgba(255, 215, 0, 0.35);
            }

        .certificate-gallery-stage {
            position: fixed !important;
            inset: 0 !important;
            z-index: 2 !important;
            display: grid !important;
            place-items: center !important;
            width: 100vw !important;
            height: 100dvh !important;
            padding: 4.7rem 0.65rem 5.3rem !important;
            background: transparent !important;
        }

        .certificate-gallery-image-shell {
            width: min(960px, 92vw) !important;
            height: min(720px, calc(100dvh - 11rem)) !important;
            max-width: 92vw !important;
            max-height: calc(100dvh - 11rem) !important;
            aspect-ratio: auto !important;
            display: flex !important;
            align-items: center !important;
            justify-content: center !important;
            overflow: hidden !important;
            border-radius: 16px !important;
            border: 1px solid rgba(255, 255, 255, 0.14) !important;
            background: rgba(255, 255, 255, 0.04) !important;
            box-shadow: 0 28px 95px rgba(0, 0, 0, 0.58), 0 0 0 1px rgba(255, 255, 255, 0.08);
            backdrop-filter: blur(8px);
            -webkit-backdrop-filter: blur(8px);
        }

            .certificate-gallery-image-shell img {
                display: block !important;
                width: 100% !important;
                height: 100% !important;
                min-width: 100% !important;
                min-height: 100% !important;
                max-width: none !important;
                max-height: none !important;
                object-fit: contain !important;
                object-position: center center !important;
                background: #ffffff !important;
                border-radius: 8px !important;
                box-shadow: none !important;
                image-rendering: auto;
                opacity: 0;
                transform: scale(0.985);
                transition: opacity 0.28s ease, transform 0.36s cubic-bezier(0.22, 1, 0.36, 1);
            }

                .certificate-gallery-image-shell img.is-loaded {
                    opacity: 1;
                    transform: scale(1);
                }

        .certificate-gallery-nav {
            position: fixed !important;
            z-index: 2147483646 !important;
            top: 50% !important;
            display: inline-flex !important;
            align-items: center;
            justify-content: center;
            width: clamp(3rem, 4.5vw, 4.25rem) !important;
            height: clamp(3rem, 4.5vw, 4.25rem) !important;
            border-radius: 999px !important;
            border: 2px solid #0a0a0a !important;
            color: #0a0a0a !important;
            background: var(--pro-yellow, #FFD700) !important;
            box-shadow: 0 12px 32px rgba(255, 215, 0, 0.4);
            backdrop-filter: none;
            -webkit-backdrop-filter: none;
            cursor: pointer;
            transform: translateY(-50%);
            transition: transform 0.22s ease, background-color 0.22s ease, box-shadow 0.22s ease;
        }

        .certificate-gallery-prev {
            left: clamp(0.75rem, 2vw, 1.25rem) !important;
        }

        .certificate-gallery-next {
            right: clamp(0.75rem, 2vw, 1.25rem) !important;
        }

        .certificate-gallery-nav:hover,
        .certificate-gallery-nav:focus {
            color: #0a0a0a !important;
            background: var(--pro-yellow-light, #ffe566) !important;
            border-color: #0a0a0a !important;
            box-shadow: 0 16px 40px rgba(255, 215, 0, 0.5);
        }

        .certificate-gallery-bottombar {
            position: fixed !important;
            left: 50% !important;
            bottom: 0.5rem !important;
            z-index: 2147483645 !important;
            width: calc(100vw - 1rem) !important;
            max-width: 920px !important;
            display: grid !important;
            gap: 0.25rem !important;
            padding: 0.7rem 0.8rem !important;
            border-radius: 14px !important;
            border: 1px solid rgba(255, 255, 255, 0.14) !important;
            background: rgba(12, 12, 14, 0.72) !important;
            box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);
            backdrop-filter: blur(18px);
            -webkit-backdrop-filter: blur(18px);
            transform: translateX(-50%) !important;
        }

        .certificate-gallery-organization {
            margin: 0 !important;
            color: var(--pro-yellow-light) !important;
            font-size: 0.88rem !important;
            font-weight: 850 !important;
            text-align: center;
        }

        .certificate-gallery-description {
            margin: 0 !important;
            color: rgba(255, 255, 255, 0.76) !important;
            font-size: 0.86rem !important;
            line-height: 1.45 !important;
            text-align: center;
            display: -webkit-box;
            overflow: hidden;
            -webkit-line-clamp: 1;
            -webkit-box-orient: vertical;
        }

        body.certificate-gallery-open {
            overflow: hidden !important;
        }

        /* Modal lives inside .site-page-shell (z-index 1) — lift above fixed navbar (1040) when open */
        body.certificate-gallery-open .site-page-shell {
            z-index: 1100;
            position: relative;
        }

        body.certificate-gallery-open #mainNav {
            z-index: 1030;
        }

        .site-main-pro .certificate-card:focus-visible,
        .site-main-pro button:focus-visible,
        .site-main-pro a:focus-visible {
            outline: 3px solid rgba(255, 215, 0, 0.55);
            outline-offset: 3px;
        }

        @media (max-width: 991.98px) {
            .certificates-compact-hero-grid {
                grid-template-columns: 1fr;
            }
        }

        @media (max-width: 767.98px) {
            .certificates-compact-hero {
                min-height: var(--primary-hero-min-height);
            }

            .certificates-compact-hero-content {
                padding: 3rem 0 2.75rem;
            }

            .certificates-compact-hero-copy {
                text-align: center;
                margin-inline: auto;
            }

            .certificates-compact-breadcrumb .breadcrumb {
                justify-content: center;
            }

            .certificates-compact-kicker {
                margin-inline: auto;
            }

            .certificates-compact-subtitle {
                margin-inline: auto;
            }

            .certificates-compact-actions {
                justify-content: center;
            }

            .certificates-compact-btn {
                width: 100%;
            }
        }

        @media (max-width: 1199.98px) {
            .certificates-hero-grid {
                grid-template-columns: 1fr;
            }

            .certificates-hero-panel {
                max-width: 680px;
            }

            .certificates-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }

            .certificate-card {
                min-height: clamp(400px, 52vw, 560px);
            }
        }

        @media (max-width: 767.98px) {
            .certificates-shell {
                width: 100%;
                padding-inline: 1rem;
            }

            .certificates-hero-enhanced {
                min-height: auto;
            }

            .certificates-hero-content {
                padding: 4.5rem 0 3.25rem;
            }

            .certificates-hero-copy {
                text-align: center;
                margin-inline: auto;
            }

            .certificates-hero-breadcrumb .breadcrumb {
                justify-content: center;
            }

            .certificates-hero-kicker {
                margin-inline: auto;
            }

            .certificates-hero-actions {
                justify-content: center;
            }

            .certificates-hero-btn {
                width: 100%;
            }

            .certificates-hero-panel {
                border-radius: 24px;
            }

            .certificates-grid {
                grid-template-columns: 1fr;
            }

            .certificates-toolbar {
                align-items: flex-start;
            }

            .certificate-card {
                min-height: clamp(380px, 120vw, 620px);
                border-radius: 22px;
            }

            .certificate-overlay {
                opacity: 1;
                transform: none;
                background: linear-gradient( 180deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.16) 40%, rgba(0, 0, 0, 0.86) 100% );
            }

            .certificate-card .certificate-image-wrap img {
                filter: brightness(0.82);
            }

            .certificate-gallery-title-wrap {
                max-width: calc(100vw - 5.5rem);
                padding: 0.6rem 0.75rem;
                border-radius: 14px;
            }

            .certificate-gallery-topbar h3 {
                font-size: 0.9rem !important;
            }

            .certificate-gallery-close {
                width: 2.85rem !important;
                height: 2.85rem !important;
            }

            .certificate-gallery-nav {
                width: 2.75rem !important;
                height: 2.75rem !important;
            }

            .certificate-gallery-prev {
                left: 0.45rem !important;
            }

            .certificate-gallery-next {
                right: 0.45rem !important;
            }
        }

        @media (max-width: 420px) {
            .certificate-card {
                min-height: 360px;
            }

            .certificate-description {
                -webkit-line-clamp: 2;
            }
        }

        @media (prefers-reduced-motion: reduce) {
            .certificate-card,
            .certificate-image-wrap img,
            .certificate-overlay,
            .certificate-view-btn,
            .certificate-gallery-modal,
            .certificate-gallery-close,
            .certificate-gallery-nav,
            .certificate-gallery-image-shell img,
            .certificates-hero-btn {
                transition: none !important;
            }

                .certificate-card:hover,
                .certificate-card:focus,
                .certificate-card:focus-within,
                .certificate-card:hover .certificate-image-wrap img,
                .certificate-card:focus .certificate-image-wrap img,
                .certificate-card:focus-within .certificate-image-wrap img,
                .certificate-view-btn:hover,
                .certificate-view-btn:focus,
                .certificate-gallery-close:hover,
                .certificate-gallery-close:focus,
                .certificates-hero-btn:hover,
                .certificates-hero-btn:focus {
                    transform: none !important;
                }
        }

        @media (max-width: 767.98px) {
            .certificates-page .certificates-grid,
            .site-main-pro.certificates-page .certificates-grid,
            #certificatesGallery.certificates-grid {
                display: grid !important;
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 0.85rem !important;
                align-items: stretch !important;
            }

            .certificates-page .certificate-item,
            .site-main-pro.certificates-page .certificate-item,
            #certificatesGallery .certificate-item {
                width: 100% !important;
                min-width: 0 !important;
                max-width: none !important;
                grid-column: auto !important;
                margin: 0 !important;
            }

            .certificates-page .certificate-card,
            .site-main-pro.certificates-page .certificate-card {
                min-height: 285px !important;
                border-radius: 20px !important;
            }

            .certificates-page .certificate-overlay,
            .site-main-pro.certificates-page .certificate-overlay {
                opacity: 1 !important;
                transform: none !important;
                padding: 0.72rem !important;
                background: linear-gradient( 180deg, rgba(0, 0, 0, 0.02) 0%, rgba(0, 0, 0, 0.12) 36%, rgba(0, 0, 0, 0.86) 100% ) !important;
            }

            .certificates-page .certificate-card .certificate-image-wrap img,
            .site-main-pro.certificates-page .certificate-card .certificate-image-wrap img {
                filter: brightness(0.84) !important;
            }

            .certificates-page .certificate-badge,
            .site-main-pro.certificates-page .certificate-badge {
                margin-bottom: 0.48rem !important;
                padding: 0.28rem 0.5rem !important;
                font-size: 0.55rem !important;
                letter-spacing: 0.1em !important;
            }

            .certificates-page .certificate-title,
            .site-main-pro.certificates-page .certificate-title {
                font-size: 0.88rem !important;
                line-height: 1.14 !important;
                letter-spacing: -0.025em !important;
            }

            .certificates-page .certificate-organization,
            .site-main-pro.certificates-page .certificate-organization {
                margin-top: 0.35rem !important;
                font-size: 0.68rem !important;
                line-height: 1.35 !important;
            }

            .certificates-page .certificate-description,
            .site-main-pro.certificates-page .certificate-description {
                margin-top: 0.4rem !important;
                font-size: 0.66rem !important;
                line-height: 1.38 !important;
                -webkit-line-clamp: 2 !important;
            }

            .certificates-page .certificate-dates,
            .site-main-pro.certificates-page .certificate-dates {
                gap: 0.32rem !important;
                margin-top: 0.5rem !important;
            }

            .certificates-page .certificate-date-pill,
            .site-main-pro.certificates-page .certificate-date-pill {
                padding: 0.28rem 0.42rem !important;
                font-size: 0.58rem !important;
                line-height: 1.2 !important;
            }

            .certificates-page .certificate-view-btn,
            .site-main-pro.certificates-page .certificate-view-btn {
                min-height: 2.25rem !important;
                margin-top: 0.62rem !important;
                padding: 0.5rem 0.65rem !important;
                font-size: 0.68rem !important;
                border-radius: 999px !important;
            }

            .certificates-page .certificates-toolbar,
            .site-main-pro.certificates-page .certificates-toolbar {
                gap: 0.85rem !important;
            }

            .certificates-page .certificates-section-title,
            .site-main-pro.certificates-page .certificates-section-title {
                font-size: clamp(1.65rem, 8vw, 2.25rem) !important;
            }

            .certificates-page .certificates-section-subtitle,
            .site-main-pro.certificates-page .certificates-section-subtitle {
                font-size: 0.92rem !important;
                line-height: 1.65 !important;
            }
        }

        @media (max-width: 430px) {
            .certificates-page .certificates-grid,
            .site-main-pro.certificates-page .certificates-grid,
            #certificatesGallery.certificates-grid {
                grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
                gap: 0.68rem !important;
            }

            .certificates-page .certificate-card,
            .site-main-pro.certificates-page .certificate-card {
                min-height: 240px !important;
                border-radius: 18px !important;
            }

            .certificates-page .certificate-overlay,
            .site-main-pro.certificates-page .certificate-overlay {
                padding: 0.58rem !important;
            }

            .certificates-page .certificate-badge,
            .site-main-pro.certificates-page .certificate-badge {
                font-size: 0.5rem !important;
                padding: 0.24rem 0.42rem !important;
            }

            .certificates-page .certificate-title,
            .site-main-pro.certificates-page .certificate-title {
                font-size: 0.78rem !important;
            }

            .certificates-page .certificate-organization,
            .site-main-pro.certificates-page .certificate-organization {
                font-size: 0.62rem !important;
            }

            .certificates-page .certificate-description,
            .site-main-pro.certificates-page .certificate-description {
                display: none !important;
            }

            .certificates-page .certificate-date-pill,
            .site-main-pro.certificates-page .certificate-date-pill {
                font-size: 0.52rem !important;
            }

            .certificates-page .certificate-view-btn,
            .site-main-pro.certificates-page .certificate-view-btn {
                min-height: 2.05rem !important;
                font-size: 0.6rem !important;
                margin-top: 0.48rem !important;
            }
        }