/* HSZ hirdetések (0.9.44): négyzetes forgó hely és felúszó sáv a listaoldalakon */
.hh-hely{margin-top:16px;padding:14px 14px 12px;border:1px solid var(--line,#E3EAF0);border-radius:22px;background:#fff;color:var(--ink,#0B1F2E)}
.hh-fej{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:22px;margin-bottom:12px}
.hh-fej b{font-size:16px;font-weight:600;letter-spacing:-.01em;line-height:1.25}
.hh-fej .f-jel{position:relative}
.hh-fej .f-i{width:22px;height:22px;border-radius:50%;border:1px solid var(--line,#E3EAF0);background:#fff;font-family:inherit;font-size:11px;font-weight:600;color:var(--ink3,#5B6B78);cursor:pointer;padding:0}
.hh-fej .f-tip{right:0;left:auto;width:220px}
.hh-fej .f-tip a{color:inherit;font-weight:600;text-decoration:underline}
.hh-tart{position:relative;width:100%;max-width:295px;aspect-ratio:1/1;margin:0 auto;border-radius:12px;overflow:hidden;background:#DCE8F0}
.hh-tart .hh-elem{position:absolute;inset:0;display:block;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s}
.hh-tart .hh-elem.on{opacity:1;visibility:visible}
.hh-tart .hh-elem img{display:block;width:100%;height:100%;object-fit:cover}
.hh-pont{display:flex;justify-content:center;gap:6px;margin-top:12px}
.hh-pont button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#C9D5DE;cursor:pointer;transition:width .2s}
.hh-pont button.on{width:18px;background:var(--ink,#0B1F2E)}
.hh-pont button:focus{outline:none}
.hh-pont button:focus-visible{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--blue,#0090D7)}
/* asztal: hirdetéssel a szűrő teljes hosszában látszik (nem ragad), alatta a hirdetés görgetéskor a helyén marad.
   !important: a szálláslista ragadós szűrő szabálya semmilyen betöltési sorrendben ne írja felül */
@media(min-width:1101px){
  .hsz-elo .l-bal.hh-oszlop{align-self:stretch!important}
  .hsz-elo .l-bal.hh-oszlop .l-szuro{position:relative!important;top:auto!important;max-height:none!important}
  .hsz-elo .l-bal.hh-oszlop .l-szuro-test{overflow:visible!important;max-height:none!important;-webkit-mask-image:none!important;mask-image:none!important;padding-bottom:0!important}
  .hsz-elo .l-bal.hh-oszlop .hh-hely{position:sticky;top:88px;z-index:1}
  body.admin-bar .hsz-elo .l-bal.hh-oszlop .hh-hely{top:120px}
  .hh-mob{display:none!important}
}
@media(max-width:1100px){
  .l-bal .hh-hely{display:none}
  .hh-mob{grid-column:1/-1;margin:4px 0;padding:14px 0 10px;border:0;border-top:1px solid var(--line2,#EDF2F6);border-bottom:1px solid var(--line2,#EDF2F6);border-radius:0;background:transparent}
  .hh-mob .hh-fej,.hh-mob .hh-tart{max-width:340px;margin-left:auto;margin-right:auto}
  .hh-mob .hh-fej{margin-bottom:10px}
}
/* felúszó sáv (csak asztalon) */
.hh-fsav{position:fixed;left:50%;bottom:20px;z-index:850;width:min(970px,calc(100vw - 48px));transform:translateY(140%);visibility:hidden;transition:transform .45s cubic-bezier(.2,.8,.2,1),visibility .45s}
.hh-fsav.on{transform:none;visibility:visible}
.hh-fsav .hh-elem{display:none;border-radius:14px;overflow:hidden;box-shadow:0 24px 50px -18px rgba(6,20,31,.55),0 0 0 1px rgba(255,255,255,.08)}
.hh-fsav .hh-elem.on{display:block}
.hh-fsav img{display:block;width:100%;height:auto;aspect-ratio:970/90;object-fit:cover}
.hh-jel{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:#fff;color:var(--ink3,#5B6B78);font-size:11.5px;font-weight:600;line-height:1;white-space:nowrap}
.hh-fsav .hh-jel{position:absolute;left:12px;top:-28px;box-shadow:0 4px 12px -6px rgba(0,0,0,.35)}
.hh-fsav .zar{position:absolute;right:-10px;top:-10px;display:grid;place-items:center;width:30px;height:30px;padding:0;border:0;border-radius:50%;background:#fff;cursor:pointer;box-shadow:0 6px 16px -6px rgba(0,0,0,.45)}
.hh-fsav .zar svg{width:14px;height:14px;fill:var(--ink,#0B1F2E)}
.hh-fsav .zar:focus{outline:none}
.hh-fsav .zar:focus-visible{box-shadow:0 0 0 2px var(--blue,#0090D7)}
@media(max-width:1100px){.hh-fsav{display:none}}
