.gg-certificates {
                width: 100%;
                margin: 24px 0;
                color: #111;
            }

            .gg-certificates,
            .gg-certificates * {
                box-sizing: border-box;
            }

            .gg-certificates__title {
                margin: 0 0 18px;
                font-family: 'hwt-artz', sans-serif;
                font-size: clamp(28px, 4vw, 48px);
                line-height: 1;
                text-transform: uppercase;
                color: #111;
            }

            .gg-certificates__summary {
                display: grid;
                grid-template-columns: repeat(3, minmax(0, 1fr));
                gap: 12px;
                margin: 0 0 18px;
            }

            .gg-certificates__summary-item {
                border: 2px solid #111;
                border-radius: 12px;
                padding: 12px 14px;
                background: transparent;
            }

            .gg-certificates__summary-label {
                display: block;
                margin: 0 0 4px;
                font-size: 12px;
                font-weight: 800;
                text-transform: uppercase;
                opacity: .75;
            }

            .gg-certificates__summary-value {
                display: block;
                font-size: 15px;
                font-weight: 800;
                line-height: 1.25;
            }

            .gg-certificates__table-wrap {
                width: 100%;
                overflow-x: auto;
                -webkit-overflow-scrolling: touch;
                border: 2px solid #111;
                border-radius: 12px;
            }

            .gg-certificates__table {
                width: 100%;
                min-width: 620px;
                border-collapse: collapse;
                margin: 0;
                background: transparent;
            }

            .gg-certificates__table th,
            .gg-certificates__table td {
                padding: 14px 16px;
                border-bottom: 2px solid rgba(17, 17, 17, .25);
                text-align: left;
                vertical-align: middle;
            }

            .gg-certificates__table th {
                font-size: 12px;
                font-weight: 900;
                text-transform: uppercase;
                color: #111;
            }

            .gg-certificates__table tbody tr:last-child td {
                border-bottom: 0;
            }

            .gg-certificates__pdf-actions {
                display: flex;
                align-items: center;
                gap: 8px;
                flex-wrap: wrap;
            }

            .gg-certificates__btn {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                min-height: 36px;
                padding: 8px 13px;
                border: 2px solid #111;
                border-radius: 999px;
                font-size: 12px;
                font-weight: 900;
                line-height: 1;
                text-transform: uppercase;
                text-decoration: none;
                cursor: pointer;
                background: transparent;
                color: #111;
                white-space: nowrap;
            }

            .gg-certificates__btn:hover,
            .gg-certificates__btn:focus {
                color: #111;
                text-decoration: none;
            }

            .gg-certificates__empty {
                border: 2px solid #111;
                border-radius: 12px;
                padding: 16px;
                font-weight: 700;
            }

            .gg-certificates-modal {
                position: fixed;
                inset: 0;
                z-index: 999999;
                display: none;
                align-items: center;
                justify-content: center;
                padding: 20px;
            }

            .gg-certificates-modal.is-open {
                display: flex;
            }

            .gg-certificates-modal__backdrop {
                position: absolute;
                inset: 0;
                background: rgba(0, 0, 0, .72);
            }

            .gg-certificates-modal__dialog {
                position: relative;
                z-index: 2;
                width: min(1100px, 96vw);
                height: min(820px, 88vh);
                border: 2px solid #111;
                border-radius: 14px;
                background: #fff;
                overflow: hidden;
                display: flex;
                flex-direction: column;
            }

            .gg-certificates-modal__head {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 12px;
                padding: 12px 14px;
                border-bottom: 2px solid #111;
            }

            .gg-certificates-modal__title {
                margin: 0;
                font-size: 14px;
                font-weight: 900;
                text-transform: uppercase;
                color: #111;
            }

            .gg-certificates-modal__close {
                border: 2px solid #111;
                border-radius: 999px;
                background: transparent;
                color: #111;
                font-size: 14px;
                font-weight: 900;
                cursor: pointer;
                padding: 7px 12px;
                line-height: 1;
            }

            .gg-certificates-modal__frame {
                width: 100%;
                height: 100%;
                border: 0;
                flex: 1;
                background: #fff;
            }

            @media (max-width: 768px) {
                .gg-certificates__summary {
                    grid-template-columns: 1fr;
                }

                .gg-certificates__table th,
                .gg-certificates__table td {
                    padding: 12px;
                }

                .gg-certificates-modal {
                    padding: 10px;
                }

                .gg-certificates-modal__dialog {
                    width: 100%;
                    height: 88vh;
                }
            }