#osz-szuro{max-width:1180px;margin:0 auto 34px;padding:0 20px;box-sizing:border-box}
#osz-szuro *{box-sizing:border-box}
.osz-label{display:block;text-align:center;font-size:12px;font-weight:700;letter-spacing:.18em;
  text-transform:uppercase;color:rgba(255,255,255,.6);margin-bottom:14px}
.osz-pills{display:flex;flex-wrap:wrap;justify-content:center;gap:9px}
.osz-pill{font:inherit;font-size:14px;font-weight:600;line-height:1.2;padding:10px 18px;border-radius:999px;
  border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.04);color:#fff;cursor:pointer;
  transition:background .15s,border-color .15s,color .15s}
.osz-pill:hover{border-color:#e8474f}
.osz-pill:focus-visible{outline:2px solid #e8474f;outline-offset:3px}
.osz-pill[aria-pressed="true"]{background:#e8474f;border-color:#e8474f;color:#fff}
.osz-result{text-align:center;margin:16px 0 0;font-size:14px;color:rgba(255,255,255,.7)}
.osz-result b{color:#fff}

/* a szűrt nézet: az eredeti Divi oszlopok elrejtve, helyettük saját rács */
.et_pb_row.osz-on > .et_pb_column{display:none!important}
.osz-wrap{display:none;width:100%;flex:0 0 100%}
.et_pb_row.osz-on > .osz-wrap{display:block}
.osz-tier + .osz-tier{margin-top:44px}
.osz-tier-head{display:flex;align-items:center;gap:14px;margin:0 0 20px;font-size:13px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.osz-tier-head::after{content:"";flex:1;height:1px;background:rgba(255,255,255,.18)}
.osz-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 4.5%}
.osz-card{display:flex;flex-direction:column;gap:10px;min-width:0}
.osz-card .et_pb_image{margin:0!important;width:100%!important;max-width:100%!important}
.osz-card .et_pb_image img{width:100%;height:auto;display:block}
.osz-note{margin:0;padding:0;font-size:13px;line-height:1.45;color:rgba(255,255,255,.8)}
@media (max-width:980px){
  .osz-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
  .osz-tier + .osz-tier{margin-top:32px}
  .osz-note{font-size:12px}
}
@media (max-width:560px){
  #osz-szuro{padding:0 16px}
  .osz-pill{font-size:13px;padding:9px 14px}
}
@media (prefers-reduced-motion:reduce){.osz-pill{transition:none}}