sas-report,
      sas-report-page,
      sas-report-object {width: 100%; height: 100%;}

   .sdk_main {
	  display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 1rem;
      /*padding: 2rem;*/
   }
   .sdk_container {
      position: relative;
      /*width: min(900px, 95vw);*/
	  width: 100%;
      height: 80vh;
      /*border-radius: 20px;*/
      overflow: hidden;
      
    }
	
  .sdk_slide {
	  background: #e1e1e1;
      position: absolute;
      inset: 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      padding: 2px;
      text-align: center;
      opacity: 0;
      transform: scale(1.04) translateY(12px);
      filter: blur(6px);
      transition:
        opacity 0.7s cubic-bezier(0.4, 0, 0.2, 1),
        transform 0.7s cubic-bezier(0.4, 0, 0.2, 1),
        filter 0.7s cubic-bezier(0.4, 0, 0.2, 1);
      pointer-events: none;
    }

    .sdk_slide.active {
      opacity: 1;
      transform: scale(1) translateY(0);
      filter: blur(0);
      pointer-events: auto;
      z-index: 1;
    }

    /* Háttérszínek a példához */
	/*
    .sdk_slide:nth-child(1) { background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); }
    .sdk_slide:nth-child(2) { background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); }
    .sdk_slide:nth-child(3) { background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); }
	*/

    .sdk_slide h2 {
      font-size: clamp(2rem, 5vw, 3.2rem);
      font-weight: 700;
      margin-bottom: 1rem;
      letter    -spacing: -0.02em;
    }

    .sdk_slide p {
      font-size: 1.15rem;
      opacity: 0.9;
      max-width: 420px;
      line-height: 1.5;
    }

    /* Navigáció */
    .controls {
      display: flex;
      gap: 1rem;
      align-items: center;
    }

    button {
      background: #222;
      color: white;
      border: 1px solid #444;
      padding: 0.2rem 1.4rem;
      border-radius: 999px;
      font-size: .8rem;
      cursor: pointer;
      transition: all 0.25s ease;
    }

    button:hover {
      background: #333;
      border-color: #666;
      transform: translateY(-1px);
    }

    button:active {
      transform: translateY(0);
    }

    .dots {
      display: flex;
      gap: 0.6rem;
    }

    .dot {
      width: 10px;
      height: 10px;
      border-radius: 50%;
      background: #444;
      cursor: pointer;
      transition: all 0.3s ease;
    }

    .dot.active {
      background: var(--accent-color);
      transform: scale(1.25);
    }