/* egyedi/assets/card-style.css */
body {
      margin: 0;
      padding: 0;
      font-family: 'Inter', sans-serif;
      background-color: #121212;
  }
  
  .builder-container {
      display: flex;
      justify-content: center;
      align-items: flex-start;
      gap: 50px;
      padding: 50px;
      flex-wrap: wrap;
  }
  
  /* KÁRTYA STÍLUSOK */
  .wallet-card-container {
      perspective: 1000px;
  }
  
  .wallet-card {
      width: 320px;
      height: 500px;
      background: linear-gradient(135deg, #1c1c1e 0%, #0a0a0a 100%);
      border-radius: 20px;
      position: relative;
      overflow: hidden;
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.7);
      border: 1px solid rgba(255, 255, 255, 0.1);
      transition: transform 0.45s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  }
  
  @media (hover: hover) {
      .wallet-card:hover {
          transform: rotateY(8deg) rotateX(4deg) scale(1.02);
      }
  }
  
  .card-header-stripe {
      height: 80px;
      background: #A02020; /* Alapértelmezett bordó */
      display: flex;
      align-items: center;
      justify-content: center;
      box-shadow: 0 4px 10px rgba(0,0,0,0.3);
  }
  
  .logo-preview {
      width: 100px;
      height: 100px;
      margin: -50px auto 20px;
      background-color: #2c2c2e;
      border-radius: 50%;
      border: 4px solid #1c1c1e;
      background-size: cover;
      background-position: center;
      box-shadow: 0 10px 20px rgba(0,0,0,0.4);
      position: relative;
      z-index: 2;
  }
  
  .card-content {
      padding: 20px;
      text-align: center;
      color: white;
  }
  
  .card-name {
      font-size: 1.6rem;
      font-weight: 700;
      margin: 10px 0 5px 0;
  }
  
  .card-title {
      font-size: 0.9rem;
      color: #a1a1a6;
      text-transform: uppercase;
      letter-spacing: 1px;
      margin-bottom: 30px;
  }
  
  .card-qr {
      width: 130px;
      height: 130px;
      background: white;
      margin: 0 auto;
      border-radius: 12px;
      padding: 10px;
      background-image: url('https://api.qrserver.com/v1/create-qr-code/?size=150x150&data=Profilcard');
      background-size: contain;
      background-repeat: no-repeat;
      background-position: center;
  }