body{
   font-family: 'Inter', sans-serif;
    font-size: clamp(12px, 1.5vw, 18px);
   touch-action: pan-x pan-y; /* pinch-zoom tiltása */

}
.logokep{
   width: 15rem;
   float:left;
  
}

p {
  font-size: 1.1rem !important;
}



.marketing{
max-width: 650px;
margin: auto;
}

nav img {
  height: 60px;
  transition: transform 0.3s ease, filter 0.3s ease;
}
nav img:hover {
  transform: scale(1.05);
  filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3)) brightness(1.1);
}


.topmenu {
  width: 100%; 
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 99999;
  background-color: white; /* vagy amit használsz */
  filter: drop-shadow(0 4px 8px rgba(0,0,0,0.3)) brightness(1.1);
   
  
}

/* Telefonkeretes videó */
.video-frame {
  position: relative;
  max-width: 320px;
  margin: auto;
}

.phone-video {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 24px;
  object-fit: cover;
}

.phone-frame {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

/* Lista stílus */
.course-list {
  list-style: none;
  padding-left: 0;
}

.course-list li {
  position: relative;
  padding-left: 0px;
  margin-bottom: 12px;
  font-size: 1.3rem;
  line-height: 1.4;
  text-align: right;  
  margin-right: -20px;
}

.rowheight{
line-height: 250%;
}

.course-list li::before {
  content: "✔";
  position: absolute;
  left: 0;
  top: 0;
  color: #28a745; /* zöld pipa */
  font-weight: bold;
}

/* Reszponzív igazítás */
@media (min-width: 768px) {
  .course-section {
    align-items: center;
  }
}

.menu-header {
  display: flex;
  justify-content: space-between;
  align-items: center;

}

.menu-toggle {

  z-index: 3000;
  background: none;
  border: none;
  font-size: 2rem;
  color: rgb(49, 49, 49);
  cursor: pointer;
  display: none; /* csak mobilon lesz látható */
  float:left;
   
  
}

.menu-toggle2{
display: none; /* csak mobilon lesz látható */
z-index: 3000;
  background: none;
  border: none;
  font-size: 2rem;
  color: rgb(49, 49, 49);
  cursor: pointer;
  display: none; /* csak mobilon lesz látható */
  float:left;

}

.nav-links {
  list-style: none;
  display: flex;
  gap: 20px;
  margin: 0;
  padding: 0;

}


.jelmagyarazat {
border: 1px solid rgba(45, 45, 45, 0.1);
}

.nav-links img{
padding-top:10px;
}

.nav-links li a {
    font-family: 'Poppins', sans-serif;
  font-size: 1.0rem;
  color: rgb(70, 69, 69);
  text-decoration: none !important;
   font-weight: 700;
  
  
}



@media (max-width: 768px) {
  .menu-toggle {
    display: block;
    transition: transform 0.2s ease;
    
  }

.marketing{
 width: 300px !important;
}

.pythonkep2 {
display: none !important;
}

p {
  font-size: 1.2rem !important;
}

 video{
      display: none;
}

.text-white{
padding: 20px;
margin-top: 10px;
}



.erettagazat{
font-size: 1.3rem;
  font-weight: bold;
  position: relative;
  display: inline-block;
  color: #222; /* vagy amit szeretnél */
}

.erettagazat::after {
  content: "";
  position: absolute;
  bottom: -6px; /* a szöveg alatt jelenik meg */
  left: 0;
  width: 50%; /* lehet: 100%, 60%, stb. */
  height: 2px;
  background-color: #193987; /* választható szín */
  border-radius: 2px;
}

.ajandek{
font-size: 1.2rem;
  font-weight: bold;
  position: relative;
  display: inline-block;
  color: #222; /* vagy amit szeretnél */
}

.kiknek {
 margin: auto;
 display: block;
}

.align-items-center{
margin:auto;
}

.kiknek p{
font-size: 1rem !important;
}

.kiknek svg{
 max-width: 50px !important;
}

.ajandek::after {
  content: "";
  position: absolute;
  bottom: -6px; /* a szöveg alatt jelenik meg */
  left: 0;
  width: 50%; /* lehet: 100%, 60%, stb. */
  height: 2px;
  background-color: #193987; /* választható szín */
  border-radius: 2px;
}

.elso{
font-size: 1.2rem !important;
text-align: center !important;
}

.text-white h1{
   color: rgb(61, 61, 61);
   text-shadow: none;
   text-align: center;
   font-size: 2.5rem !important;
   
}

.text-white p{
   color: rgb(61, 61, 61);
   text-shadow: none;
}

.menu-toggle2 {
    display: block;
    width: 100%;
    text-align: center;
    align-items: center;   /* függőleges középre */
    margin-bottom: 10px;
    z-index: 0;
  
  }
.menu-toggle2 a{
text-decoration: none !important;
}


.menu-toggle2  img{
 max-height: 40px;

}

   .menu-toggle:hover {
   transform: scale(1.2); /* enyhe nagyítás */
   }

  .nav-links img {
    margin: auto;
    display: block;
    padding-top: 10px;
    padding-bottom: 10px;

  }



  .nav-links {
  gap: 0px;
  flex-direction: column;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background-color: #e9e9e9;
  padding-top: 10px;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  z-index: 2000;
  box-shadow: 4px 0 8px rgba(0, 0, 0, 0.1);
}
.nav-links.show {
  transform: translateX(0);
}

.card{
margin-top: 40px !important;
}

.card2 {
  background-color: #ffffff;
  max-width: 800px;
  margin: 0 auto;
  padding: 20px !important;
  
  

}

.pythonkep{
   max-width: 320px !important;
   margin: auto !important;
   display: block;
   
}

.pythonkep2{
   display: none;
}

  .nav-links li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.05); /* csík a menüpontok között */
  }

  .nav-links li a {
  
    padding: 20px;  
    display: block;
    color: rgb(33, 33, 33);
    text-decoration: none !important;
    font-weight: 600;
    transition: background-color 0.3s;
  }

  .nav-links li a:hover {
   padding: 20px;
    background-color: rgba(75, 86, 114, 0.05); /* halvány szín hover-re */
  }

   .menu-header img{
    height: 45px;
    margin-top: 10px;
}
   .cim{
 font-family: 'Poppins', sans-serif;
   font-size: 1.0rem; 
   font-weight: 600;
   color: #232323;
   align-items: center;
   padding-left: 1px;
   color: rgb(70, 69, 69);
   }

.csomagkartya_2 {

max-width: 320px !important;

}

.csomagkartya {

max-width: 310px !important;

}

 .csomagkartya ul li {
     font-size: 0.95rem !important;

    }



}



.card-body{

margin-left: 14px;
}

.card3{
 margin-top:15px;
 background-color: rgb(238, 237, 237);
 border-radius: 10px;
 padding: 15px;
}

.card-body{

margin-top:20px;

}




nav ul {
  text-align: left;

}

nav ul li {
  display: inline-block;
}

nav ul li a {
  padding: 18px;
  font-family: 'Poppins', sans-serif;
  color: rgba(33, 33, 33, 0.8);
  font-size: 18px;
  text-decoration: none;
  display: block;
  
}

nav ul li a:hover {
  color: #27a29d;
   text-decoration: underline;
}

ul{

margin-bottom: 0 !important;

}

.erettagazat{
  background-color: rgba(255, 193, 7, 0.15);
  color: #FFC107;
  padding: 0.2em 0.2em;
  border-radius: 6px;
  font-weight: 500;
  backdrop-filter: blur(2px);
}

.marketing-box {
  background-color: rgba(26, 42, 31, 0.4);
  max-width: 1290px;
  color: black;
  padding: 1rem;
  border-radius: 0rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  font-size: 1rem;
  font-family: 'Segoe UI', sans-serif;
  animation: pulse 2s infinite;
  margin: 1.5rem auto;
  text-align: center;
}



@keyframes pulse {
  0% { transform: scale(1); }
  50% { transform: scale(1.015); }
  100% { transform: scale(1); }
}


.ajandek{
  background-color: rgba(255, 193, 7, 0.15);
  color: #FFC107;
  padding: 0.2em 0.2em;
  border-radius: 6px;
  font-weight: 500;
  backdrop-filter: blur(2px);
}

.profile-wrapper {
  position: absolute;
  top: 100;
  left: 0;
  z-index: 1000;
 
}

.profile-pic {
  height: 310px;
  width: 310px;
  object-fit: cover;
  border-top-right-radius: 0%;
  border-bottom-right-radius: 80%;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-right: 2px solid #27a29d;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  display: block;
}


.hero-box {
   background: white;   
   padding: 20px;
   margin-bottom: 10px;
   box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
   font-size: 1.2rem;
   line-height: 1.8;
   transition: transform 0.3s ease;
}

.hero-box:hover {
   transform: translateY(5px);
}

   body {
         font-family: 'Inter', sans-serif;
         background-color: #fff;
         color: #2b2b2b;
         line-height: 1.6;
      }

   
      .nav-link {
         font-weight: 600;
         color: #333;
      }

      .nav-link:hover {
         color: #007bff;
      }

      .hero-section {
         background-image: url('img/gray.png');
         padding: 70px 0;
         text-align: center;
      }

      .hero-section h1 {
         font-size: 3rem;
         font-weight: 800;
      }

      .hero-section p {
         font-size: 1.25rem;
         max-width: 700px;
         margin: 20px auto;
      }

      .btn-primary {
         background-color: #007bff;
         border: none;
         border-radius: 2rem;
         padding: 0.75rem 2rem;
      }

      .section-title {
         font-weight: 800;
         font-size: 2rem;
         text-align: center;
         margin: 40px 0 30px;
         text-align: center;
         
         border-radius: 10px;
        
         
      }

      .feature-box {
         position: relative;
         color: rgb(232, 230, 230) !important;
         text-align: center;
         padding: 30px;
         background-color: rgba(0, 35, 122, 0.9);
         border-radius: 1rem;
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
         transition: transform .3s;
         max-width: 500px;
         margin: auto;
        height: 250px;

 
      }

      .feature-box:hover {
         transform: translateY(-5px);
      }

.velemenyek {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 30px;
      max-width: 1000px;
      margin: auto;
    }

  .velemenyek {
      max-width: 1200px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: 20px;
    }

    .velemeny {
      max-width: 80%;
      padding: 15px 20px;
      border-radius: 20px;
      background-color: #e0e7ff;
      position: relative;
      opacity: 0;
      transform: translateY(40px);
      transition: all 0.6s ease;
    }

    .velemeny:nth-child(even) {
      align-self: flex-end;
      background-color: #d1fae5;
      border-top-right-radius: 0;
    }

    .velemeny:nth-child(odd) {
      align-self: flex-start;
      border-top-left-radius: 0;
    }

    .velemeny.visible {
      opacity: 1;
      transform: translateY(0);
    }

    @media (max-width: 600px) {
      .velemeny {
        max-width: 100%;
        font-size: 0.9rem !important;
      }
    }


.badge {
  position: absolute;
  top: -0.7rem;
  left: 50%;
  transform: translateX(-50%);
  background-color: rgba(255, 193, 7, 0.9);
  color: black;
  font-size: 1rem;
  font-weight: 300;
  padding: 0.35rem 0.90rem;
  border-radius: 12px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.12);
  opacity: 1;          /* mindig látszik */
  visibility: visible; /* mindig látszik */
}

.csomagkartya_2 svg {
color: #193986;

}

.vonal {
      width: 1cm;
      height: 5px;
      background-color: #193986;
      border-radius: 999px; /* teljesen kerekített végek */
      margin: auto; /* középre igazítás */
    }

      footer {
         background: #121212;
         color: #ccc;
         padding: 40px 0;
         text-align: center;
      }


 .feature-box2 {
         text-align: center;
         padding: 30px;
         margin-top:10px;
         border-radius: 1rem;
         box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
         transition: transform .3s;
      }

      .feature-box2:hover {
         transform: translateY(-5px);
      }



.fomain{
   background-image: url("img/gray_pattern.jpg");
}
header{
   border-bottom: solid 2px #1A5468;
   height: 90px;
}

h1,h2,h3{
   text-align: center;
   padding-top:5px;
   padding-bottom:5px;
   font-weight: 800;
  
}

.elso {
   font-size: 1.2rem;

}
#rolam p{
   font-size: larger;
   
}


.block0{
 
  background-color: rgba(44,49,60, 0.2); /* Overlay color, adjust alpha to control darkness */
  
}


.pythonkep{
   width:100%;
}

.pythonkep2{
   max-width: 400px !important;
   margin: auto !important;
   display: block;
}

table tr td p{
   font-size: x-large;
}
table tr td{
text-align:left;

}


.pkep{
   width: 90%;
}

#rolam{
   display: flex;
  align-items: center;  /* Ez igazítja a képet függőlegesen középre */
  gap: 20px;
  padding: 20px;
   width:100%;
}

img{
   margin: auto;
}

.profkep{
   margin-left: 50px;;
   margin-right: auto;
   display: block;
   max-width: 300px;
   border-radius: 40px;
}

.profkepfelirat{
   padding-top:10px;
   padding-bottom:10px;
   background-color: rgba(250, 210, 25, 0.8);
   text-align: center;
   width: 301px;
}

.win{
   margin-left: 0px !important;
   padding-left: 0px !important;
}

.win li {
   display: flex;
   align-items: flex-start;
   margin-bottom: 15px;
   font-size: 20px;
   vertical-align: middle;
   align-items: center;
}

.win .icon {
   flex-shrink: 0;
   height: 50px;
   width: 50px;
   background-size: 50px;
   background-image: url("img/pipe_1.png");
   background-repeat: no-repeat;
   margin-right: 20px;
   margin-left: 0px;
}

.plusz-container {
   display: flex;
   align-items: flex-start; /* Igazítja a plusz jelet és a szöveget az elején */
}
.pluszjel {
   flex: 0 0 auto; /* A plusz jel mérete fix marad */
   margin-right: 15px; /* Távolság a plusz jel és a szöveg között */
   font-size:30px;
   color: #5fb51b;
   font-weight: lighter;
}
.pluszszoveg {
   flex: 1; /* A szöveg kiterjed a rendelkezésre álló helyre */
   word-break: break-word; /* A szavak tördelése a sor végén */
   padding-top: 0px;
}

.win .text {
   flex-grow: 1;
}

.kiknek tr td{
   padding:18px;
}

.card{
margin-top: 20px !important;
border-radius: 10px;
height: 100%;
}


.card-text{
   font-family: 'Open Sans';
   font-size: 14px;

}

.card-img-top{
   width: 200px;
align-items: center; 
}
.card-text{
   text-align:center;
}

.ido{
   height:140px;
}


.nav-item{

   font-weight: 800;
   border-radius: 0;
   margin-top: 42px;
   padding-left: 0.5rem;
  
    
   
}

button{
   margin:1px !important;
}



.jobb{
   text-align: left !important;
}


 @media screen and (max-width: 768px) {
   .fejlecalatt{
      width: 500px;

   }

 }

 @media screen and (max-width: 992px) {
   .fejlecalatt{
      width: 650px;
   }

 }

 @media screen and (max-width: 1200px) {
   .fejlecalatt{
      width: 800px;
   }

 }


 .card-header button{
   text-align:left;
   align-items: center;
   vertical-align: middle;
   width: 100%;

 }
.card-header img{
   float: left;
   padding-right: 8px;
   vertical-align: middle;
   padding-top:5px; 
align-items: center; 
}
.card-header{
   width: 100%;
   min-height: 50px;
}


.lablec p{
   color: #eceaea;   
   text-align: left;
}
.lablec a{
   color: #e0dede;
   text-decoration: none;
}
.lablec a:hover{
   color: #307F86;
   text-decoration: none;
}

.kozossegi{
width: 30px;
}

.uveg{
   backdrop-filter: blur(10px);
   border-radius: 130px;
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   border: 1px solid rgba(255, 255, 255, 0.3);
   background: rgba(255, 255, 255, 0.2);
}
.card-header button{
  background-color: rgb(rgb(41, 41, 41));
  color: rgb(64, 64, 64);
  font-weight: 500;
}

.mycontainer{
   max-width: 1300px;
   margin: auto;
   display: block;
}

.form-control{
   height: 40px;
   border-radius: 0%;
}
.btn{
   border-radius: 0%;
}

input{
   box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
   
}

.form-control:valid {
   background-color: rgba(44,49,60,0.1) !important;
 }

.level{
   border: 2px solid #3e3e3e;
   height: 100px;
 }

 .kerdesek{
   font-size: 13px;
 }

 .zoom-on-scroll {
   transition: transform 0.6s ease;
   will-change: transform;
}

.zoom-on-scroll.in-view {
   transform: scale(1.05);
}

.divider {
  display: flex;
  
  &:before,
  &:after {
    content: "";
    flex: 1;
  }
}

.donotcross {
  overflow: hidden;
  align-items: center;
  background: #2B2B2B;
  color: black;
  height: 0.3em;
  line-height: 2em;
	
  &:before,
  &:after {
    background: white;
    padding: 50px 0;
    height: 0;
    transform: rotate(45deg);
  }
}

.colour-block {
  background-color: rgb(210, 214, 224);
  padding:3% 3% 3% 3%;
  color:rgb(rgb(46, 46, 46));
}
.white-block {
  background:#fff;

}



.skew-cc{
  width:100%;
  height:100px;
  position:absolute;
  left:0px;
  background: linear-gradient(to right bottom, rgb(210, 214, 224) 49%, #fff 50%),    linear-gradient(-50deg, #ffffff 16px, #000 0);
}


/*-------------------------*/
/* SKEW COUNTER CLOCKWISE  */
/*-------------------------*/
.skew-c{
  width:100%;
  height:100px;
  position:absolute;
  left:0px;
  background: linear-gradient(to left bottom, #fff 49%, rgb(210, 214, 224) 50%);
}

.diagonal-corners {
        position: relative;
        width: fit-content;
        display: inline-block;
        overflow: hidden;
        clip-path: polygon(60px 0%, 100% 0%, 100% calc(100% - 60px), calc(100% - 60px) 100%, 0% 100%, 0% 60px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.2); /* Opcionális */
        transition: transform 0.3s ease;
    }

    .diagonal-corners:hover {
        transform: scale(1.03);
    }

    .diagonal-corners img {
        display: block;
        width: 100%;
        height: auto;
        display: flex;
        height: auto;
    }

.diagonal-corners2 {
      
        margin: auto;    
        clip-path: polygon(60px 0%, 100% 0%, 100% calc(100% - 60px), calc(100% - 60px) 100%, 0% 100%, 0% 60px);
        box-shadow: 0 4px 12px rgba(0,0,0,0.2); /* Opcionális */
        transition: transform 0.3s ease;
    }


 ul.custom-list {
      list-style: none;
      padding-left: 0;
    }

    ul.custom-list li {
      position: relative;
      padding-left: 28px;
      margin-bottom: 10px;
      font-size: 1rem;
      color: #333;
    }

    ul.custom-list li::before {
      content: '☑';
      position: absolute;
      left: 0;
      top: 0;
      color: #2ecc71;
      font-weight: bold;
      font-size: 1rem;
    }

    @media (max-width: 600px) {
      .card {
        padding: 20px;
        margin-top: 10px;
      }
    }

.card2 {
  background-color: #ffffff;
  max-width: 800px;
  margin: 0 auto;
  padding: 30px 40px;
  border-top: 1px solid rgba(52, 52, 52,0.2);
   border-bottom: 1px solid rgba(52, 52, 52,0.2);
 border-right: 1px solid rgba(52, 52, 52,0.2);


  /* Levágott sarok a bal felső és jobb alsó részen */
  clip-path: polygon(
    40px 0%,             /* bal felső vízszintes vágás */
    calc(100% - 40px) 0%, /* jobb felső vízszintes vágás */
    100% 40px,            /* jobb felső függőleges vágás */
    100% calc(100% - 40px), /* jobb alsó függőleges vágás */
    calc(100% - 40px) 100%, /* jobb alsó vízszintes vágás */
    40px 100%,           /* bal alsó vízszintes vágás */
    0% calc(100% - 40px), /* bal alsó függőleges vágás */
    0% 40px              /* bal felső függőleges vágás */
  );
}

.container-flex {
  display: flex;
  align-items: center;  /* Ez igazítja a képet függőlegesen középre */
  gap: 20px;
  padding: 20px;
  text-align: justify;
}

.image-center {
  width: 80px;
  height: auto;
}

.text-content {
  flex: 1;
}

.csomagkartya {
      background: #ffffff;
      border-radius: 0px;
      box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
      padding: 10px;
      position: relative;
      transition: transform 0.2s ease;
      max-width: 600px;
      margin: 20px;
      border: solid 1px rgba(26, 42, 31,0.6);
     
    }

.csomagkartya p{
font-size: 0.5rem;
}

.csomagkartya_2 {
      background-color: rgb(226, 228, 234);
      border-radius: 0px;
      box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);
      padding: 10px;
      position: relative;
      transition: transform 0.2s ease;
      margin: 10px;
      max-width: 290px; 
   
     
    }

.csomagkartya.active {
    background-color: #d4edda !important;
    border: 2px solid #28a745;
}

@font-face {
  font-family: 'MyFont', Arial, Helvetica, sans-serif;; /* Ez lesz a hivatkozási név */
  src: url('fonts/quick.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}

.ar-kiemelt {
  font-family: 'Lucida Sans';
  font-size: 1.1rem;
  font-weight: 600;
  letter-spacing: 1px;
  color: #383838; /* élénk piros, de lecserélheted zöldre (#28a745) vagy kékre (#1d3557) */
  margin-top: 1px;
  text-align: center;
  margin-bottom: 10px;
padding: 0px; 
}

.ar-kiemelt2 {
  font-family: 'Lucida Sans';
  font-size: 0.9rem;
  font-weight: 400;
  letter-spacing: 1px;
  color: #383838; /* élénk piros, de lecserélheted zöldre (#28a745) vagy kékre (#1d3557) */
  margin-top: 10px;
  text-align: center;
  margin-bottom: 2px;
padding: 0px; 
text-decoration: line-through;
}

.ar-kiemelt-free{
 font-family: 'Raleway', sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 2px;
  color: #0e961e; /* élénk piros, de lecserélheted zöldre (#28a745) vagy kékre (#1d3557) */
  margin-top: 10px;
  text-align: center;
  margin-bottom: 10px;
  line-height: 2rem;
   padding: 10px;

}


    .csomagkartya:hover {
      transform: translateY(-4px);
    }

    .csomagkartya h3 {
      font-size: 1.2rem;
      margin-bottom: 12px;
      color: #2c3e50;
    }

 .csomagkartya h4 {
      font-size: 1.0rem;
      margin-top: 12px;
      color: #2c3e50;
      font-weight: 600;
      margin-left: 17px;

    }

.csomagkartya p {
      font-size: 0.8rem;
      margin-top: 12px;
      color: #2c3e50;
      margin-left: 17px;

    }

    .csomagkartya ul {
      list-style: none;
      padding: 0;
      margin: 0 0 16px 0;
    }

    .csomagkartya ul li {
      margin-bottom: 8px;
      padding-left: 1em;
      position: relative;
      color: black;
    }



    .csomagkartya input[type="checkbox"] {
      position: absolute;
      top: 20px;
      right: 20px;
      transform: scale(1.3);
      cursor: pointer;
    }

    .selected-list {
      max-width: 800px;
      margin: 0 auto;
      background: #fff;
      border-radius: 0px;
      padding: 20px;
      box-shadow: 0 4px 14px rgba(0,0,0,0.05);
    }

    .selected-list h4 {
      margin-top: 0;
    }

    .selected-list ul {
      list-style: none;
      padding-left: 0;
    }

    .selected-list ul li {
      margin-bottom: 6px;
    }

    .submit-btn {
      margin-top: 20px;
      padding: 12px 20px;
      background: #2c3e50;
      color: #fff;
      border: none;
      border-radius: 8px;
      font-weight: bold;
      cursor: pointer;
    }

button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}

    .submit-btn:hover {
      background: #1a252f;
    }

.text-white {
  text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.8);
}

.text-white h1 {
 font-size: 3.4rem;
font-family: 'Poppins', sans-serif;
padding: 20px;
}


 /* --- Alap stílusok a felugróhoz --- */
    .cc-banner{position:fixed;inset:auto 0 0 0;display:none;z-index:2147483647;background:rgba(0, 0, 0, 0.8);color:#fff;box-shadow:0 -6px 24px rgba(0,0,0,.3)}
    .cc-container{max-width:1100px;margin:0 auto;padding:16px;display:flex;gap:16px;align-items:center;justify-content:space-between}
    .cc-text{font-size:14px;line-height:1.5}
    .cc-actions{display:flex;gap:8px;flex-wrap:wrap}
    .cc-btn{border:0;border-radius:8px;padding:10px 14px;font-weight:600;cursor:pointer}
    .cc-btn--primary{background:#16a34a;color:#fff}
    .cc-btn--secondary{background:#374151;color:#fff}
    .cc-link{color:#93c5fd;text-decoration:underline}
    .cc-manage{position:fixed;right:16px;bottom:16px;background:#111;color:#fff;border:0;border-radius:999px;padding:10px 14px;cursor:pointer;z-index:2147483646;box-shadow:0 8px 20px rgba(0,0,0,.25);font-size:14px}
    @media (max-width:700px){.cc-container{flex-direction:column;align-items:flex-start}.cc-actions{width:100%}.cc-btn{flex:1}}