:root {
  --lb-overlay-bg: black;
  --lb-overlay-opacity: 0.8;
  --lb-container-bg: white;
  --lb-image-border-width: 0px;
  --lb-image-border-color: white;
  --lb-border-radius: 3px;
  --lb-text-color: #ccc;
  --lb-caption-link-color: #4ae;
  --lb-number-color: #999;
  --lb-nav-transition-speed: 0.1s;
  --lb-close-transition-speed: 0.1s;
}

.kep{

margin-bottom: 10px;
}
body{
  background-color: rgb(197, 197, 197);
  
}

.keptarolo{
  padding:  0.3% 0.3% 0.3% 0.3%;
    display: grid;
    place-items: center; 
  transition: transform 0.1s ease;
  
}
.keptarolo1{
  padding: 0.3% 0.3% 0.3% 0.3%;
    display: grid;
    place-items: center; 
  transition: transform 0.1s ease;
  
}

.keptarolo_main{
  padding: 1px 1px 1px 1px;
    display: grid;
    place-items: center; 
  transition: transform 0.3s ease;
 
  
}
.keptarolo img{
  width: 100%;
}
.padding1px{
padding: 1px 1px 1px 1px;
}

.keptarolo:hover{
  transform: scale(1.05);
}

.gomb{
  color:rgb(255, 255, 255);
  transition: color 0.1s ease;
}
.gomb:hover{
  background-color:rgb(26, 26, 26);
}

.horizontal-scroll-wrapper {
  
  margin-left: auto;
  margin-right: auto;
  display: flex;
  overflow-x: auto;
 background-color: rgb(112, 111, 111);
  white-space: nowrap;
  /*scroll-snap-type: x mandatory; /* Elmozdulás után a legközelebbi elemhez ugrik */
  scroll-behavior: auto;       /* Sima görgetés */
  -webkit-overflow-scrolling: touch; /* Finom görgetés iOS eszközökön */
  gap: 10px;                     /* Távolság az elemek között */
  padding: 5px;
  
  
}


/* Az egyes elemek (kártyák/szekciók) */
.scroll-item {
  flex: 0 0  45%;                 /* Az elem szélessége (pl. a képernyő 80%-a) */
    /* Tetszőleges magasság */
  scroll-snap-align: start;      /* Hol tapadjon be az elem a görgetés után */
  background-color: #ffffff00;     /* Teszt háttérszín */
  color: white;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  border-radius: 10px;
  transition: transform 0.2s ease-in-out;


}

.scroll-item img{
  z-index: 1;
  
}



/* Opcionális: A görgetősáv elrejtése a szebb dizájnért */
.horizontal-scroll-wrapper::-webkit-scrollbar {
  display: none; /* Chrome, Safari és Opera esetén */
}
.horizontal-scroll-wrapper {
  -ms-overflow-style: none;  /* IE és Edge */
  scrollbar-width: none;  /* Firefox */
}
row{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1px;
  padding: 1px;
}