/* ===== PRÍMAVÍZ – HORECA: izolált stílusok & animációk (nincs szélesség állítás) ===== */
#pv-horeca.pv-wrapper { font-family: Arial, sans-serif; color:#1f2937; line-height:1.6; }
#pv-horeca.pv-wrapper * { box-sizing: border-box; }
#pv-horeca.pv-wrapper img { max-width:100%; height:auto; display:block; }

/* Szekciók (padding csak függőleges) */
#pv-horeca .pv-section { padding:4rem 0; }
#pv-horeca .pv-section--alt { background:#f8fafc; }
#pv-horeca .pv-divider { height:2px; background:linear-gradient(90deg,transparent,#74b9ff,transparent); margin:0; }

/* Címek, tipográfia */
#pv-horeca .pv-title{ font-size:34px; font-weight:800; text-align:center; color:#111827; margin:0 0 24px; }
#pv-horeca .pv-subtitle{ font-size:18px; text-align:center; color:#4b5563; margin:0 0 36px; }
#pv-horeca .pv-muted{ color:#6b7280; }
#pv-horeca .price{ font-size:24px; font-weight:800; color:#0b71e3; }

/* HERO háttér + dísz */
#pv-horeca .pv-hero{
  position:relative; overflow:hidden; padding:5rem 0; color:#fff;
  background:linear-gradient(135deg,#74b9ff 0%,#0984e3 50%,#2d3436 100%);
}
#pv-horeca .pv-hero h1{ font-size:48px; margin:0 0 16px; }
#pv-horeca .pv-hero p.lead{ font-size:20px; opacity:.95; margin:0 0 32px; }

/* Lebegő vízcseppek */
#pv-horeca .drop{
  position:absolute; border-radius:50% 50% 50% 0%;
  background:radial-gradient(circle at 30% 30%,#74b9ff,#0984e3);
  transform:rotate(-45deg); opacity:.18; animation:pv-float 6s ease-in-out infinite;
}
#pv-horeca .drop.d1{ top:2rem; left:2rem; width:64px; height:64px; }
#pv-horeca .drop.d2{ top:8rem; right:5rem; width:48px; height:48px; animation-delay:2s; }
#pv-horeca .drop.d3{ bottom:5rem; left:25%; width:80px; height:80px; animation-delay:4s; }
@keyframes pv-float{ 0%{transform:translateY(0) rotate(-45deg);} 50%{transform:translateY(-20px) rotate(-45deg);} 100%{transform:translateY(0) rotate(-45deg);} }

/* Statok */
#pv-horeca .pv-stats{ display:flex; gap:32px; flex-wrap:wrap; justify-content:center; }
#pv-horeca .pv-stat{ text-align:center; }
#pv-horeca .pv-stat .num{
  font-size:44px; font-weight:800;
  background:linear-gradient(45deg,#eaf3ff,#ffffff);
  -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-clip:text;
}

/* Rácsok (csak grid, NINCS max-width) */
#pv-horeca .pv-grid{ display:grid; gap:24px; }
#pv-horeca .pv-grid.cols-2{ grid-template-columns:repeat(2,1fr); }
#pv-horeca .pv-grid.cols-3{ grid-template-columns:repeat(3,1fr); }
#pv-horeca .pv-grid.cols-4{ grid-template-columns:repeat(4,1fr); }

/* Kártyák + hover */
#pv-horeca .pv-card{
  background:#fff; border:1px solid rgba(0,0,0,.06); border-radius:16px; padding:24px;
  transition:transform .25s ease, box-shadow .25s ease; height:100%; transform:translateY(0);
}
#pv-horeca .pv-card:hover{ transform:translateY(-6px); box-shadow:0 16px 32px rgba(0,0,0,.08); }

/* Gombok */
#pv-horeca .pv-btn{
  display:inline-block; padding:12px 20px; border-radius:10px; color:#fff; text-decoration:none;
  background:linear-gradient(45deg,#74b9ff,#0984e3); transition:transform .2s ease, filter .2s ease;
}
#pv-horeca .pv-btn:hover{ transform:translateY(-2px) scale(1.02); filter:brightness(1.05); }

/* Pulzálás */
#pv-horeca .pv-pulse{ animation:pv-pulse 2s infinite; }
@keyframes pv-pulse{ 0%{transform:scale(1);} 50%{transform:scale(1.05);} 100%{transform:scale(1);} }

/* Betöltéskori belibbenés (JS nélkül) */
#pv-horeca .pv-stagger > *{ opacity:0; transform:translateY(22px); animation:pv-fadeUp .8s ease forwards; }
#pv-horeca .pv-stagger > *:nth-child(1){ animation-delay:.05s; }
#pv-horeca .pv-stagger > *:nth-child(2){ animation-delay:.15s; }
#pv-horeca .pv-stagger > *:nth-child(3){ animation-delay:.25s; }
#pv-horeca .pv-stagger > *:nth-child(4){ animation-delay:.35s; }
#pv-horeca .pv-stagger > *:nth-child(5){ animation-delay:.45s; }
#pv-horeca .pv-stagger > *:nth-child(6){ animation-delay:.55s; }
@keyframes pv-fadeUp{ to{ opacity:1; transform:translateY(0); } }

/* Lábléc blokk */
#pv-horeca .pv-footer{ color:#fff; padding:48px 0; background:linear-gradient(135deg,#74b9ff 0%,#0984e3 50%,#2d3436 100%); }

/* Reszponzív: csak oszlopszámok változnak */
@media (max-width:1024px){
  #pv-horeca .pv-grid.cols-3{ grid-template-columns:repeat(2,1fr); }
  #pv-horeca .pv-grid.cols-4{ grid-template-columns:repeat(2,1fr); }
}
@media (max-width:640px){
  #pv-horeca .pv-hero h1{ font-size:34px; }
  #pv-horeca .pv-hero .pv-stat .num{ font-size:36px; }
  #pv-horeca .pv-grid.cols-2, #pv-horeca .pv-grid.cols-3, #pv-horeca .pv-grid.cols-4{ grid-template-columns:1fr; }
}