/* oBeynet v6.8.22 — tablet/desktop auth + popular listings refinement */

/* Guest authentication actions must remain visible on tablets and desktop.
   Mobile keeps the hamburger navigation. */
@media (min-width:641px){
  .ob682-nav.ob-auth-guest .ob682-nav-inner{
    width:min(1480px,calc(100% - 28px))!important;
    max-width:1480px!important;
    min-height:68px!important;
    display:flex!important;
    align-items:center!important;
    flex-wrap:nowrap!important;
    gap:14px!important;
    padding:0!important;
  }
  .ob682-nav.ob-auth-guest .ob682-logo{flex:0 0 auto!important;margin-right:auto!important}
  .ob682-nav.ob-auth-guest .ob682-desktop-links{display:none!important}
  .ob682-nav.ob-auth-guest .ob682-lang{display:none!important}
  .ob682-nav.ob-auth-guest .ob-menu-toggle{display:none!important;visibility:hidden!important}
  .ob682-nav.ob-auth-guest .ob682-actions{
    display:flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:8px!important;
    flex:0 0 auto!important;
    min-width:max-content!important;
    margin-left:auto!important;
  }
  .ob682-nav.ob-auth-guest .ob682-actions > a.ob689-login,
  .ob682-nav.ob-auth-guest .ob682-actions > a.ob689-register{
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    align-items:center!important;
    justify-content:center!important;
    min-height:40px!important;
    padding:0 10px!important;
    white-space:nowrap!important;
    font-size:13px!important;
    line-height:1!important;
    flex:0 0 auto!important;
  }
  .ob682-nav.ob-auth-guest .ob682-actions > a.ob689-register{
    border:1px solid #d8dde3!important;
    border-radius:10px!important;
    background:#fff!important;
  }
  .ob682-nav.ob-auth-guest .ob682-actions > a.ob682-publish{
    display:inline-flex!important;
    min-height:42px!important;
    padding:0 13px!important;
    font-size:12px!important;
    white-space:nowrap!important;
  }
}
@media (min-width:1181px){
  .ob682-nav.ob-auth-guest .ob682-nav-inner{gap:26px!important}
  .ob682-nav.ob-auth-guest .ob682-desktop-links{display:flex!important;min-width:0!important;gap:20px!important}
  .ob682-nav.ob-auth-guest .ob682-actions{gap:10px!important}
  .ob682-nav.ob-auth-guest .ob682-actions > a.ob689-login,
  .ob682-nav.ob-auth-guest .ob682-actions > a.ob689-register{font-size:14px!important;padding:0 12px!important}
  .ob682-nav.ob-auth-guest .ob682-actions > a.ob682-publish{font-size:13px!important;padding:0 17px!important}
}
@media (min-width:641px) and (max-width:760px){
  .ob682-nav.ob-auth-guest .ob682-logo{font-size:24px!important}
  .ob682-nav.ob-auth-guest .ob682-actions{gap:6px!important}
  .ob682-nav.ob-auth-guest .ob682-actions > a.ob689-login,
  .ob682-nav.ob-auth-guest .ob682-actions > a.ob689-register{font-size:12px!important;padding:0 8px!important}
  .ob682-nav.ob-auth-guest .ob682-actions > a.ob682-publish{font-size:11px!important;padding:0 10px!important}
}
@media (max-width:640px){
  .ob682-nav.ob-auth-guest .ob682-actions{display:none!important;visibility:hidden!important}
  .ob682-nav.ob-auth-guest .ob-menu-toggle{display:flex!important;visibility:visible!important}
}

/* Popular listings: visually distinct and always exactly six cards max from PHP. */
.ob822-popular-section{
  position:relative;
  overflow:hidden;
  padding:28px!important;
  border:1px solid #dfeaf4;
  border-radius:22px;
  background:linear-gradient(135deg,#f7fbff 0%,#eef6ff 48%,#fff 100%);
  box-shadow:0 16px 44px rgba(31,130,207,.08);
}
.ob822-popular-section:before{
  content:"";
  position:absolute;
  width:240px;
  height:240px;
  border-radius:50%;
  right:-90px;
  top:-120px;
  background:radial-gradient(circle,rgba(31,130,207,.13),rgba(31,130,207,0) 70%);
  pointer-events:none;
}
.ob822-popular-head{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:18px}
.ob822-popular-head h2{margin:3px 0 4px;font-size:26px;letter-spacing:-.03em}
.ob822-popular-head p{margin:0;color:#66737f;font-size:13px}
.ob822-popular-head>a{font-size:13px;font-weight:800;color:#1f82cf;white-space:nowrap}
.ob822-popular-kicker{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:900;letter-spacing:.14em;color:#1f82cf}
.ob822-popular-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.ob822-popular-card{position:relative;background:#fff!important;border-color:#dce8f2!important;box-shadow:0 8px 24px rgba(32,80,118,.08)!important;transition:transform .18s ease,box-shadow .18s ease}
.ob822-popular-card:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(32,80,118,.13)!important}
.ob822-popular-card>img,.ob822-popular-card>.ob820-listing-ph{height:145px}
.ob822-rank{position:absolute;top:10px;left:10px;z-index:3;display:inline-flex;align-items:center;justify-content:center;min-width:31px;height:25px;padding:0 8px;border-radius:999px;background:#0d1720;color:#fff;font-size:11px;font-weight:900;box-shadow:0 4px 14px rgba(0,0,0,.18)}
.ob822-hot{display:inline-flex;align-items:center;width:max-content;max-width:100%;margin-bottom:6px;padding:4px 7px;border-radius:999px;background:#fff2dc;color:#a75b00;font-size:9px;font-weight:900;letter-spacing:.02em}
@media (max-width:1180px){.ob822-popular-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ob822-popular-card>img,.ob822-popular-card>.ob820-listing-ph{height:170px}}
@media (max-width:760px){
  .ob822-popular-section{padding:18px 14px!important;border-radius:18px;margin-left:-4px;margin-right:-4px}
  .ob822-popular-head{align-items:flex-start;margin-bottom:14px}
  .ob822-popular-head h2{font-size:21px}
  .ob822-popular-head p{font-size:12px;max-width:260px}
  .ob822-popular-head>a{font-size:11px}
  .ob822-popular-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ob822-popular-card>img,.ob822-popular-card>.ob820-listing-ph{height:126px}
}