/* Buborék Grid v1.8.2 – desktop max 3, mobil 1 oszlop, erős mobil-láthatóság */
.buborek-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(260px,1fr)); /* MAX 3 oszlop desktopon */
  gap:24px;
  align-items:stretch;
  width:100%;
  max-width:1400px;
  margin:0 auto;
  padding:16px;
}
@media (max-width:1200px){
  .buborek-grid{ grid-template-columns:1fr !important; }
}

.buborek-card{
  position:relative !important;
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  width:100% !important;
  height:230px !important;                 /* fix magasság – nem esik össze */
  border-radius:24px;
  overflow:hidden;
  background:#111;
  background-size:cover !important;
  background-position:center !important;
  box-shadow:0 10px 24px rgba(0,0,0,.18);
  text-decoration:none;
}
@media (max-width:768px){
  .buborek-card{ height:210px !important; }
}

.buborek-overlay{
  position:absolute; inset:0;
  background:linear-gradient(180deg, rgba(40,40,40,0.55) 0%, rgba(40,40,40,0.75) 60%, rgba(40,40,40,0.90) 100%);
  z-index:0;
}

.buborek-corner-icon{
  position:absolute;
  top:6px; right:6px;
  width:44px; height:44px;
  border-radius:50%;
  object-fit:cover;
  box-shadow:0 2px 8px rgba(0,0,0,.28);
  z-index:3;
  pointer-events:none;
}
@media (max-width:768px){
  .buborek-corner-icon{ width:36px; height:36px; }
}

.buborek-title{
  position:absolute;
  left:20px; right:20px; bottom:18px;
  color:#fff; font-weight:800; line-height:1.15;
  font-size:1.25rem; text-shadow:0 2px 10px rgba(0,0,0,.45);
  z-index:2;
}