/* /Pages/Screen.razor.rz.scp.css */
 /* Main Content */
 main[b-rn34jg2sgk] {
    flex: 1 1 auto;
    min-height: 0; /* EN KRİTİK */
    max-width: 100%;
    margin: 0 auto;
    padding: 1rem;
    overflow: hidden; /* sayfa yerine iç listeler scroll */
  }

  .grid-container[b-rn34jg2sgk] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    gap: 1rem;

    /* EN KRİTİK: 100vh hesabını kaldırıp container’a bağla */
    height: 100%;
    min-height: 0;
  }

  .grid-container-inshift[b-rn34jg2sgk] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    gap: 1rem;

    /* EN KRİTİK: 100vh hesabını kaldırıp container’a bağla */
    height: 100%;
    min-height: 0;
  }

  @media (min-width: 1025px) {
   

    .grid-container[b-rn34jg2sgk] {
      grid-template-columns: 1fr 1fr;
      grid-template-rows: 1fr;
      gap: 1.5rem;
    }

    .grid-container-inshift[b-rn34jg2sgk] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        gap: 1.5rem;
      }

    .right-column[b-rn34jg2sgk] { display: flex !important; }
    .mobile-section[b-rn34jg2sgk] { display: none !important; }
  }

  /* Left Column - Pharmacy List */
  .left-column[b-rn34jg2sgk] { min-height: 0; }

  .pharmacy-container[b-rn34jg2sgk] {
    height: 100%;
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    min-height: 0;
  }

  .pharmacy-header[b-rn34jg2sgk] {
    padding: 0.75rem;
    border-bottom: 1px solid #cbd5e1;
    background: white;
    border-radius: 0.5rem 0.5rem 0 0;
    flex: 0 0 auto;
  }

  .pharmacy-header h2[b-rn34jg2sgk] {
    font-size: 1.1rem;
    font-weight: 700;
    color: #0f172a;
    margin-bottom: 0.15rem;
  }

  .pharmacy-header p[b-rn34jg2sgk] { font-size: 0.75rem; color: #64748b; font-weight: 500; }

  @media (min-width: 1025px) {
    .pharmacy-header[b-rn34jg2sgk] { padding: 1rem; }
    .pharmacy-header h2[b-rn34jg2sgk] { font-size: 1.25rem; margin-bottom: 0.25rem; }
    .pharmacy-header p[b-rn34jg2sgk] { font-size: 0.875rem; }
  }

  .pharmacy-list[b-rn34jg2sgk] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 1rem;
    scroll-behavior: smooth;
  }

  .pharmacy-card[b-rn34jg2sgk] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    position: relative;
  }

  @media (min-width: 1025px) {
    .pharmacy-card[b-rn34jg2sgk] { padding: 1rem; margin-bottom: 0.75rem; gap: 1rem; }
  }

  .pharmacy-card[b-rn34jg2sgk]::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: linear-gradient(to right, #ef4444, #dc2626);
    border-radius: 0.5rem 0.5rem 0 0;
  }

  .pharmacy-info[b-rn34jg2sgk] { flex: 1; }

  .pharmacy-name[b-rn34jg2sgk] {
    font-weight: 600;
    font-size: 1rem;
    color: #0f172a;
    line-height: 1.2;
    margin-bottom: 0.25rem;
  }

  .pharmacy-distance[b-rn34jg2sgk] {
    font-size: 0.7rem;
    color: #dc2626;
    font-weight: 500;
    margin-bottom: 0.25rem;
  }

  @media (min-width: 1025px) {
    .pharmacy-name[b-rn34jg2sgk] { font-size: 1.125rem; }
    .pharmacy-distance[b-rn34jg2sgk] { font-size: 0.75rem; margin-bottom: 0.5rem; }
  }

  .pharmacy-address[b-rn34jg2sgk] {
    display: flex;
    gap: 0.5rem;
    font-size: 0.60rem;
    color: #64748b;
    margin-bottom: 0.25rem;
  }

  .phone-info[b-rn34jg2sgk], .hours-info[b-rn34jg2sgk] {
    display: flex;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: #334155;
  }

  @media (min-width: 1025px) {
    .pharmacy-address[b-rn34jg2sgk] { font-size: 0.875rem; margin-bottom: 0.5rem; }
    .phone-info[b-rn34jg2sgk], .hours-info[b-rn34jg2sgk] { font-size: 0.875rem; }
  }

  .pharmacy-qr[b-rn34jg2sgk] { flex-shrink: 0; background: #f1f5f9; padding: 0.5rem; border-radius: 0.5rem; }
  .pharmacy-qr canvas[b-rn34jg2sgk] { display: block; width: 80px !important; height: 80px !important; }

  @media (min-width: 1025px) {
    .pharmacy-qr[b-rn34jg2sgk] { padding: 0.75rem; }
    .pharmacy-qr canvas[b-rn34jg2sgk] { width: 120px !important; height: 120px !important; }
  }

  .pharmacy-footer[b-rn34jg2sgk] {
    flex: 0 0 auto;
    padding: 0.5rem 0.75rem;
    border-top: 1px solid #cbd5e1;
    background: white;
    border-radius: 0 0 0.5rem 0.5rem;
    font-size: 0.7rem;
    color: #94a3b8;
    text-align: center;
    overflow: hidden;
  }

  @media (min-width: 1025px) {
    .pharmacy-footer[b-rn34jg2sgk] { padding: 0.75rem 1rem; font-size: 0.75rem; }
  }

  .pharmacy-footer-marquee[b-rn34jg2sgk] {
    overflow: hidden;
    white-space: nowrap;
  }

  .pharmacy-footer-text[b-rn34jg2sgk] {
    display: inline-block;
    min-width: 100%;
    padding-left: 100%;
    color: #dc2626;
    font-weight: 700;
    animation: pharmacy-footer-scroll-b-rn34jg2sgk 14s linear infinite;
  }

  @keyframes pharmacy-footer-scroll-b-rn34jg2sgk {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-100%);
    }
  }

  /* Right Column */
  .right-column[b-rn34jg2sgk] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-height: 0;
  }

  @media (min-width: 1025px) {
    .right-column[b-rn34jg2sgk] {
      height: 100%;
      min-height: 0;
    }
  }

  /* Welcome Section */
  .welcome-section[b-rn34jg2sgk] {
    background: linear-gradient(to bottom right, #fef2f2, #fee2e2);
    border: 1px solid #fecaca;
    border-radius: 0.5rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: auto;
  }

  @media (min-width: 1025px) {
    .welcome-section[b-rn34jg2sgk] { flex: 1 1 auto; height: 100%; }
  }

  .welcome-image[b-rn34jg2sgk] {
    
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    height: 150px;
  }

  .welcome-video-container[b-rn34jg2sgk] {
    width: 100%;
    height: 100vh;
    position: relative;
  }

  .welcome-video[b-rn34jg2sgk] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    inset: 0;
    display: block;
    background: transparent;
  }

  .welcome-video-placeholder[b-rn34jg2sgk] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.875rem;
  }

  .welcome-image svg[b-rn34jg2sgk] { width: 150px; height: 150px; opacity: 0.1; }

  @media (min-width: 1025px) {
    .welcome-image[b-rn34jg2sgk] { flex: 1 1 auto; height: 100%; min-height: 0; }
    .welcome-image svg[b-rn34jg2sgk] { width: 300px; height: 300px; }
  }

  .play-button[b-rn34jg2sgk] {
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;
  }

  .play-icon[b-rn34jg2sgk] {
    width: 0; height: 0;
    border-left: 18px solid white;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    margin-left: 5px;
  }

  @media (min-width: 1025px) {
    .play-button[b-rn34jg2sgk] { width: 100px; height: 100px; }
    .play-icon[b-rn34jg2sgk] { border-left: 30px solid white; border-top: 20px solid transparent; border-bottom: 20px solid transparent; margin-left: 8px; }
  }

  /* Welcome Content - 1080x1920 dikey 4K için optimize */
  .welcome-content[b-rn34jg2sgk] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1rem 1.25rem;
    background: white;
    flex: 0 0 auto;
  }

  .welcome-content-text[b-rn34jg2sgk] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
  }

  .welcome-content-qr[b-rn34jg2sgk] {
    flex-shrink: 0;
    background: white;
    padding: 0.5rem;
    border-radius: 0.5rem;
    border: 1px solid #e2e8f0;
  }

  .welcome-content-qr img[b-rn34jg2sgk] {
    display: block;
    width: 80px;
    height: 80px;
    object-fit: contain;
  }

  /* 1080x1920 portrait 4K - büyük fontlar */
  .welcome-badge[b-rn34jg2sgk] {
    display: inline-block;
    background: #fee2e2;
    color: #991b1b;
    padding: 0.35rem 1rem;
    border-radius: 9999px;
    font-size: 2.75rem;
    font-weight: 600;
    width: fit-content;
  }

  .welcome-company-name[b-rn34jg2sgk] {
    font-size: 3.6rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
    line-height: 1.15;
    letter-spacing: -0.02em;
  }

  .welcome-content p[b-rn34jg2sgk] {
    font-size: clamp(0.8rem, 2vh, 2rem);
    color: #475569;
    margin: 0;
    line-height: 1.4;
  }

  .welcome-stats[b-rn34jg2sgk] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 0.5rem;
  }

  .stat[b-rn34jg2sgk] {
    text-align: center;
    padding: 0.5rem 1rem;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 0.5rem;
  }

  .stat-value[b-rn34jg2sgk] { font-size: clamp(1rem, 2.5vh, 2rem); font-weight: 700; color: #dc2626; }
  .stat-label[b-rn34jg2sgk] { font-size: clamp(0.65rem, 1.5vh, 1.25rem); color: #64748b; }

  @media (min-width: 1025px) {
    .welcome-content[b-rn34jg2sgk] { padding: 1.5rem 2rem; gap: 2rem; }
    .welcome-content-qr img[b-rn34jg2sgk] { width: 90px; height: 90px; }
  }

  /* 1080x1920 dikey 4K ekran için ek ölçekleme */
  @media (min-height: 900px) and (orientation: portrait) {
    .welcome-content-qr img[b-rn34jg2sgk] { width: 100px; height: 100px; }
    .stat-value[b-rn34jg2sgk] { font-size: 1.75rem; }
    .stat-label[b-rn34jg2sgk] { font-size: 1rem; }
  }

  @media (min-height: 1200px) and (orientation: portrait) {
    .welcome-content-qr img[b-rn34jg2sgk] { width: 120px; height: 120px; }
    .stat-value[b-rn34jg2sgk] { font-size: 2rem; }
    .stat-label[b-rn34jg2sgk] { font-size: 1.1rem; }
  }

  @media (min-height: 1600px) and (orientation: portrait) {
    .welcome-content-qr img[b-rn34jg2sgk] { width: 180px; height: 180px; }
    .stat-value[b-rn34jg2sgk] { font-size: 2.25rem; }
    .stat-label[b-rn34jg2sgk] { font-size: 1.25rem; }
  }

  .learn-btn[b-rn34jg2sgk] {
    width: 100%;
    padding: 0.6rem;
    background: #ef4444;
    color: white;
    border: none;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: background 0.2s;
  }

  .learn-btn:hover[b-rn34jg2sgk] { background: #dc2626; }
  @media (min-width: 1025px) { .learn-btn[b-rn34jg2sgk] { padding: 0.75rem; } }

  /* Listing Card */
  .listing-card[b-rn34jg2sgk] {
    height: auto;
    background: linear-gradient(to bottom right, #fef2f2, #fee2e2);
    border: 1px solid #fecaca;
    border-radius: 0.5rem;
    padding: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    position: relative;
  }

  @media (min-width: 1025px) { .listing-card[b-rn34jg2sgk] { padding: 1rem; gap: 1rem; } }

  .listing-card[b-rn34jg2sgk]::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 4px;
    background: linear-gradient(to right, #ef4444, #dc2626);
    border-radius: 0.5rem 0.5rem 0 0;
  }

  .listing-text[b-rn34jg2sgk] {
    flex: 1;
    font-weight: 600;
    font-size: 0.8rem;
    line-height: 1.3;
    color: #0f172a;
  }

  .listing-qr[b-rn34jg2sgk] {
    flex-shrink: 0;
    background: white;
    padding: 0.4rem;
    border-radius: 0.5rem;
    border: 1px solid #cbd5e1;
  }

  .listing-qr canvas[b-rn34jg2sgk] { display: block; width: 60px !important; height: 60px !important; }
  @media (min-width: 1025px) {
    .listing-text[b-rn34jg2sgk] { font-size: 0.875rem; }
    .listing-qr[b-rn34jg2sgk] { padding: 0.5rem; }
    .listing-qr canvas[b-rn34jg2sgk] { width: 80px !important; height: 80px !important; }
  }

  /* Mobile Section */
  .mobile-section[b-rn34jg2sgk] { display: none; margin-top: 1.5rem; gap: 1.5rem; }
  .mobile-section.show[b-rn34jg2sgk] { display: flex; flex-direction: column; }
  .mobile-section > *[b-rn34jg2sgk] { max-width: 100%; }
  
/* /Pages/ScreenNumarator.razor.rz.scp.css */
/* Main Content */
main[b-qjy5g6n4gs] {
    flex: 1 1 auto;
    min-height: 0; /* EN KRİTİK */
    max-width: 100%;
    margin: 0 auto;
    padding: 1rem;
    overflow: hidden; /* sayfa yerine iç listeler scroll */
}

.grid-container[b-qjy5g6n4gs] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    gap: 1rem;
    /* EN KRİTİK: 100vh hesabını kaldırıp container’a bağla */
    height: 100%;
    min-height: 0;
}

.grid-container-inshift[b-qjy5g6n4gs] {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
    gap: 1rem;
    /* EN KRİTİK: 100vh hesabını kaldırıp container’a bağla */
    height: 100%;
    min-height: 0;
}

@media (min-width: 1025px) {


    .grid-container[b-qjy5g6n4gs] {
        grid-template-columns: 1fr 1fr;
        grid-template-rows: 1fr;
        gap: 1.5rem;
    }

    .grid-container-inshift[b-qjy5g6n4gs] {
        grid-template-columns: 1fr;
        grid-template-rows: 1fr;
        gap: 1.5rem;
    }

    .right-column[b-qjy5g6n4gs] {
        display: flex !important;
    }

    .mobile-section[b-qjy5g6n4gs] {
        display: none !important;
    }
}

/* Left Column - Pharmacy List */
.left-column[b-qjy5g6n4gs] {
    min-height: 0;
}

.pharmacy-container[b-qjy5g6n4gs] {
    height: 100%;
    background: #f8fafc;
    border: 1px solid #cbd5e1;
    border-radius: 0.5rem;
    display: flex;
    flex-direction: column;
    min-height: 0;
}

.pharmacy-header[b-qjy5g6n4gs] {
    padding: 0.75rem;
    border-bottom: 1px solid #cbd5e1;
    background: white;
    border-radius: 0.5rem 0.5rem 0 0;
    flex: 0 0 auto;
}

    .pharmacy-header h2[b-qjy5g6n4gs] {
        font-size: 1.1rem;
        font-weight: 700;
        color: #0f172a;
        margin-bottom: 0.15rem;
    }

    .pharmacy-header p[b-qjy5g6n4gs] {
        font-size: 0.75rem;
        color: #64748b;
        font-weight: 500;
    }

@media (min-width: 1025px) {
    .pharmacy-header[b-qjy5g6n4gs] {
        padding: 1rem;
    }

        .pharmacy-header h2[b-qjy5g6n4gs] {
            font-size: 1.25rem;
            margin-bottom: 0.25rem;
        }

        .pharmacy-header p[b-qjy5g6n4gs] {
            font-size: 0.875rem;
        }
}

.pharmacy-list[b-qjy5g6n4gs] {
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 1rem;
    scroll-behavior: smooth;
}

.pharmacy-card[b-qjy5g6n4gs] {
    background: white;
    border: 1px solid #e2e8f0;
    border-radius: 0.5rem;
    padding: 0.75rem;
    margin-bottom: 0.5rem;
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
    position: relative;
}

@media (min-width: 1025px) {
    .pharmacy-card[b-qjy5g6n4gs] {
        padding: 1rem;
        margin-bottom: 0.75rem;
        gap: 1rem;
    }
}

.pharmacy-card[b-qjy5g6n4gs]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(to right, #ef4444, #dc2626);
    border-radius: 0.5rem 0.5rem 0 0;
}

.pharmacy-info[b-qjy5g6n4gs] {
    flex: 1;
}

.pharmacy-name[b-qjy5g6n4gs] {
    font-weight: 600;
    font-size: 1rem;
    color: #0f172a;
    line-height: 1.2;
    margin-bottom: 0.25rem;
}

.pharmacy-distance[b-qjy5g6n4gs] {
    font-size: 0.7rem;
    color: #dc2626;
    font-weight: 500;
    margin-bottom: 0.25rem;
}

@media (min-width: 1025px) {
    .pharmacy-name[b-qjy5g6n4gs] {
        font-size: 1.125rem;
    }

    .pharmacy-distance[b-qjy5g6n4gs] {
        font-size: 0.75rem;
        margin-bottom: 0.5rem;
    }
}

.pharmacy-address[b-qjy5g6n4gs] {
    display: flex;
    gap: 0.5rem;
    font-size: 0.60rem;
    color: #64748b;
    margin-bottom: 0.25rem;
}

.phone-info[b-qjy5g6n4gs], .hours-info[b-qjy5g6n4gs] {
    display: flex;
    gap: 0.5rem;
    font-size: 0.75rem;
    color: #334155;
}

@media (min-width: 1025px) {
    .pharmacy-address[b-qjy5g6n4gs] {
        font-size: 0.875rem;
        margin-bottom: 0.5rem;
    }

    .phone-info[b-qjy5g6n4gs], .hours-info[b-qjy5g6n4gs] {
        font-size: 0.875rem;
    }
}

.pharmacy-qr[b-qjy5g6n4gs] {
    flex-shrink: 0;
    background: #f1f5f9;
    padding: 0.5rem;
    border-radius: 0.5rem;
}

    .pharmacy-qr canvas[b-qjy5g6n4gs] {
        display: block;
        width: 80px !important;
        height: 80px !important;
    }

@media (min-width: 1025px) {
    .pharmacy-qr[b-qjy5g6n4gs] {
        padding: 0.75rem;
    }

        .pharmacy-qr canvas[b-qjy5g6n4gs] {
            width: 120px !important;
            height: 120px !important;
        }
}

.pharmacy-footer[b-qjy5g6n4gs] {
    flex: 0 0 auto;
    padding: 0.5rem 0.75rem;
    border-top: 1px solid #cbd5e1;
    background: white;
    border-radius: 0 0 0.5rem 0.5rem;
    font-size: 0.7rem;
    color: #94a3b8;
    text-align: center;
    overflow: hidden;
}

@media (min-width: 1025px) {
    .pharmacy-footer[b-qjy5g6n4gs] {
        padding: 0.75rem 1rem;
        font-size: 0.75rem;
    }
}

.pharmacy-footer-marquee[b-qjy5g6n4gs] {
    overflow: hidden;
    white-space: nowrap;
}

.pharmacy-footer-text[b-qjy5g6n4gs] {
    display: inline-block;
    min-width: 100%;
    padding-left: 100%;
    color: #dc2626;
    font-weight: 700;
    animation: pharmacy-footer-scroll-b-qjy5g6n4gs 14s linear infinite;
}

@keyframes pharmacy-footer-scroll-b-qjy5g6n4gs {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

/* Right Column */
.right-column[b-qjy5g6n4gs] {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    min-height: 0;
}

@media (min-width: 1025px) {
    .right-column[b-qjy5g6n4gs] {
        height: 100%;
        min-height: 0;
    }
}

/* Welcome Section */
.welcome-section[b-qjy5g6n4gs] {
    background: linear-gradient(to bottom right, #fef2f2, #fee2e2);
    border: 1px solid #fecaca;
    border-radius: 0.5rem;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    min-height: 0;
    height: auto;
}

@media (min-width: 1025px) {
    .welcome-section[b-qjy5g6n4gs] {
        flex: 1 1 auto;
        height: 100%;
    }
}

.welcome-image[b-qjy5g6n4gs] {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    height: 150px;
}

.welcome-video-container[b-qjy5g6n4gs] {
    width: 100%;
    height: 100vh;
    position: relative;
}

.welcome-video[b-qjy5g6n4gs] {
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: absolute;
    inset: 0;
    display: block;
    background: transparent;
}

.welcome-video-placeholder[b-qjy5g6n4gs] {
    position: absolute;
    inset: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0.5rem;
    color: rgba(255, 255, 255, 0.8);
    font-size: 0.875rem;
}

.welcome-image svg[b-qjy5g6n4gs] {
    width: 150px;
    height: 150px;
    opacity: 0.1;
}

@media (min-width: 1025px) {
    .welcome-image[b-qjy5g6n4gs] {
        flex: 1 1 auto;
        height: 100%;
        min-height: 0;
    }

        .welcome-image svg[b-qjy5g6n4gs] {
            width: 300px;
            height: 300px;
        }
}

.play-button[b-qjy5g6n4gs] {
    width: 60px;
    height: 60px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(4px);
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 10;
}

.play-icon[b-qjy5g6n4gs] {
    width: 0;
    height: 0;
    border-left: 18px solid white;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    margin-left: 5px;
}

@media (min-width: 1025px) {
    .play-button[b-qjy5g6n4gs] {
        width: 100px;
        height: 100px;
    }

    .play-icon[b-qjy5g6n4gs] {
        border-left: 30px solid white;
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent;
        margin-left: 8px;
    }
}

/* Welcome Content - 1080x1920 dikey 4K için optimize */
.welcome-content[b-qjy5g6n4gs] {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: 1.5rem;
    padding: 1rem 1.25rem;
    background: white;
    flex: 0 0 auto;
}

.welcome-content-text[b-qjy5g6n4gs] {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.welcome-content-qr[b-qjy5g6n4gs] {
    flex-shrink: 0;
    background: white;
    padding: 0.5rem;
    border-radius: 0.5rem;
    border: 1px solid #e2e8f0;
}

    .welcome-content-qr img[b-qjy5g6n4gs] {
        display: block;
        width: 80px;
        height: 80px;
        object-fit: contain;
    }

/* 1080x1920 portrait 4K - büyük fontlar */
.welcome-badge[b-qjy5g6n4gs] {
    display: inline-block;
    background: #fee2e2;
    color: #991b1b;
    padding: 0.35rem 1rem;
    border-radius: 9999px;
    font-size: 2.75rem;
    font-weight: 600;
    width: fit-content;
}

.welcome-company-name[b-qjy5g6n4gs] {
    font-size: 3.6rem;
    font-weight: 700;
    color: #0f172a;
    margin: 0;
    line-height: 1.15;
    letter-spacing: -0.02em;
}

.welcome-content p[b-qjy5g6n4gs] {
    font-size: clamp(0.8rem, 2vh, 2rem);
    color: #475569;
    margin: 0;
    line-height: 1.4;
}

.welcome-stats[b-qjy5g6n4gs] {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    margin-top: 0.5rem;
}

.stat[b-qjy5g6n4gs] {
    text-align: center;
    padding: 0.5rem 1rem;
    background: #fef2f2;
    border: 1px solid #fecaca;
    border-radius: 0.5rem;
}

.stat-value[b-qjy5g6n4gs] {
    font-size: clamp(1rem, 2.5vh, 2rem);
    font-weight: 700;
    color: #dc2626;
}

.stat-label[b-qjy5g6n4gs] {
    font-size: clamp(0.65rem, 1.5vh, 1.25rem);
    color: #64748b;
}

@media (min-width: 1025px) {
    .welcome-content[b-qjy5g6n4gs] {
        padding: 1.5rem 2rem;
        gap: 2rem;
    }

    .welcome-content-qr img[b-qjy5g6n4gs] {
        width: 90px;
        height: 90px;
    }
}

/* 1080x1920 dikey 4K ekran için ek ölçekleme */
@media (min-height: 900px) and (orientation: portrait) {
    .welcome-content-qr img[b-qjy5g6n4gs] {
        width: 100px;
        height: 100px;
    }

    .stat-value[b-qjy5g6n4gs] {
        font-size: 1.75rem;
    }

    .stat-label[b-qjy5g6n4gs] {
        font-size: 1rem;
    }
}

@media (min-height: 1200px) and (orientation: portrait) {
    .welcome-content-qr img[b-qjy5g6n4gs] {
        width: 120px;
        height: 120px;
    }

    .stat-value[b-qjy5g6n4gs] {
        font-size: 2rem;
    }

    .stat-label[b-qjy5g6n4gs] {
        font-size: 1.1rem;
    }
}

@media (min-height: 1600px) and (orientation: portrait) {
    .welcome-content-qr img[b-qjy5g6n4gs] {
        width: 180px;
        height: 180px;
    }

    .stat-value[b-qjy5g6n4gs] {
        font-size: 2.25rem;
    }

    .stat-label[b-qjy5g6n4gs] {
        font-size: 1.25rem;
    }
}

.learn-btn[b-qjy5g6n4gs] {
    width: 100%;
    padding: 0.6rem;
    background: #ef4444;
    color: white;
    border: none;
    border-radius: 0.5rem;
    font-weight: 600;
    font-size: 0.875rem;
    cursor: pointer;
    transition: background 0.2s;
}

    .learn-btn:hover[b-qjy5g6n4gs] {
        background: #dc2626;
    }

@media (min-width: 1025px) {
    .learn-btn[b-qjy5g6n4gs] {
        padding: 0.75rem;
    }
}

/* Listing Card */
.listing-card[b-qjy5g6n4gs] {
    height: auto;
    background: linear-gradient(to bottom right, #fef2f2, #fee2e2);
    border: 1px solid #fecaca;
    border-radius: 0.5rem;
    padding: 0.75rem;
    display: flex;
    align-items: center;
    gap: 0.75rem;
    position: relative;
}

@media (min-width: 1025px) {
    .listing-card[b-qjy5g6n4gs] {
        padding: 1rem;
        gap: 1rem;
    }
}

.listing-card[b-qjy5g6n4gs]::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background: linear-gradient(to right, #ef4444, #dc2626);
    border-radius: 0.5rem 0.5rem 0 0;
}

.listing-text[b-qjy5g6n4gs] {
    flex: 1;
    font-weight: 600;
    font-size: 0.8rem;
    line-height: 1.3;
    color: #0f172a;
}

.listing-qr[b-qjy5g6n4gs] {
    flex-shrink: 0;
    background: white;
    padding: 0.4rem;
    border-radius: 0.5rem;
    border: 1px solid #cbd5e1;
}

    .listing-qr canvas[b-qjy5g6n4gs] {
        display: block;
        width: 60px !important;
        height: 60px !important;
    }

@media (min-width: 1025px) {
    .listing-text[b-qjy5g6n4gs] {
        font-size: 0.875rem;
    }

    .listing-qr[b-qjy5g6n4gs] {
        padding: 0.5rem;
    }

        .listing-qr canvas[b-qjy5g6n4gs] {
            width: 80px !important;
            height: 80px !important;
        }
}

/* Mobile Section */
.mobile-section[b-qjy5g6n4gs] {
    display: none;
    margin-top: 1.5rem;
    gap: 1.5rem;
}

    .mobile-section.show[b-qjy5g6n4gs] {
        display: flex;
        flex-direction: column;
    }

    .mobile-section > *[b-qjy5g6n4gs] {
        max-width: 100%;
    }



.num-panel[b-qjy5g6n4gs] {
  position: absolute;
  right: 0; top: 0; bottom: 0;
  width: 40%;
  background: rgba(10,10,10,0.85);
  border-left: 1px solid rgba(255,255,255,0.15);
  backdrop-filter: blur(4px);
  -webkit-backdrop-filter: blur(4px);
  display: none;
  color: #eee;
}

.wrap.split .num-panel[b-qjy5g6n4gs] { display: block; }

.num-panel__head[b-qjy5g6n4gs] {
  padding: 10px 12px;
  border-bottom: 1px solid rgba(255,255,255,0.12);
  font-weight: 600;
  font-size: clamp(30px, 6.2vw, 64px);
  text-align: center;
  
}

.num-panel__list[b-qjy5g6n4gs] {
  position: absolute; top: 104px; bottom: 0; left: 0; right: 0;
  overflow: auto;
}

.num-row[b-qjy5g6n4gs] {
  display: flex; align-items: center; gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px dashed rgba(255,255,255,0.08);
}

.num-no[b-qjy5g6n4gs] {
  min-width: 120px;
  font-size: 40px; font-weight: 800;
  background: rgba(255,255,255,0.08);
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 10px;
  padding: 6px 10px;
  text-align: center;
}

.num-banko[b-qjy5g6n4gs] { font-size: 36px; opacity: .9; }


/* Kart düzeni: büyük numara üstte, banko altta, ortalanmış */
.num-card[b-qjy5g6n4gs] {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 9px 12px;
  text-align: center;
}

.num-main[b-qjy5g6n4gs] {
  font-size: clamp(60px, 8.2vw, 144px);
  font-weight: 900;
  line-height: 1.0;
  letter-spacing: 1px;
}

.num-sub[b-qjy5g6n4gs] {
  margin-top: 8px;
  font-size: 18px;
  opacity: .9;
}

/* Ayırıcı çizgi */
.num-sep[b-qjy5g6n4gs] {
  border: 0;
  border-top: 1px solid rgba(255,255,255,0.12);
  margin: 0 12px;
}
@keyframes blink-red-b-qjy5g6n4gs {
  0%, 100% { color: #ff4d4f; filter: drop-shadow(0 0 0 rgba(255,77,79,0)); }
  50%      { color: #ff6b70; filter: drop-shadow(0 0 8px rgba(255,77,79,0.65)); }
}
/* Sadece numaranın yanıp sönmesi için */
.num-main.blink-red[b-qjy5g6n4gs] {
  animation: blink-red-b-qjy5g6n4gs 1s linear infinite;
}

/* Erişilebilirlik: hareket azaltmayı tercih edenlerde kapat */
@media (prefers-reduced-motion: reduce) {
  .num-main.blink-red[b-qjy5g6n4gs] { animation: none; }
}
/* /Shared/AccountLayout.razor.rz.scp.css */
.authentication-wrapper[b-s2terz0ovx] {
    display: flex;
    flex-basis: 100%;
    min-height: 100vh;
    width: 100%;
}

    .authentication-wrapper .authentication-inner[b-s2terz0ovx] {
        width: 100%;
    }

    .authentication-wrapper.authentication-basic[b-s2terz0ovx] {
        align-items: center;
        justify-content: center;
    }

        .authentication-wrapper.authentication-basic .card-body[b-s2terz0ovx] {
            padding: 2rem;
        }

    .authentication-wrapper.authentication-cover[b-s2terz0ovx] {
        align-items: flex-start;
    }

        .authentication-wrapper.authentication-cover .authentication-inner[b-s2terz0ovx] {
            height: 100%;
            margin: auto 0;
        }

            .authentication-wrapper.authentication-cover .authentication-inner .auth-cover-bg[b-s2terz0ovx] {
                width: 100%;
                margin: 2rem 0 2rem 2rem;
                height: calc(100vh - 4rem);
                border-radius: 1.125rem;
                position: relative;
            }

                .authentication-wrapper.authentication-cover .authentication-inner .auth-cover-bg .auth-illustration[b-s2terz0ovx] {
                    max-height: 65%;
                    z-index: 1;
                }

            .authentication-wrapper.authentication-cover .authentication-inner .platform-bg[b-s2terz0ovx] {
                position: absolute;
                width: 100%;
                bottom: 0%;
                left: 0%;
            }

            .authentication-wrapper.authentication-cover .authentication-inner .auth-multisteps-bg-height[b-s2terz0ovx] {
                height: 100vh;
            }

                .authentication-wrapper.authentication-cover .authentication-inner .auth-multisteps-bg-height > img:first-child[b-s2terz0ovx] {
                    z-index: 1;
                }

    .authentication-wrapper.authentication-basic .authentication-inner[b-s2terz0ovx] {
        max-width: 400px;
        position: relative;
    }

    /*.authentication-wrapper.authentication-basic .authentication-inner:before {
            width: 238px;
            height: 233px;
            content: " ";
            position: absolute;
            top: -55px;
            left: -40px;
            background-image: url("data:image/svg+xml,%3Csvg width='239' height='234' viewBox='0 0 239 234' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='88.5605' y='0.700195' width='149' height='149' rx='19.5' stroke='%237367F0' stroke-opacity='0.16'/%3E%3Crect x='0.621094' y='33.761' width='200' height='200' rx='10' fill='%237367F0' fill-opacity='0.08'/%3E%3C/svg%3E%0A");
        }
           
        .authentication-wrapper.authentication-basic .authentication-inner:after {
            width: 180px;
            height: 180px;
            content: " ";
            position: absolute;
            z-index: -1;
            bottom: -30px;
            right: -56px;
            background-image: url("data:image/svg+xml,%3Csvg width='181' height='181' viewBox='0 0 181 181' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.30469' y='1.44312' width='178' height='178' rx='19' stroke='%237367F0' stroke-opacity='0.16' stroke-width='2' stroke-dasharray='8 8'/%3E%3Crect x='22.8047' y='22.9431' width='135' height='135' rx='10' fill='%237367F0' fill-opacity='0.08'/%3E%3C/svg%3E");
        } */

    .authentication-wrapper .auth-input-wrapper .auth-input[b-s2terz0ovx] {
        max-width: 50px;
        padding-left: 0.4rem;
        padding-right: 0.4rem;
        font-size: 150%;
    }

@media (max-height: 636px) {
    .auth-multisteps-bg-height[b-s2terz0ovx] {
        height: 100% !important;
    }
}

@media (max-width: 575.98px) {
    .authentication-wrapper .auth-input-wrapper .auth-input[b-s2terz0ovx] {
        font-size: 1.125rem;
    }
}

#twoStepsForm .fv-plugins-bootstrap5-row-invalid .form-control[b-s2terz0ovx] {
    border-color: #ea5455;
}

.light-style .authentication-wrapper.authentication-bg[b-s2terz0ovx] {
    background-color: #fff;
}

.light-style .auth-cover-bg-color[b-s2terz0ovx] {
    background-color: #E6F2F9;
}

.dark-style .authentication-wrapper.authentication-bg[b-s2terz0ovx] {
    background-color: #2f3349;
}

.dark-style .auth-cover-bg-color[b-s2terz0ovx] {
    background-color: #E6F2F9;
}