.cert-modal-overlay {
      position: fixed;
      inset: 0;
      background: rgba(0, 0, 0, 0.55);
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
      display: none;
      align-items: center;
      justify-content: center;
      z-index: 9999;
    }


    .cert-modal {
      width: 900px;
      max-width: calc(100% - 32px);
      background: linear-gradient(160deg,
          rgba(255, 255, 255, 0.92),
          rgba(245, 245, 245, 0.88));
      border-radius: 20px;
      box-shadow: 0 40px 120px rgba(0, 0, 0, 0.35);
      display: grid;
      grid-template-columns: 1.1fr 1fr;
      overflow: hidden;
      animation: modalIn 0.5s ease;
      position: fixed;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
    }

    .cert-modal-close {
      position: absolute;
      top: 18px;
      right: 22px;
      background: none;
      border: none;
      font-size: 26px;
      color: #888;
      cursor: pointer;
      z-index: 10;
    }

    .cert-modal-close:hover {
      color: #111;
    }

    /* Image */
    .cert-modal-image {
      background: #f5f5f5;
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 32px;
    }

    .cert-modal-image img {
      max-width: 100%;
      max-height: 360px;
      border-radius: 14px;
      box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
      background: #fff;
    }

    /* Content */
    .cert-modal-content {
      padding: 56px 48px;
    }

    .cert-pill {
      display: inline-block;
      font-size: 11px;
      font-weight: 600;
      letter-spacing: 1.4px;
      padding: 6px 14px;
      border-radius: 999px;
      background: rgba(0, 0, 0, 0.06);
      color: #222;
      margin-bottom: 14px;
    }

    .cert-title {
      font-size: 26px;
      font-weight: 600;
      line-height: 1.3;
      color: #111;
      margin-bottom: 14px;
    }

    .cert-subtitle {
      font-size: 14.5px;
      color: #444;
      line-height: 1.6;
      margin-bottom: 16px;
    }

    .cert-desc {
      font-size: 14px;
      color: #666;
      line-height: 1.7;
      margin-bottom: 26px;
    }

    /* CTA */
    .cert-cta {
      font-size: 14px;
      font-weight: 500;
      color: #111;
      text-decoration: none;
      border-bottom: 1px solid #111;
      padding-bottom: 3px;
    }
    @media (max-width: 900px) {
      .cert-modal {
        grid-template-columns: 1fr;
      }

      .cert-modal-image {
        padding: 24px;
      }

      .cert-modal-content {
        padding: 36px 28px 40px;
      }

      .cert-title {
        font-size: 22px;
      }
    }

    @media (max-width: 900px) {
      .cert-modal {
        grid-template-columns: 1fr;
        width: 88vw;
        max-height: 78vh;
        overflow-y: auto;
      }

      .cert-modal-image {
        padding: 16px;
      }

      .cert-modal-image img {
        max-height: 180px;
      }

      .cert-modal-content {
        padding: 24px 22px 28px;
        /* daha sıkı */
      }

      .cert-title {
        font-size: 19px;
      }
      .cert-subtitle {
        font-size: 13.5px;
      }
      .cert-desc {
        font-size: 13px;
      }
    }

    @media (max-width: 480px) {
      .cert-modal {
        width: 90vw;
        max-height: 74vh;
        border-radius: 14px;
      }

      .cert-modal-image img {
        max-height: 150px;
      }

      .cert-title {
        font-size: 17.5px;
      }
    }