/* ===================================================
     PHOENIX GAMING HERO SECTION - MODERN GAMING ENGINE
     =================================================== */
        .hero.hero-games {
          position: relative;
          min-height: 86vh;
          display: flex;
          align-items: center;
          overflow: hidden;
        }

        .hero.hero-games .container {
          position: relative;
          z-index: 3;
        }

        /* Background & Cyber Gaming Overlay */
        .hero.hero-games .hero-bg-overlay {
          background:
            radial-gradient(1000px 600px at 20% 20%, rgba(255, 107, 53, 0.28) 0%, transparent 65%),
            linear-gradient(180deg, rgba(18, 18, 18, 0.72) 0%, rgba(18, 18, 18, 0.88) 55%, #121212 100%);
        }

        [data-theme="light"] .hero.hero-games .hero-bg-overlay {
          background:
            radial-gradient(1100px 600px at 20% 20%, rgba(255, 107, 53, 0.22) 0%, transparent 65%),
            linear-gradient(180deg, rgba(15, 17, 23, 0.50) 0%, rgba(18, 18, 24, 0.70) 55%, rgba(24, 24, 28, 0.94) 100%);
        }

        .hero.hero-games .hero-games__content {
          max-width: 1220px;
          margin: 0 auto;
          padding: clamp(2.5rem, 5vw, 4.5rem) 0 clamp(1.5rem, 3vw, 2.5rem) 0;
        }

        /* Top Bar & Gamer Status */
        .hero-games__top {
          display: flex;
          align-items: center;
          justify-content: flex-start;
          gap: 0.85rem;
          flex-wrap: wrap;
          margin-bottom: 1.35rem;
        }

        .hero-games__status-badge {
          display: inline-flex;
          align-items: center;
          gap: 0.55rem;
          padding: 0.42rem 0.9rem;
          border-radius: 999px;
          background: rgba(255, 107, 53, 0.16);
          border: 1px solid rgba(255, 107, 53, 0.35);
          color: #ff8555;
          font-size: 0.78rem;
          font-weight: 850;
          letter-spacing: 0.8px;
          text-transform: uppercase;
          box-shadow: 0 0 20px rgba(255, 107, 53, 0.2);
        }

        .status-pulse-dot {
          width: 8px;
          height: 8px;
          border-radius: 50%;
          background: #10b981;
          box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
          animation: pulseGreenDot 1.8s infinite;
        }

        @keyframes pulseGreenDot {
          0% {
            transform: scale(0.95);
            box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7);
          }

          70% {
            transform: scale(1);
            box-shadow: 0 0 0 8px rgba(16, 185, 129, 0);
          }

          100% {
            transform: scale(0.95);
            box-shadow: 0 0 0 0 rgba(16, 185, 129, 0);
          }
        }

        .hero-games__pills {
          display: flex;
          flex-wrap: wrap;
          gap: 0.5rem;
        }

        .hero-pill {
          display: inline-flex;
          align-items: center;
          gap: 0.4rem;
          padding: 0.38rem 0.75rem;
          border-radius: 999px;
          font-size: 0.82rem;
          font-weight: 750;
          color: rgba(255, 255, 255, 0.92);
          background: rgba(255, 255, 255, 0.06);
          border: 1px solid rgba(255, 255, 255, 0.14);
          backdrop-filter: blur(8px);
          -webkit-backdrop-filter: blur(8px);
          transition: all 0.2s ease;
        }

        .hero-pill:hover {
          border-color: rgba(255, 255, 255, 0.3);
          background: rgba(255, 255, 255, 0.1);
          transform: translateY(-1px);
        }

        .hero-pill--fire {
          background: rgba(255, 107, 53, 0.18);
          border-color: rgba(255, 107, 53, 0.35);
          color: #ff9d75;
        }

        .hero-pill--shield {
          background: rgba(16, 185, 129, 0.14);
          border-color: rgba(16, 185, 129, 0.32);
          color: #34d399;
        }

        .hero-pill--soft {
          background: rgba(255, 107, 53, 0.12);
          border-color: rgba(255, 107, 53, 0.28);
          color: #ffaa85;
        }

        /* Hero Main Layout Grid */
        .hero-games__layout {
          display: grid;
          grid-template-columns: 1.28fr 0.92fr;
          gap: 2.75rem;
          align-items: center;
          margin-bottom: 2.5rem;
        }

        /* Hero Copy (Sol Taraf) */
        .hero-games__title {
          font-size: clamp(2.3rem, 4.4vw, 3.65rem);
          font-weight: 950;
          line-height: 1.1;
          letter-spacing: -0.025em;
          color: #ffffff;
          margin: 0 0 1rem 0;
          text-shadow: 0 10px 30px rgba(0, 0, 0, 0.45);
        }

        .gaming-gradient-text {
          background: linear-gradient(135deg, #ff6b35 0%, #ffa502 50%, #ff4757 100%);
          -webkit-background-clip: text;
          -webkit-text-fill-color: transparent;
          display: inline-block;
          filter: drop-shadow(0 2px 14px rgba(255, 107, 53, 0.4));
        }

        .hero-games__subtitle {
          font-size: clamp(1rem, 1.35vw, 1.18rem);
          font-weight: 800;
          color: #ffd29d;
          margin: 0 0 0.95rem 0;
          letter-spacing: 0.2px;
        }

        .hero-games__lead {
          font-size: clamp(0.95rem, 1.1vw, 1.05rem);
          line-height: 1.68;
          color: rgba(255, 255, 255, 0.82);
          margin: 0 0 1.6rem 0;
          max-width: 58ch;
        }

        .hero-games__lead strong {
          color: #ffffff;
          font-weight: 750;
        }

        /* Popüler Oyun Hızlı Seçim Barı */
        .hero-games__quick-games {
          margin: 0 0 1.85rem 0;
          padding: 0.9rem 1.1rem;
          background: rgba(26, 26, 26, 0.75);
          border: 1px solid rgba(255, 255, 255, 0.1);
          border-radius: 14px;
          backdrop-filter: blur(10px);
          -webkit-backdrop-filter: blur(10px);
        }

        .quick-games__title {
          display: block;
          font-size: 0.78rem;
          font-weight: 850;
          text-transform: uppercase;
          letter-spacing: 0.6px;
          color: rgba(255, 255, 255, 0.65);
          margin-bottom: 0.55rem;
        }

        .quick-games__title i {
          color: var(--brand-primary);
          margin-right: 0.35rem;
        }

        .quick-games__list {
          display: flex;
          flex-wrap: wrap;
          gap: 0.45rem;
        }

        .quick-game-tag {
          display: inline-flex;
          align-items: center;
          gap: 0.35rem;
          padding: 0.3rem 0.65rem;
          background: rgba(255, 255, 255, 0.05);
          border: 1px solid rgba(255, 255, 255, 0.12);
          border-radius: 8px;
          color: rgba(255, 255, 255, 0.88);
          font-size: 0.82rem;
          font-weight: 750;
          text-decoration: none;
          transition: all 0.2s cubic-bezier(0.2, 0.8, 0.2, 1);
        }

        .quick-game-tag .qg-dot {
          width: 6px;
          height: 6px;
          border-radius: 50%;
          background: var(--brand-primary);
          display: inline-block;
        }

        .quick-game-tag:hover {
          background: rgba(255, 107, 53, 0.22);
          border-color: rgba(255, 107, 53, 0.5);
          color: #ffffff;
          transform: translateY(-2px);
          box-shadow: 0 4px 14px rgba(255, 107, 53, 0.25);
        }

        /* CTA Buttons */
        .hero-games__actions {
          display: flex;
          align-items: center;
          gap: 1rem;
          flex-wrap: wrap;
        }

        .btn-gaming-primary {
          position: relative;
          display: inline-flex;
          align-items: center;
          gap: 0.65rem;
          padding: 0.95rem 1.85rem;
          background: linear-gradient(135deg, #ff6b35 0%, #ff4757 100%);
          color: #ffffff !important;
          font-size: 1.02rem;
          font-weight: 850;
          text-decoration: none;
          border-radius: 12px;
          border: none;
          box-shadow: 0 8px 24px rgba(255, 107, 53, 0.38), 0 0 0 1px rgba(255, 255, 255, 0.2) inset;
          transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
          overflow: hidden;
        }

        .btn-gaming-primary:hover {
          transform: translateY(-3px) scale(1.02);
          box-shadow: 0 12px 32px rgba(255, 107, 53, 0.55), 0 0 0 1px rgba(255, 255, 255, 0.3) inset;
          color: #ffffff !important;
        }

        .btn-gaming-primary .btn-arrow {
          transition: transform 0.25s ease;
        }

        .btn-gaming-primary:hover .btn-arrow {
          transform: translateY(3px);
        }

        .btn-gaming-secondary {
          display: inline-flex;
          align-items: center;
          gap: 0.65rem;
          padding: 0.95rem 1.6rem;
          background: rgba(255, 255, 255, 0.06);
          border: 1px solid rgba(255, 255, 255, 0.18);
          border-radius: 12px;
          color: #ffffff !important;
          font-size: 0.98rem;
          font-weight: 750;
          text-decoration: none;
          backdrop-filter: blur(10px);
          -webkit-backdrop-filter: blur(10px);
          transition: all 0.25s ease;
        }

        .btn-gaming-secondary:hover {
          background: rgba(255, 255, 255, 0.12);
          border-color: rgba(255, 255, 255, 0.35);
          transform: translateY(-2px);
          color: #ffffff !important;
        }

        /* Sağ Sütun: Canlı Gaming HUD Konsolu */
        .hero-games__hud-wrapper {
          position: relative;
        }

        .hero-games__hud-wrapper::before {
          content: '';
          position: absolute;
          inset: -20px;
          background: radial-gradient(circle at center, rgba(255, 107, 53, 0.22) 0%, transparent 70%);
          filter: blur(20px);
          z-index: 0;
          pointer-events: none;
        }

        .gaming-hud-card {
          position: relative;
          z-index: 1;
          background: #181818;
          border: 1px solid rgba(255, 107, 53, 0.3);
          border-radius: 20px;
          padding: 1.4rem;
          backdrop-filter: blur(16px);
          -webkit-backdrop-filter: blur(16px);
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55), 0 0 35px rgba(255, 107, 53, 0.12);
        }

        [data-theme="light"] .gaming-hud-card {
          background: #181818;
          border-color: rgba(255, 107, 53, 0.35);
        }

        .hud-card-header {
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding-bottom: 1rem;
          margin-bottom: 1rem;
          border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        }

        .hud-header-left {
          display: flex;
          align-items: center;
          gap: 0.55rem;
        }

        .hud-live-indicator {
          width: 9px;
          height: 9px;
          border-radius: 50%;
          background: #10b981;
          box-shadow: 0 0 10px #10b981;
        }

        .hud-header-title {
          font-size: 0.78rem;
          font-weight: 900;
          letter-spacing: 1px;
          color: #ff8555;
        }

        .hud-header-status {
          font-size: 0.72rem;
          font-weight: 850;
          letter-spacing: 0.6px;
          color: #34d399;
          background: rgba(16, 185, 129, 0.14);
          padding: 0.25rem 0.55rem;
          border-radius: 6px;
          border: 1px solid rgba(16, 185, 129, 0.3);
        }

        .hud-metrics-list {
          display: flex;
          flex-direction: column;
          gap: 0.85rem;
        }

        .hud-metric-row {
          display: flex;
          align-items: center;
          gap: 0.9rem;
          padding: 0.8rem 0.95rem;
          background: rgba(255, 255, 255, 0.035);
          border: 1px solid rgba(255, 255, 255, 0.08);
          border-radius: 12px;
          transition: all 0.2s ease;
        }

        .hud-metric-row:hover {
          background: rgba(255, 255, 255, 0.06);
          border-color: rgba(255, 107, 53, 0.35);
          transform: translateX(3px);
        }

        .hud-metric-icon {
          width: 38px;
          height: 38px;
          border-radius: 10px;
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 1.05rem;
          flex-shrink: 0;
        }

        .hud-icon--shield {
          background: rgba(16, 185, 129, 0.15);
          color: #10b981;
          border: 1px solid rgba(16, 185, 129, 0.3);
        }

        .hud-icon--ping {
          background: rgba(255, 107, 53, 0.15);
          color: #ff8555;
          border: 1px solid rgba(255, 107, 53, 0.3);
        }

        .hud-icon--cpu {
          background: rgba(255, 107, 53, 0.15);
          color: #ff6b35;
          border: 1px solid rgba(255, 107, 53, 0.3);
        }

        .hud-icon--storage {
          background: rgba(255, 107, 53, 0.12);
          color: #ffaa85;
          border: 1px solid rgba(255, 107, 53, 0.25);
        }

        .hud-metric-content {
          flex: 1;
          min-width: 0;
        }

        .hud-metric-top {
          display: flex;
          align-items: center;
          justify-content: space-between;
          gap: 0.5rem;
          margin-bottom: 0.2rem;
        }

        .hud-metric-name {
          font-size: 0.86rem;
          font-weight: 800;
          color: #ffffff;
        }

        .hud-metric-tag {
          font-size: 0.72rem;
          font-weight: 850;
          padding: 0.15rem 0.45rem;
          border-radius: 4px;
        }

        .hud-tag--green {
          background: rgba(16, 185, 129, 0.2);
          color: #34d399;
        }

        .hud-metric-value {
          font-size: 0.88rem;
          font-weight: 900;
          color: #ffffff;
        }

        .hud-value--highlight {
          color: #34d399;
          text-shadow: 0 0 10px rgba(52, 211, 153, 0.5);
        }

        .hud-metric-desc {
          font-size: 0.76rem;
          color: rgba(255, 255, 255, 0.65);
          line-height: 1.35;
        }

        .hud-card-footer {
          display: flex;
          align-items: center;
          gap: 0.65rem;
          margin-top: 1.15rem;
          padding-top: 0.95rem;
          border-top: 1px solid rgba(255, 255, 255, 0.1);
        }

        .hud-footer-chip {
          flex: 1;
          display: inline-flex;
          align-items: center;
          justify-content: center;
          gap: 0.45rem;
          padding: 0.5rem 0.65rem;
          background: rgba(255, 255, 255, 0.04);
          border: 1px solid rgba(255, 255, 255, 0.08);
          border-radius: 8px;
          font-size: 0.76rem;
          font-weight: 750;
          color: rgba(255, 255, 255, 0.85);
        }

        .hud-footer-chip i {
          color: var(--brand-primary);
        }

        /* Alt 4'lü Altyapı İstatistikleri Şeridi */
        .hero-games__metrics {
          display: grid;
          grid-template-columns: repeat(4, 1fr);
          gap: 1.25rem;
          padding: 1.4rem 1.85rem;
          background: #181818;
          border: 1px solid rgba(255, 255, 255, 0.12);
          border-radius: 18px;
          backdrop-filter: blur(14px);
          -webkit-backdrop-filter: blur(14px);
          box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35);
        }

        [data-theme="light"] .hero-games__metrics {
          background: #181818;
        }

        .hero-metric {
          display: flex;
          align-items: center;
          gap: 1rem;
          padding: 0.25rem 0.5rem;
          border-right: 1px solid rgba(255, 255, 255, 0.1);
        }

        .hero-metric:last-child {
          border-right: none;
        }

        .hero-metric__icon {
          width: 44px;
          height: 44px;
          border-radius: 12px;
          background: rgba(255, 107, 53, 0.14);
          border: 1px solid rgba(255, 107, 53, 0.28);
          color: var(--brand-primary);
          display: flex;
          align-items: center;
          justify-content: center;
          font-size: 1.2rem;
          flex-shrink: 0;
        }

        .hero-metric__value {
          font-size: 1.45rem;
          font-weight: 950;
          line-height: 1.1;
          letter-spacing: -0.02em;
          color: #ffffff;
        }

        .hero-metric__label {
          font-size: 0.82rem;
          font-weight: 750;
          color: rgba(255, 255, 255, 0.72);
          margin-top: 0.25rem;
        }

        /* Responsive Media Queries */
        @media (max-width: 1024px) {
          .hero-games__layout {
            grid-template-columns: 1fr;
            gap: 2rem;
          }

          .hero-games__hud-wrapper {
            max-width: 600px;
            margin: 0 auto;
            width: 100%;
          }
        }

        @media (max-width: 768px) {
          .hero.hero-games {
            min-height: auto;
          }

          .hero-games__metrics {
            grid-template-columns: repeat(2, 1fr);
            gap: 1rem;
            padding: 1.1rem;
          }

          .hero-metric {
            border-right: none;
            padding: 0.5rem 0;
          }

          .hero-games__actions {
            flex-direction: column;
            align-items: stretch;
          }

          .btn-gaming-primary,
          .btn-gaming-secondary {
            justify-content: center;
            width: 100%;
          }
        }

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

          .quick-games__list {
            overflow-x: auto;
            flex-wrap: nowrap;
            padding-bottom: 0.4rem;
          }

          .quick-game-tag {
            flex-shrink: 0;
          }
        }

        /* Hero Light Theme Adaptations (Sinematik Koyu Gamer Atmosferi - Resimler Net, Göz Yormayan) */
        [data-theme="light"] .hero-games__title {
          color: #ffffff;
          text-shadow: 0 10px 30px rgba(0, 0, 0, 0.55);
        }

        [data-theme="light"] .hero-games__subtitle {
          color: #ffd29d;
        }

        [data-theme="light"] .hero-games__lead {
          color: rgba(255, 255, 255, 0.85);
        }

        [data-theme="light"] .hero-games__lead strong {
          color: #ffffff;
        }

        [data-theme="light"] .hero-games__quick-games {
          background: rgba(26, 26, 26, 0.8);
          border-color: rgba(255, 255, 255, 0.12);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.35);
        }

        [data-theme="light"] .quick-games__title {
          color: rgba(255, 255, 255, 0.7);
        }

        [data-theme="light"] .quick-game-tag {
          background: rgba(255, 255, 255, 0.06);
          border-color: rgba(255, 255, 255, 0.14);
          color: rgba(255, 255, 255, 0.9);
        }

        [data-theme="light"] .quick-game-tag:hover {
          background: rgba(255, 107, 53, 0.25);
          border-color: #ff6b35;
          color: #ffffff;
        }

        [data-theme="light"] .btn-gaming-secondary {
          background: rgba(255, 255, 255, 0.08);
          border-color: rgba(255, 255, 255, 0.2);
          color: #ffffff !important;
          box-shadow: 0 8px 20px rgba(0, 0, 0, 0.25);
        }

        [data-theme="light"] .btn-gaming-secondary:hover {
          background: rgba(255, 255, 255, 0.15);
          border-color: #ff6b35;
          color: #ffffff !important;
        }

        [data-theme="light"] .hero-pill {
          background: rgba(255, 255, 255, 0.08);
          border-color: rgba(255, 255, 255, 0.16);
          color: rgba(255, 255, 255, 0.95);
        }

        [data-theme="light"] .hero-pill--fire {
          background: rgba(255, 107, 53, 0.2);
          border-color: rgba(255, 107, 53, 0.4);
          color: #ffaa85;
        }

        [data-theme="light"] .hero-pill--shield {
          background: rgba(16, 185, 129, 0.18);
          border-color: rgba(16, 185, 129, 0.38);
          color: #34d399;
        }

        [data-theme="light"] .hero-pill--soft {
          background: rgba(255, 107, 53, 0.14);
          border-color: rgba(255, 107, 53, 0.32);
          color: #ffaa85;
        }

        [data-theme="light"] .gaming-hud-card {
          background: #181818;
          border-color: rgba(255, 107, 53, 0.35);
          box-shadow: 0 20px 50px rgba(0, 0, 0, 0.55), 0 0 35px rgba(255, 107, 53, 0.12);
        }

        [data-theme="light"] .hud-card-header {
          border-bottom-color: rgba(255, 255, 255, 0.1);
        }

        [data-theme="light"] .hud-metric-row {
          background: rgba(255, 255, 255, 0.035);
          border-color: rgba(255, 255, 255, 0.08);
        }

        [data-theme="light"] .hud-metric-row:hover {
          background: rgba(255, 255, 255, 0.06);
          border-color: rgba(255, 107, 53, 0.35);
        }

        [data-theme="light"] .hud-metric-name {
          color: #ffffff;
        }

        [data-theme="light"] .hud-metric-value {
          color: #ffffff;
        }

        [data-theme="light"] .hud-value--highlight {
          color: #34d399;
        }

        [data-theme="light"] .hud-metric-desc {
          color: rgba(255, 255, 255, 0.65);
        }

        [data-theme="light"] .hud-card-footer {
          border-top-color: rgba(255, 255, 255, 0.1);
        }

        [data-theme="light"] .hud-footer-chip {
          background: rgba(255, 255, 255, 0.04);
          border-color: rgba(255, 255, 255, 0.08);
          color: rgba(255, 255, 255, 0.85);
        }

        [data-theme="light"] .hero-games__metrics {
          background: #181818;
          border-color: rgba(255, 255, 255, 0.12);
          box-shadow: 0 14px 40px rgba(0, 0, 0, 0.35);
        }

        [data-theme="light"] .hero-metric {
          border-right-color: rgba(255, 255, 255, 0.1);
        }

        [data-theme="light"] .hero-metric__value {
          color: #ffffff;
        }

        [data-theme="light"] .hero-metric__label {
          color: rgba(255, 255, 255, 0.72);
        }

        [data-theme="light"] .hero-metric__icon {
          background: rgba(255, 107, 53, 0.14);
          border-color: rgba(255, 107, 53, 0.28);
          color: var(--brand-primary);
        }

        /* Brand Bar Soft Transition (Beyazlık göz yormasın) */
        [data-theme="light"] .hero-brand-bar {
          background: #eaedf2 !important;
          border-color: rgba(15, 23, 42, 0.08) !important;
          box-shadow: none !important;
        }

        [data-theme="light"] .hero-brand-title {
          color: #0f172a !important;
        }

        [data-theme="light"] .hero-brand-subtitle {
          color: #64748b !important;
        }