/* Add col-small id */
@media(min-width: 500px) {
  .services-list.flex.flex-col {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr);
    gap: 0.5rem;
  }
    
  .services-list.flex.flex-col .service {
    grid-column: span 2;
  }
    
  .services-list.flex.flex-col .service > div {
    height: 100%;
  }
  
  .services-list.flex.flex-col .service > .mb-2 {
    margin-bottom: 0 !important;
  }
  
  .services-list.flex.flex-col #col-small.service {
    grid-column: span 1;
  }
}

.service-title {
  height: 52px;
}

/* Hide elements with _hidden prefix */
[data-name^="_hidden"] .service-title,
.bookmark-group .bookmark-group-name {
  display: none;
}

/* Hide footer completely */
#footer {
  display: none;
}

/* Ukrycie domy�lnych strza�ek i stylizacja scrolla dla Webkit (Chrome, Safari, Edge) */
.service-container .overflow-y-auto {
  scrollbar-width: thin;           /* Firefox */
  scrollbar-color: rgba(100,100,100,0.4) transparent;
  -ms-overflow-style: none;        /* IE 10+ */
}

.service-container .overflow-y-auto::-webkit-scrollbar {
  width: 6px;                       /* Chrome/Safari/Edge */
}

.service-container .overflow-y-auto::-webkit-scrollbar-track {
  background: transparent;
}

.service-container .overflow-y-auto::-webkit-scrollbar-thumb {
  background-color: rgba(100,100,100,0.4);
  border-radius: 3px;
}

.service-container .overflow-y-auto::-webkit-scrollbar-thumb:hover {
  background-color: rgba(100,100,100,0.7);
}