/* ============================================================
   LimoBoard — Modern Classifieds UI v3
   Clean · Polished · Blue accent
   ============================================================ */

/* — Reset — */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

/* — Design Tokens — */
:root{
  /* Blue gradient */
  --lb-grad:linear-gradient(135deg,#3b82f6 0%,#1e40af 100%);
  --lb-grad-hover:linear-gradient(135deg,#60a5fa 0%,#2563eb 100%);
  --lb-grad-soft:linear-gradient(135deg,rgba(59,130,246,.06) 0%,rgba(30,64,175,.06) 100%);

  /* Solid blue accent */
  --lb-accent:#2563eb;
  --lb-accent-light:#3b82f6;
  --lb-accent-dark:#1e40af;
  --lb-accent-glow:rgba(37,99,235,.15);

  /* Material palette */
  --bg:#ffffff;
  --bg-alt:#f8fafc;
  --surface:#ffffff;
  --text:#0f172a;
  --text-secondary:#64748b;
  --text-disabled:#94a3b8;
  --border:#e2e8f0;
  --border-light:#f1f5f9;
  --error:#ef4444;
  --success:#22c55e;
  --warning:#f59e0b;
  --star:#f59e0b;

  /* Elevation */
  --e1:0 1px 2px 0 rgba(0,0,0,.04),0 1px 3px 0 rgba(0,0,0,.03);
  --e2:0 2px 8px -2px rgba(0,0,0,.08),0 4px 12px -4px rgba(0,0,0,.05);
  --e3:0 8px 24px -4px rgba(0,0,0,.1),0 4px 12px -2px rgba(0,0,0,.06);
  --e4:0 16px 48px -8px rgba(0,0,0,.12),0 8px 24px -4px rgba(0,0,0,.08);

  /* Radius */
  --r-sm:10px;
  --r-md:14px;
  --r-lg:18px;
  --r-xl:28px;
  --r-pill:999px;

  /* Typography */
  --font:'Inter','Google Sans','Roboto','Segoe UI',-apple-system,BlinkMacSystemFont,Arial,sans-serif;

  /* Left sidebar rail */
  --lb-rail:60px;
  --lb-rail-x:200px;
  --lb-header-h:98px;
}

/* — Base — */
html{font-size:14px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{font-family:var(--font);background:var(--bg-alt);color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* — Animations — */
@keyframes lbFadeIn{from{opacity:0}to{opacity:1}}
@keyframes lbSlideUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes lbSlideDown{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}
@keyframes lbScaleIn{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}
@keyframes lbSlideLeft{from{opacity:0;transform:translateX(-12px)}to{opacity:1;transform:translateX(0)}}
@keyframes lbPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}
@keyframes lbShimmer{0%{background-position:-200px 0}100%{background-position:200px 0}}
@keyframes lbFadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes lbFadeInScale{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}

.lb-header{animation:lbSlideDown .25s ease}
.lb-section{animation:lbSlideUp .3s ease}
.lb-cat-card{animation:lbScaleIn .25s ease}
.lb-card{animation:lbScaleIn .25s ease}
/* YouTube-style page load fade-in */
.lb-main>.lb-container>*{animation:lbFadeInUp .35s ease backwards}
.lb-main>.lb-container>*:nth-child(1){animation-delay:.05s}
.lb-main>.lb-container>*:nth-child(2){animation-delay:.08s}
.lb-main>.lb-container>*:nth-child(3){animation-delay:.11s}
.lb-main>.lb-container>*:nth-child(4){animation-delay:.14s}
.lb-main>.lb-container>*:nth-child(5){animation-delay:.17s}
.lb-main>.lb-container>*:nth-child(6){animation-delay:.2s}
.lb-main>.lb-container>*:nth-child(7){animation-delay:.23s}
.lb-main>.lb-container>*:nth-child(8){animation-delay:.26s}
.lb-main>.lb-container>*:nth-child(9){animation-delay:.29s}
.lb-main>.lb-container>*:nth-child(10){animation-delay:.32s}
.lb-dropdown.open{animation:lbScaleIn .15s ease}
.lb-auth__card{animation:lbScaleIn .3s ease}
.lb-btn{transition:all .15s ease}
.lb-btn:active{transform:scale(.97)}
.lb-cat-card:hover,.lb-card:hover{transition:all .2s cubic-bezier(.4,0,.2,1)}
.lb-search__input{transition:all .2s ease}
.lb-avatar{transition:all .2s ease}
.lb-pagination a,.lb-pagination span{transition:all .15s ease}
.lb-subcat{transition:all .15s ease}
.lb-table tr{transition:background .15s ease}
.lb-modal{animation:lbFadeIn .2s ease}
.lb-alert{animation:lbSlideDown .2s ease}
/* badges: no constant pulsing (distracting) */
a{color:var(--lb-accent);text-decoration:none;transition:color .2s}
a:hover{color:var(--lb-accent-dark)}
img{max-width:100%;height:auto;display:block}

/* — Container — */
.lb-container{max-width:1200px;margin:0 auto;padding:0 20px}

/* ============================================================
   TOP BAR (accent background, above header)
   ============================================================ */
.lb-topbar{background:var(--lb-accent-dark);color:#fff;font-size:12px;position:relative;z-index:91;overflow:visible}
.lb-topbar__inner{display:flex;align-items:center;gap:12px;min-height:34px;padding:4px 20px}
.lb-topbar__left{display:flex;align-items:center;gap:12px;flex:1;min-width:0;margin-right:15px}
.lb-topbar__site{color:#fff;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:5px;transition:opacity .2s;white-space:nowrap}
.lb-topbar__site:hover{opacity:.85;text-decoration:none}
.lb-topbar__site i{font-size:12px}
.lb-topbar__site-name{opacity:.7;font-weight:400}
.lb-topbar__city{display:inline-flex;align-items:center;gap:5px;border:none;background:rgba(255,255,255,.12);color:#fff;font-size:12px;font-family:var(--font);padding:3px 10px;border-radius:var(--r-pill);cursor:pointer;transition:background .18s ease;white-space:nowrap}
.lb-topbar__city:hover{background:rgba(255,255,255,.2)}
.lb-topbar__city i{font-size:11px}
.lb-topbar__city-label{opacity:.7}
.lb-topbar__city-value{font-weight:600}
.lb-topbar__center{flex:0 1 auto;overflow:hidden;text-align:center;min-width:0;max-width:600px}
.lb-topbar__marquee{display:inline-block;white-space:nowrap;color:rgba(255,255,255,.75);font-size:11px;animation:lbMarquee 30s linear infinite;padding-left:100%}
@keyframes lbMarquee{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}
.lb-topbar__right{flex:1;display:flex;align-items:center;gap:8px;justify-content:flex-end;min-width:0}
.lb-topbar__lang-currency{position:relative}
.lb-topbar__btn{display:inline-flex;align-items:center;gap:5px;border:none;background:rgba(255,255,255,.12);color:#fff;font-size:12px;font-family:var(--font);padding:3px 10px;border-radius:var(--r-pill);cursor:pointer;transition:background .18s ease;text-decoration:none}
.lb-topbar__btn:hover{background:rgba(255,255,255,.2);text-decoration:none;color:#fff}
.lb-topbar__btn i{font-size:11px}
.lb-topbar__theme i{font-size:13px}
.lb-topbar__dropdown{top:calc(100% + 6px);right:0;min-width:200px}
body.lb-dark #lb-topbar-dark-toggle i:before{content:"\f186"}

/* ============================================================
   HORIZONTAL QUICK NAV BAR
   ============================================================ */
.lb-quicknav{display:flex;align-items:center;gap:8px;padding:8px 16px;border-bottom:1px solid var(--border-light);background:var(--surface)}
.lb-quicknav__viewport{flex:1;overflow:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.lb-quicknav__viewport::-webkit-scrollbar{display:none}
.lb-quicknav__pills{display:flex;gap:8px;white-space:nowrap}
.lb-quicknav__pill{display:inline-flex;align-items:center;padding:7px 18px;border:1.5px solid var(--border);border-radius:var(--r-pill);background:transparent;color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:600;transition:all .18s ease;flex-shrink:0}
.lb-quicknav__pill:hover{text-decoration:none;border-color:var(--lb-accent);color:var(--lb-accent);background:var(--lb-grad-soft)}
.lb-quicknav__pill.is-active{border-color:var(--lb-accent);color:var(--lb-accent);background:var(--lb-grad-soft)}
.lb-quicknav__arrow{flex-shrink:0;width:32px;height:32px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;transition:all .18s ease;box-shadow:var(--e1)}
.lb-quicknav__arrow:hover{background:var(--lb-grad);color:#fff;border-color:var(--lb-accent)}

/* ============================================================
   TOAST NOTIFICATIONS
   ============================================================ */
.lb-notify{position:fixed;top:80px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:10px;pointer-events:none}
.lb-notify__toast{display:flex;align-items:center;gap:10px;padding:12px 18px;border-radius:var(--r-md);background:var(--surface);border:1.5px solid var(--border);box-shadow:var(--e3);font-size:14px;font-weight:600;color:var(--text);opacity:0;transform:translateX(120%);transition:all .3s cubic-bezier(.4,0,.2,1);pointer-events:auto;min-width:260px;max-width:380px}
.lb-notify__toast.is-show{opacity:1;transform:translateX(0)}
.lb-notify__toast i{font-size:18px;flex-shrink:0}
.lb-notify__toast--success{border-color:var(--lb-success)}
.lb-notify__toast--success i{color:var(--lb-success)}
.lb-notify__toast--error{border-color:var(--lb-error)}
.lb-notify__toast--error i{color:var(--lb-error)}
.lb-notify__toast--warning{border-color:var(--lb-warning)}
.lb-notify__toast--warning i{color:var(--lb-warning)}
.lb-notify__toast--info{border-color:var(--lb-accent)}
.lb-notify__toast--info i{color:var(--lb-accent)}

/* ============================================================
   LEFT SIDEBAR NAV
   ============================================================ */
.lb-nav{position:fixed;left:0;top:0;bottom:0;width:var(--lb-rail-x);z-index:85;background:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;transition:width .22s cubic-bezier(.4,0,.2,1);box-shadow:var(--e2)}
.lb-nav-collapsed .lb-nav{width:var(--lb-rail)}

/* Sidebar header (gradient accent) */
.lb-nav__header{background:var(--lb-grad);color:#fff;padding:0 12px;height:var(--lb-header-h);display:flex;align-items:center;gap:10px;flex-shrink:0;position:relative}
.lb-nav__header-icon{width:36px;height:36px;border-radius:var(--r-sm);background:rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.lb-nav__header-titles{display:flex;flex-direction:column;gap:1px;overflow:hidden}
.lb-nav__header-title{font-size:16px;font-weight:800;white-space:nowrap}
.lb-nav__header-sub{font-size:11px;opacity:.8;white-space:nowrap}
.lb-nav-collapsed .lb-nav__header-icon,.lb-nav-collapsed .lb-nav__header-titles{display:none}
.lb-nav-collapsed .lb-nav__header{justify-content:center;padding:0}

/* Toggle button (in header, left side) */
.lb-nav__toggle{flex-shrink:0;width:28px;height:28px;border:none;border-radius:var(--r-sm);background:rgba(255,255,255,.15);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s ease;font-size:14px}
.lb-nav__toggle:hover{background:rgba(255,255,255,.25)}
.lb-nav__toggle i{transition:transform .22s ease}
.lb-nav-collapsed .lb-nav__toggle i{transform:rotate(180deg)}

/* Nav items */
.lb-nav__items{display:flex;flex-direction:column;gap:4px;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding:12px 8px;justify-content:flex-start}
.lb-nav__items::-webkit-scrollbar{display:none}
.lb-nav__pill{display:flex;align-items:center;gap:10px;height:42px;padding:0 10px;border:none;border-radius:var(--r-pill);font-size:13px;font-weight:600;color:var(--text-secondary);text-decoration:none;background:transparent;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease;flex-shrink:0}
.lb-nav__pill:hover{background:var(--lb-grad-soft);color:var(--lb-accent);text-decoration:none}
.lb-nav__pill.active{background:var(--lb-grad);color:#fff;box-shadow:var(--e2)}
.lb-nav__pill i{font-size:16px;width:22px;text-align:center;flex-shrink:0}
.lb-nav__label{opacity:1;transition:opacity .18s ease;overflow:hidden;text-overflow:ellipsis}
.lb-nav-collapsed .lb-nav__label{opacity:0}
.lb-nav__pill--soon{cursor:default;opacity:.55}
.lb-nav__pill--soon:hover{background:transparent;color:var(--text-secondary)}
.lb-nav__soon{display:inline-block;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--border-light);color:var(--text-secondary);padding:1px 6px;border-radius:var(--r-pill);margin-left:4px}

/* Parent pill with chevron */
.lb-nav__pill--parent .lb-nav__chevron{margin-left:auto;font-size:12px;transition:transform .18s ease}
.lb-nav__pill--parent.is-expanded .lb-nav__chevron{transform:rotate(180deg)}

/* Submenu */
.lb-nav__sub{display:none;flex-direction:column;gap:2px;padding-left:20px}
.lb-nav__sub.is-open{display:flex}
.lb-nav__sub-pill{display:flex;align-items:center;gap:8px;height:36px;padding:0 10px;border:none;border-radius:var(--r-pill);font-size:12px;font-weight:500;color:var(--text-secondary);text-decoration:none;background:transparent;cursor:pointer;white-space:nowrap;transition:all .15s ease;flex-shrink:0}
.lb-nav__sub-pill:hover{background:var(--lb-grad-soft);color:var(--lb-accent);text-decoration:none}
.lb-nav__sub-pill i{font-size:10px;width:14px;text-align:center;flex-shrink:0}
.lb-nav-collapsed .lb-nav__sub{display:none}

/* Ad banner inside nav items */
.lb-nav__ad{margin:12px 6px;padding:14px 12px;border-radius:var(--r-md);background:var(--lb-grad-soft);border:1px solid var(--border-light);text-align:center;flex-shrink:0}
.lb-nav__ad-label{font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-secondary);margin-bottom:6px}
.lb-nav__ad-img{width:100%;height:80px;border-radius:var(--r-sm);overflow:hidden;margin-bottom:8px}
.lb-nav__ad-img img{width:100%;height:100%;object-fit:cover}
.lb-nav__ad-title{font-size:13px;font-weight:700;color:var(--lb-accent);margin-bottom:4px}
.lb-nav__ad-desc{font-size:11px;color:var(--text-secondary)}
.lb-nav-collapsed .lb-nav__ad{display:none}

/* Sidebar footer */
.lb-nav__footer{flex-shrink:0;padding:12px 8px;border-top:1px solid var(--border-light)}
.lb-nav__footer-ad{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--r-md);background:var(--lb-grad-soft);margin-bottom:8px}
.lb-nav__footer-ad-icon{width:32px;height:32px;border-radius:var(--r-sm);background:var(--lb-grad);color:#fff;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.lb-nav__footer-ad-text{overflow:hidden}
.lb-nav__footer-ad-title{font-size:12px;font-weight:700;color:var(--text)}
.lb-nav__footer-ad-desc{font-size:10px;color:var(--text-secondary)}
.lb-nav-collapsed .lb-nav__footer-ad-text{display:none}
.lb-nav__buy-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 14px;border:none;border-radius:var(--r-pill);background:var(--lb-grad);color:#fff;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;transition:all .18s ease;box-shadow:var(--e1)}
.lb-nav__buy-btn:hover{text-decoration:none;box-shadow:var(--e2);transform:translateY(-1px)}
.lb-nav-collapsed .lb-nav__buy-btn{padding:0;width:40px;margin:0 auto}
.lb-nav-collapsed .lb-nav__buy-btn .lb-nav__label{display:none}

/* Shift page content to make room for the fixed sidebar (desktop) */
@media(min-width:1025px){
  .lb-topbar,.lb-header,.lb-main,.lb-footer{margin-left:var(--lb-rail-x);transition:margin-left .22s cubic-bezier(.4,0,.2,1)}
  .lb-nav-collapsed .lb-topbar,.lb-nav-collapsed .lb-header,.lb-nav-collapsed .lb-main,.lb-nav-collapsed .lb-footer{margin-left:var(--lb-rail)}
}

/* Version badge — toggles nav bar */
.lb-header__badge{flex-shrink:0;width:36px;height:36px;border:none;background:var(--lb-grad);color:#fff;cursor:pointer;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;transition:all .18s ease;box-shadow:var(--e1)}
.lb-header__badge:hover{box-shadow:var(--e2);transform:translateY(-1px)}
.lb-header__badge.active{box-shadow:var(--e2);transform:scale(.95)}
.lb-header__badge-text{font-size:13px;font-weight:800;letter-spacing:.5px}

/* ============================================================
   HEADER (sticky, offset by sidebar)
   ============================================================ */
.lb-header{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:90;box-shadow:0 1px 0 rgba(0,0,0,.03);overflow:visible}
.lb-header__top{display:flex;align-items:center;gap:14px;padding:10px 0;min-height:64px;overflow:visible}
.lb-header__logo{flex-shrink:0}
.lb-header__logo img{max-height:38px}
.lb-header__logo-text{display:flex;flex-direction:column;line-height:1.15;text-decoration:none}
.lb-header__logo-title{font-size:21px;font-weight:800;background:var(--lb-grad);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.6px}
.lb-header__logo-sub{font-size:10px;color:var(--text-secondary);font-weight:500;letter-spacing:.3px}
.lb-header__search-panel{flex:1;min-width:200px;max-width:480px;display:flex;flex-direction:column;gap:0}
.lb-header__search-tabs{display:flex;gap:0;margin-bottom:-1px;position:relative;z-index:2}
.lb-header__search-tab{padding:4px 14px;border:1.5px solid var(--border);border-bottom:none;border-radius:var(--r-sm) var(--r-sm) 0 0;background:transparent;color:var(--text-secondary);font-size:11px;font-weight:700;cursor:pointer;transition:all .18s;font-family:var(--font);text-transform:uppercase;letter-spacing:.3px}
.lb-header__search-tab:hover{color:var(--lb-accent);border-color:var(--lb-accent-light)}
.lb-header__search-tab.is-active{color:var(--lb-accent);border-color:var(--lb-accent);background:var(--surface)}
.lb-header__search-input-wrap{display:flex;align-items:center;gap:8px;border:1.5px solid var(--lb-accent);border-radius:0 var(--r-sm) var(--r-sm) var(--r-sm);padding:6px 10px;background:var(--surface);transition:box-shadow .2s}
.lb-header__search-input-wrap:focus-within{box-shadow:0 0 0 3px var(--lb-grad-soft)}
.lb-header__search-input-wrap i.fa-search{font-size:13px;color:var(--text-secondary);flex-shrink:0}
.lb-header__search-input{flex:1;border:none;background:transparent;outline:none;font-size:13px;color:var(--text);font-family:var(--font)}
.lb-header__search-input::placeholder{color:var(--text-secondary)}
.lb-header__search-go{flex-shrink:0;width:28px;height:28px;border-radius:var(--r-sm);border:none;background:var(--lb-grad);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .18s}
.lb-header__search-go:hover{transform:scale(1.08)}
.lb-header__search-voice{flex-shrink:0;width:28px;height:28px;border-radius:var(--r-sm);border:1px solid var(--border);background:transparent;color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;transition:all .18s}
.lb-header__search-voice:hover{color:var(--lb-accent);border-color:var(--lb-accent)}
.lb-header__search-voice.is-recording{color:#fff;background:#ef4444;border-color:#ef4444;animation:lbVoicePulse 1s infinite}
@keyframes lbVoicePulse{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.4)}50%{box-shadow:0 0 0 6px rgba(239,68,68,0)}}
.lb-header__search{flex:1;min-width:180px;max-width:520px}
.lb-header__actions{display:flex;align-items:center;gap:6px;flex-shrink:0}

/* — Header Icon Button — */
.lb-header__icon-btn{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;padding:8px 10px;border:none;background:transparent;font-size:17px;color:var(--text-secondary);cursor:pointer;border-radius:var(--r-sm);transition:all .18s ease;font-family:var(--font);text-decoration:none}
.lb-header__icon-btn:hover{background:var(--border-light);color:var(--lb-accent);text-decoration:none}
.lb-header__icon-label{font-size:11px;font-weight:600;color:var(--text)}

/* — LimoCoin balance pill (header) — */
.lb-header__coin-pill{flex-shrink:0;display:inline-flex;align-items:center;gap:4px;padding:5px 4px 5px 10px;border:1px solid var(--border);border-radius:var(--r-pill);background:var(--lb-grad-soft);color:var(--text);font-size:13px;font-weight:600;text-decoration:none;transition:all .18s ease;font-family:var(--font)}
.lb-header__coin-pill:hover{text-decoration:none;border-color:var(--lb-accent-light);box-shadow:var(--e1)}
.lb-header__coin-pill .fa-dollar{color:#22c55e;font-size:14px}
.lb-header__coin-balance{font-weight:800;color:var(--text)}
.lb-header__coin-unit{font-size:11px;font-weight:600;color:var(--text-secondary)}
.lb-header__coin-topup{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--lb-accent);color:#fff;font-size:10px;margin-left:2px;transition:background .15s ease}
.lb-header__coin-pill:hover .lb-header__coin-topup{background:var(--lb-accent-dark)}

/* — Pill Outline (wishlist) — */
.lb-btn--pill-outline{position:relative;padding:9px 13px;background:transparent;border:1.5px solid var(--border);border-radius:var(--r-pill);color:var(--text-secondary);font-size:15px;cursor:pointer;transition:all .18s ease}
.lb-btn--pill-outline:hover{border-color:var(--lb-accent-light);color:var(--lb-accent);text-decoration:none;box-shadow:var(--e1);background:var(--lb-grad-soft)}

/* — Chat dropdown wrapper — */
.lb-header__chat{position:relative;flex-shrink:0;z-index:10}
.lb-chat-dropdown{top:calc(100% + 8px);right:0;min-width:220px;z-index:300}

/* — Search — */
.lb-search{position:relative}
.lb-search__input{width:100%;padding:11px 46px 11px 18px;border:1px solid var(--border);border-radius:var(--r-sm);font-size:14px;font-family:var(--font);background:var(--bg-alt);color:var(--text);transition:all .2s ease}
.lb-search__input:focus{outline:none;border-color:var(--lb-accent-light);background:var(--surface);box-shadow:0 0 0 3px var(--lb-accent-glow)}
.lb-search__input::placeholder{color:var(--text-disabled)}
.lb-search__btn{position:absolute;right:5px;top:50%;transform:translateY(-50%);width:34px;height:34px;border:none;border-radius:var(--r-sm);background:var(--lb-grad);color:#fff;cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s ease}
.lb-search__btn:hover{box-shadow:var(--e2);transform:translateY(-50%) scale(1.05)}

/* ============================================================
   BUTTONS — Material style
   ============================================================ */
.lb-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border:none;border-radius:var(--r-pill);font-size:14px;font-weight:600;cursor:pointer;text-decoration:none;transition:all .18s ease;font-family:var(--font);letter-spacing:.2px;white-space:nowrap}
.lb-btn:hover{text-decoration:none;box-shadow:var(--e2);transform:translateY(-1px)}
.lb-btn:active{transform:translateY(0) scale(.98)}
.lb-btn--primary{background:var(--lb-grad);color:#fff}
.lb-btn--primary:hover{background:var(--lb-grad-hover);color:#fff}
.lb-btn--accent{background:var(--lb-grad);color:#fff}
.lb-btn--accent:hover{background:var(--lb-grad-hover);color:#fff}
.lb-btn--success{background:var(--success);color:#fff}
.lb-btn--warning{background:var(--warning);color:#1a1a2e}
.lb-btn--danger{background:var(--error);color:#fff}
.lb-btn--default{background:var(--bg-alt);color:var(--text);border:1px solid var(--border)}
.lb-btn--default:hover{background:var(--border-light);color:var(--text);border-color:var(--border)}
.lb-btn--link{background:transparent;color:var(--lb-accent)}
.lb-btn--link:hover{background:var(--lb-grad-soft);color:var(--lb-accent-dark)}
.lb-btn--icon{padding:10px;border-radius:50%;background:transparent;color:var(--text-secondary)}
.lb-btn--icon:hover{background:var(--border-light);color:var(--lb-accent);box-shadow:none;transform:none}
.lb-btn--small{padding:8px 14px;font-size:13px}
.lb-btn--large{padding:14px 28px;font-size:16px}
.lb-btn--block{width:100%}

/* — Pill button (wishlist) — */
.lb-btn--pill{position:relative;padding:9px 13px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-secondary);font-size:15px;cursor:pointer;transition:all .18s ease}
.lb-btn--pill:hover{border-color:var(--lb-accent-light);color:var(--lb-accent);text-decoration:none;box-shadow:var(--e1)}
.lb-btn__badge{position:absolute;top:-4px;right:-4px;background:var(--lb-grad);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:var(--r-pill);display:flex;align-items:center;justify-content:center;padding:0 5px;box-shadow:var(--e1)}

/* ============================================================
   AVATAR + DROPDOWN
   ============================================================ */
.lb-header__user{position:relative;flex-shrink:0}
.lb-avatar{width:38px;height:38px;border-radius:50%;border:2px solid var(--border);overflow:hidden;cursor:pointer;padding:0;background:var(--bg-alt);display:flex;align-items:center;justify-content:center;transition:all .18s ease}
.lb-avatar:hover{border-color:var(--lb-accent-light);box-shadow:var(--e1)}
.lb-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.lb-avatar--placeholder{color:var(--text-secondary);font-size:17px}
.lb-avatar--guest{background:var(--lb-grad-soft);color:var(--lb-accent);font-size:15px;font-weight:700}

.lb-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--e3);min-width:240px;z-index:200;padding:6px 0;animation:lbDropIn .18s ease}
.lb-dropdown.open{display:block}
@keyframes lbDropIn{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}
.lb-dropdown__header{padding:12px 16px;border-bottom:1px solid var(--border-light);margin-bottom:4px}
.lb-dropdown__header strong{display:block;font-size:14px;color:var(--text)}
.lb-dropdown__header small{font-size:12px;color:var(--text-secondary)}
.lb-dropdown__item{display:flex;align-items:center;gap:12px;padding:10px 16px;color:var(--text);text-decoration:none;font-size:14px;transition:all .15s ease}
.lb-dropdown__item:hover{background:var(--lb-grad-soft);color:var(--lb-accent);text-decoration:none}
.lb-dropdown__item i{width:20px;text-align:center;color:var(--text-secondary);font-size:14px}
.lb-dropdown__item:hover i{color:var(--lb-accent)}
.lb-dropdown__divider{height:1px;background:var(--border-light);margin:4px 0}
.lb-lang-form{margin:0;padding:0}
.lb-lang-form .lb-dropdown__item{width:100%;background:none;border:none;text-align:left;cursor:pointer;font-family:var(--font)}

/* ============================================================
   MAIN
   ============================================================ */
.lb-main{min-height:calc(100vh - 200px)}

/* — Homepage centered — */
.lb-home{display:flex;flex-direction:column;gap:24px;padding:24px 0;width:100%;max-width:100%;margin:0}
.lb-home__content{max-width:900px;width:100%;text-align:center}

/* — Categories Carousel (under header) — */
.lb-cat-carousel{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--surface);border-bottom:1px solid var(--border-light);justify-content:center}
.lb-cat-carousel__arrow{flex-shrink:0;width:34px;height:34px;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text);cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s}
.lb-cat-carousel__arrow:hover{border-color:var(--lb-accent);color:var(--lb-accent);background:var(--lb-grad-soft)}
.lb-cat-carousel__track{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;padding:4px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;max-width:1100px;justify-content:flex-start}
.lb-cat-carousel__track::-webkit-scrollbar{display:none}
.lb-cat-carousel__item{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;width:72px;text-decoration:none;color:var(--text);transition:all .15s}
.lb-cat-carousel__item:hover{text-decoration:none;transform:translateY(-2px)}
.lb-cat-carousel__icon{width:52px;height:52px;border-radius:50%;background:var(--lb-grad-soft);border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--lb-accent);overflow:hidden;transition:all .2s}
.lb-cat-carousel__item:hover .lb-cat-carousel__icon{border-color:var(--lb-accent);box-shadow:var(--e1)}
.lb-cat-carousel__icon img{width:100%;height:100%;object-fit:cover}
.lb-cat-carousel__name{font-size:11px;font-weight:600;text-align:center;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}

/* — Home Sections (carousels) — */
.lb-home-section{border-radius:0;overflow:hidden;animation:lbSlideUp .3s ease;background:var(--surface);width:100%}

/* Trending card */
.lb-trending-card{display:flex;flex-direction:column;align-items:center;gap:6px;flex-shrink:0;width:110px;padding:16px 10px;border:1px solid var(--border-light);border-radius:var(--r-md);text-decoration:none;color:var(--text);transition:all .2s}
.lb-trending-card:hover{box-shadow:var(--e2);transform:translateY(-2px);text-decoration:none;border-color:var(--lb-accent)}
.lb-trending-card__icon{width:48px;height:48px;border-radius:50%;background:var(--lb-grad-soft);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--lb-accent);overflow:hidden}
.lb-trending-card__icon img{width:100%;height:100%;object-fit:cover}
.lb-trending-card__name{font-size:12px;font-weight:700;text-align:center;line-height:1.2}
.lb-trending-card__count{font-size:10px;color:var(--text-secondary)}

/* Cities grid */
.lb-cities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:14px 20px}
.lb-cities-grid__item{display:flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border-light);border-radius:var(--r-pill);font-size:13px;color:var(--text);text-decoration:none;transition:all .15s}
.lb-cities-grid__item:hover{border-color:var(--lb-accent);color:var(--lb-accent);background:var(--lb-grad-soft);text-decoration:none}
.lb-cities-grid__item i{font-size:12px;color:var(--lb-accent)}

/* ============================================================
   BENTO PILLS (circular outline category pills carousel)
   ============================================================ */
.lb-bento{position:relative;margin-top:24px;display:flex;align-items:center;gap:10px}
.lb-bento__viewport{flex:1;overflow:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.lb-bento__viewport::-webkit-scrollbar{display:none}
.lb-bento__pills{display:flex;gap:12px;padding:4px 2px;width:max-content}
.lb-bento__pill{display:inline-flex;flex-direction:column;align-items:center;gap:8px;padding:12px 16px 10px;border:2px solid var(--border);border-radius:var(--r-pill);background:transparent;color:var(--text);text-decoration:none;font-size:12px;font-weight:600;white-space:nowrap;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;min-width:96px;overflow:hidden}
.lb-bento__pill:hover{text-decoration:none;border-color:var(--lb-accent);background:var(--lb-grad-soft);color:var(--lb-accent);box-shadow:0 0 0 3px var(--lb-accent-glow);padding-bottom:16px}
.lb-bento__pill-icon{width:56px;height:56px;border-radius:50%;background:transparent;border:2px solid var(--lb-accent);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--lb-accent);overflow:hidden;flex-shrink:0;transition:all .2s ease}
.lb-bento__pill:hover .lb-bento__pill-icon{background:var(--lb-grad);color:#fff;border-color:var(--lb-accent-dark);box-shadow:var(--e2);transform:scale(1.08)}
.lb-bento__pill-icon img{width:100%;height:100%;object-fit:cover;border-radius:50%}
.lb-bento__pill-name{line-height:1.2;text-align:center}
.lb-bento__pill-count{font-size:10px;font-weight:700;color:var(--text-secondary);background:var(--border-light);padding:2px 10px;border-radius:var(--r-pill);transition:all .3s cubic-bezier(.4,0,.2,1);max-height:0;opacity:0;overflow:hidden;margin-top:0}
.lb-bento__pill:hover .lb-bento__pill-count{max-height:30px;opacity:1;margin-top:4px;background:var(--lb-accent);color:#fff}

/* Bento nav arrows */
.lb-bento__nav{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .18s ease;box-shadow:var(--e1);z-index:5}
.lb-bento__nav:hover{background:var(--lb-grad);color:#fff;border-color:var(--lb-accent);box-shadow:var(--e2)}
.lb-bento__nav--prev{order:0}
.lb-bento__nav--next{order:2}

/* ============================================================
   TRENDING SEARCHES (pill keywords section)
   ============================================================ */
.lb-trending-searches{margin-top:20px;padding:20px 24px;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--bg-alt)}
.lb-trending-searches__header{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:700;color:var(--text);margin-bottom:16px}
.lb-trending-searches__header i{color:var(--lb-accent);font-size:18px}
.lb-trending-searches__pills{display:flex;flex-wrap:wrap;gap:10px}
.lb-trending-searches__pill{display:inline-flex;align-items:center;gap:7px;padding:9px 20px;border:1.5px solid var(--border);border-radius:var(--r-pill);background:transparent;color:var(--text-secondary);text-decoration:none;font-size:14px;font-weight:600;transition:all .18s ease}
.lb-trending-searches__pill:hover{text-decoration:none;border-color:var(--lb-accent);color:var(--lb-accent);background:var(--lb-grad-soft);box-shadow:0 0 0 3px var(--lb-accent-glow);transform:translateY(-1px)}
.lb-trending-searches__pill i{font-size:11px;color:var(--lb-accent);transition:all .18s ease}
.lb-trending-searches__pill:hover i{transform:scale(1.2)}

/* ============================================================
   RECOMMENDED LISTINGS (Рекомендуємо переглянути)
   ============================================================ */
.lb-recommended{margin-top:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}
.lb-recommended__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border-light)}
.lb-recommended__title-wrap{display:flex;align-items:center;gap:12px}
.lb-recommended__icon{width:40px;height:40px;border-radius:var(--r-sm);background:var(--lb-grad-soft);border:1.5px solid var(--lb-accent);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--lb-accent);flex-shrink:0}
.lb-recommended__titles{display:flex;flex-direction:column;gap:2px}
.lb-recommended__title{font-size:18px;font-weight:700;color:var(--text)}
.lb-recommended__subtitle{font-size:12px;color:var(--text-secondary)}
.lb-recommended__grid{display:grid;grid-template-columns:repeat(auto-fill,190px);gap:14px;padding:16px 18px;justify-content:space-between}
.lb-recommended__card{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);overflow:hidden;text-decoration:none;transition:all .22s cubic-bezier(.4,0,.2,1);color:var(--text)}
.lb-recommended__card:hover{border-color:var(--lb-accent);box-shadow:var(--e2);transform:translateY(-3px);text-decoration:none}
.lb-recommended__card-img{position:relative;width:100%;height:120px;overflow:hidden;background:var(--bg-alt);flex-shrink:0}
.lb-recommended__card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.lb-recommended__card:hover .lb-recommended__card-img img{transform:scale(1.05)}
.lb-recommended__card-body{padding:8px 10px 10px;display:flex;flex-direction:column;gap:3px;flex:1}
.lb-recommended__card-price{font-size:15px;font-weight:800;color:var(--lb-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-recommended__card-title{font-size:13px;font-weight:600;color:var(--text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:34px}
.lb-recommended__card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;font-size:11px;color:var(--text-secondary)}
.lb-recommended__card-loc{display:inline-flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-recommended__card-loc i{font-size:10px;flex-shrink:0}
.lb-recommended__card-views{display:inline-flex;align-items:center;gap:3px;flex-shrink:0}

/* ============================================================
   TARIFF PLANS (Тарифні плани)
   ============================================================ */
.lb-tariffs{margin-top:20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}
.lb-tariffs__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border-light)}
.lb-tariffs__title-wrap{display:flex;align-items:center;gap:12px}
.lb-tariffs__icon{width:40px;height:40px;border-radius:var(--r-sm);background:var(--lb-grad-soft);border:1.5px solid var(--lb-accent);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--lb-accent);flex-shrink:0}
.lb-tariffs__titles{display:flex;flex-direction:column;gap:2px}
.lb-tariffs__title{font-size:18px;font-weight:700;color:var(--text)}
.lb-tariffs__subtitle{font-size:12px;color:var(--text-secondary)}
.lb-tariffs__body{position:relative;display:flex;align-items:center;gap:8px;padding:18px 8px}
.lb-tariffs__viewport{flex:1;overflow:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.lb-tariffs__viewport::-webkit-scrollbar{display:none}
.lb-tariffs__track{display:flex;gap:16px;padding:4px}
.lb-tariffs__card{flex-shrink:0;width:200px;height:300px;position:relative;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface);transition:all .22s cubic-bezier(.4,0,.2,1);perspective:1000px}
.lb-tariffs__card:hover{border-color:var(--lb-accent);box-shadow:var(--e2);transform:translateY(-3px)}
.lb-tariffs__card.is-popular{border-color:var(--lb-accent);border-width:2px}
.lb-tariffs__badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--lb-grad);color:#fff;font-size:10px;font-weight:700;padding:3px 14px;border-radius:var(--r-pill);white-space:nowrap;box-shadow:var(--e1);z-index:10}
.lb-tariffs__card-flip{position:relative;width:100%;height:100%;transition:transform .5s cubic-bezier(.4,0,.2,1);transform-style:preserve-3d}
.lb-tariffs__card:hover .lb-tariffs__card-flip{transform:rotateY(180deg)}
.lb-tariffs__card-front,.lb-tariffs__card-back{position:absolute;inset:0;padding:20px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:calc(var(--r-md) - 1px);overflow-y:auto;scrollbar-width:none}
.lb-tariffs__card-front::-webkit-scrollbar,.lb-tariffs__card-back::-webkit-scrollbar{display:none}
.lb-tariffs__card-front{background:var(--surface)}
.lb-tariffs__card-back{background:var(--lb-grad-soft);transform:rotateY(180deg)}
.lb-tariffs__card-icon{width:48px;height:48px;border-radius:50%;background:var(--lb-grad-soft);border:2px solid var(--lb-accent);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--lb-accent);margin-bottom:10px;transition:all .2s ease}
.lb-tariffs__card:hover .lb-tariffs__card-icon{background:var(--lb-grad);color:#fff;transform:scale(1.08)}
.lb-tariffs__card-title{font-size:15px;font-weight:700;color:var(--text);margin:0 0 2px}
.lb-tariffs__card-brief{font-size:11px;color:var(--text-secondary);margin:0 0 10px;min-height:28px}
.lb-tariffs__card-price{font-size:20px;font-weight:800;color:var(--lb-accent)}
.lb-tariffs__card-period{font-size:11px;color:var(--text-secondary);margin-bottom:12px}
.lb-tariffs__card-hint{font-size:10px;color:var(--text-secondary);margin-top:8px;opacity:.7}
.lb-tariffs__card-hint i{font-size:10px}
.lb-tariffs__card-back-title{font-size:15px;font-weight:700;color:var(--text);margin:0 0 12px}
.lb-tariffs__card-features{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:5px;text-align:left;width:100%}
.lb-tariffs__card-features li{font-size:11px;color:var(--text-secondary);display:flex;align-items:flex-start;gap:5px;line-height:1.4}
.lb-tariffs__card-features li i{color:var(--lb-accent);font-size:10px;margin-top:2px;flex-shrink:0}
.lb-tariffs__card .lb-btn--block{width:100%;margin-top:auto}
.lb-tariffs__arrow{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .18s ease;box-shadow:var(--e1);z-index:5}
.lb-tariffs__arrow:hover{background:var(--lb-grad);color:#fff;border-color:var(--lb-accent);box-shadow:var(--e2)}

/* ============================================================
   HOME LISTINGS SECTION (carousel with filter tabs)
   ============================================================ */
.lb-home-listings{margin-top:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden}
.lb-home-listings__header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--border-light);flex-wrap:wrap}
.lb-home-listings__head-left{display:flex;align-items:center;gap:12px;flex-shrink:0}
.lb-home-listings__icon{width:40px;height:40px;border-radius:var(--r-sm);background:var(--lb-grad-soft);border:1.5px solid var(--lb-accent);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--lb-accent);flex-shrink:0}
.lb-home-listings__titles{display:flex;flex-direction:column;gap:2px}
.lb-home-listings__title{font-size:18px;font-weight:700;color:var(--text)}
.lb-home-listings__subtitle{font-size:12px;color:var(--text-secondary)}
.lb-home-listings__head-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.lb-home-listings__search{display:flex;align-items:center;gap:8px;background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--r-pill);padding:6px 14px;transition:border-color .2s;min-width:180px}
.lb-home-listings__search:focus-within{border-color:var(--lb-accent)}
.lb-home-listings__search i{font-size:13px;color:var(--text-secondary)}
.lb-home-listings__search input{border:none;background:transparent;outline:none;font-size:13px;color:var(--text);font-family:var(--font);width:100%}
.lb-home-listings__tabs{display:flex;gap:6px;flex-wrap:wrap}
.lb-home-listings__tab{padding:6px 14px;border:1px solid var(--border);border-radius:var(--r-pill);background:transparent;color:var(--text-secondary);font-size:12px;font-weight:600;cursor:pointer;transition:all .18s ease;font-family:var(--font)}
.lb-home-listings__tab:hover{border-color:var(--lb-accent-light);color:var(--lb-accent);background:var(--lb-grad-soft)}
.lb-home-listings__tab.is-active{background:var(--lb-grad);color:#fff;border-color:var(--lb-accent);box-shadow:var(--e1)}

.lb-home-listings__body{position:relative;display:flex;align-items:center;gap:8px;padding:8px 8px}
.lb-home-listings__viewport{flex:1;overflow:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.lb-home-listings__viewport::-webkit-scrollbar{display:none}
.lb-home-listings__track{display:flex;gap:14px;padding:4px}
.lb-home-listings__card{flex-shrink:0;width:190px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);overflow:hidden;text-decoration:none;color:var(--text);transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}
.lb-home-listings__card:hover{text-decoration:none;transform:translateY(-3px);border-color:var(--lb-accent);box-shadow:var(--e2)}
.lb-home-listings__card-img{position:relative;width:100%;height:120px;overflow:hidden;background:var(--bg-alt);flex-shrink:0}
.lb-home-listings__card-img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.lb-home-listings__card:hover .lb-home-listings__card-img img{transform:scale(1.05)}
.lb-home-listings__card-body{padding:8px 10px 10px;display:flex;flex-direction:column;gap:3px;flex:1}
.lb-home-listings__card-price{font-size:15px;font-weight:800;color:var(--lb-accent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-home-listings__card-title{font-size:13px;font-weight:600;color:var(--text);line-height:1.3;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:34px}
.lb-home-listings__card-loc{font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:auto}
.lb-home-listings__card-loc i{font-size:10px;flex-shrink:0}

.lb-home-listings__arrow{flex-shrink:0;width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:all .18s ease;box-shadow:var(--e1);z-index:5}
.lb-home-listings__arrow:hover{background:var(--lb-grad);color:#fff;border-color:var(--lb-accent);box-shadow:var(--e2)}
.lb-home-listings__arrow--prev{order:0}
.lb-home-listings__arrow--next{order:2}
.lb-home-section__header{background:transparent;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;border-bottom:1px solid var(--border-light)}
.lb-home-section__header-left{display:flex;align-items:center;gap:12px}
.lb-home-section__icon{width:40px;height:40px;border-radius:var(--r-sm);background:transparent;border:1.5px solid var(--lb-accent);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--lb-accent);flex-shrink:0}
.lb-home-section__titles{display:flex;flex-direction:column;gap:2px}
.lb-home-section__title{font-size:18px;font-weight:700;color:var(--text)}
.lb-home-section__subtitle{font-size:12px;color:var(--text-secondary)}
.lb-home-section__header-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.lb-home-section__search{display:flex;align-items:center;gap:8px;background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--r-pill);padding:6px 14px;transition:border-color .2s}
.lb-home-section__search:focus-within{border-color:var(--lb-accent)}
.lb-home-section__search i{font-size:13px;color:var(--text-secondary)}
.lb-home-section__search input{border:none;background:transparent;outline:none;color:var(--text);font-size:13px;font-family:var(--font);width:160px}
.lb-home-section__search input::placeholder{color:var(--text-disabled)}
.lb-home-section__link{display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:13px;font-weight:600;text-decoration:none;transition:color .2s}
.lb-home-section__link:hover{color:var(--lb-accent);text-decoration:none}
.lb-home-section__indicator{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--text-secondary);background:var(--bg-alt);border:1px solid var(--border);padding:5px 12px;border-radius:var(--r-pill)}
.lb-home-section__body{position:relative;display:flex;align-items:center;gap:8px;padding:16px 12px;background:var(--surface)}
.lb-home-section__arrow{flex-shrink:0;width:36px;height:36px;border:2px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:5}
.lb-home-section__arrow:hover{border-color:var(--lb-accent);color:var(--lb-accent);box-shadow:var(--e1)}

/* Home tabs */
.lb-home-section__tabs{display:flex;align-items:center;gap:6px;padding:10px 20px;border-bottom:1px solid var(--border-light);overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.lb-home-section__tabs::-webkit-scrollbar{display:none}
.lb-home-tab{flex-shrink:0;padding:7px 16px;border-radius:var(--r-pill);border:1px solid var(--border);background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;font-family:var(--font);display:inline-flex;align-items:center;gap:6px}
.lb-home-tab:hover{border-color:var(--lb-accent-light);color:var(--lb-accent)}
.lb-home-tab.active{background:var(--lb-accent);border-color:var(--lb-accent);color:#fff}
.lb-home-tab__count{font-size:11px;font-weight:700;padding:1px 6px;border-radius:var(--r-pill);background:rgba(0,0,0,.1)}
.lb-home-tab.active .lb-home-tab__count{background:rgba(255,255,255,.25)}
.lb-home-tab__more{margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;gap:4px;color:var(--text-secondary);font-size:13px;font-weight:600;text-decoration:none;transition:color .2s;white-space:nowrap}
.lb-home-tab__more:hover{color:var(--lb-accent);text-decoration:none}

/* Home carousel tracks */
.lb-home-carousel-track{display:flex;gap:14px;overflow-x:auto;scroll-behavior:smooth;padding:4px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1}
.lb-home-carousel-track::-webkit-scrollbar{display:none}
.lb-cat-carousel-track{display:flex;gap:14px;overflow-x:auto;scroll-behavior:smooth;padding:4px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1}
.lb-cat-carousel-track::-webkit-scrollbar{display:none}

/* Home cards */
.lb-home-card{position:relative;flex-shrink:0;width:220px;border-radius:var(--r-md);overflow:hidden;background:var(--surface);border:1px solid var(--border-light);transition:all .2s}
.lb-home-card:hover{transform:translateY(-3px);border-color:var(--lb-accent-light);box-shadow:var(--e2)}
.lb-home-card--premium{border-color:var(--lb-accent-light)}
.lb-home-card__link{display:block;text-decoration:none;color:var(--text)}
.lb-home-card__link:hover{text-decoration:none}
.lb-home-card__image{position:relative;aspect-ratio:1/1;overflow:hidden;background:var(--bg-alt)}
.lb-home-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.lb-home-card:hover .lb-home-card__image img{transform:scale(1.06)}
.lb-home-card__body{padding:12px}
.lb-home-card__price{font-size:16px;font-weight:800;color:var(--text);margin-bottom:4px}
.lb-home-card__title{font-size:13px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-home-card__location{font-size:11px;color:var(--text-secondary)}
.lb-home-card__views{font-size:11px;color:var(--text-secondary);margin-top:4px}
.lb-home-card__chat{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:50%;width:30px;height:30px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;z-index:5;transition:background .2s;text-decoration:none}
.lb-home-card__chat:hover{background:var(--lb-accent);color:#fff;text-decoration:none}

/* — Tariff Plans (compact cards in carousel) — */
.lb-home-tariffs{background:var(--surface)}
.lb-tariff-card{position:relative;background:#fff;border:1px solid var(--border-light);border-radius:var(--r-md);padding:18px 14px;flex-shrink:0;width:180px;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer;transition:all .2s}
.lb-tariff-card:hover{box-shadow:var(--e2);transform:translateY(-2px)}
.lb-tariff-card--popular{border:2px solid var(--lb-accent)}
.lb-tariff-card__badge{position:absolute;top:-9px;right:10px;background:var(--lb-accent);color:#fff;font-size:9px;font-weight:700;padding:2px 10px;border-radius:var(--r-pill);white-space:nowrap}
.lb-tariff-card__icon{width:40px;height:40px;border-radius:var(--r-sm);background:var(--lb-grad-soft);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--lb-accent);margin-bottom:10px}
.lb-tariff-card__name{font-size:15px;font-weight:700;margin-bottom:4px}
.lb-tariff-card__price{font-size:20px;font-weight:800;color:var(--text);margin-bottom:4px}
.lb-tariff-card__brief{font-size:11px;color:var(--text-secondary);margin-bottom:8px}
.lb-tariff-card__more{font-size:11px;color:var(--lb-accent);font-weight:600;display:flex;align-items:center;gap:4px;margin-top:auto}

/* Tariff Modal */
.lb-tariff-modal__content{max-width:420px;margin:20px auto}
.lb-tariff-modal__body{padding:24px 20px}
.lb-tariff-modal__price{font-size:28px;font-weight:800;color:var(--text);margin-bottom:4px}
.lb-tariff-modal__price span{font-size:14px;font-weight:500;color:var(--text-secondary)}
.lb-tariff-modal__brief{font-size:14px;color:var(--text-secondary);margin-bottom:18px}
.lb-tariff-modal__features{list-style:none;padding:0;margin:0 0 20px}
.lb-tariff-modal__features li{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--text);padding:8px 0;border-bottom:1px solid var(--border-light)}
.lb-tariff-modal__features li:last-child{border-bottom:none}
.lb-tariff-modal__features li i{color:var(--lb-accent);font-size:14px;flex-shrink:0}
.lb-tariff-modal__body .lb-btn--block{display:block;width:100%;padding:12px;text-align:center;font-size:15px;font-weight:700;text-decoration:none}
.lb-btn--popular{background:var(--lb-grad);color:#fff;border:none}
.lb-btn--popular:hover{opacity:.9;color:#fff;text-decoration:none}

/* — Sellers Carousel — */
.lb-sellers-carousel{position:relative;margin:20px 0 28px;animation:lbSlideUp .3s ease;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--e1)}
.lb-sellers-carousel__header{background:var(--lb-grad);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.lb-sellers-carousel__header-left{display:flex;align-items:center;gap:12px}
.lb-sellers-carousel__icon{width:40px;height:40px;border-radius:var(--r-sm);background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}
.lb-sellers-carousel__titles{display:flex;flex-direction:column;gap:2px}
.lb-sellers-carousel__title{font-size:18px;font-weight:700;color:#fff}
.lb-sellers-carousel__subtitle{font-size:12px;color:rgba(255,255,255,.8)}
.lb-sellers-carousel__header-right{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.lb-sellers-carousel__search{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);border-radius:var(--r-pill);padding:6px 14px;transition:background .2s}
.lb-sellers-carousel__search:focus-within{background:rgba(255,255,255,.3)}
.lb-sellers-carousel__search i{font-size:13px;color:rgba(255,255,255,.8)}
.lb-sellers-carousel__search input{border:none;background:transparent;outline:none;color:#fff;font-size:13px;font-family:var(--font);width:140px}
.lb-sellers-carousel__search input::placeholder{color:rgba(255,255,255,.6)}
.lb-sellers-carousel__indicator{display:flex;align-items:center;gap:6px}
.lb-sellers-carousel__indicator-online{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:600;color:#fff;background:rgba(255,255,255,.2);padding:5px 12px;border-radius:var(--r-pill)}
.lb-sellers-carousel__indicator-online .fa-circle{font-size:7px;color:#4caf50}
.lb-sellers-carousel__body{position:relative;display:flex;align-items:center;gap:8px;padding:16px 12px;background:var(--surface)}
.lb-sellers-carousel__track{display:flex;gap:14px;overflow-x:auto;scroll-behavior:smooth;padding:4px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1}
.lb-sellers-carousel__track::-webkit-scrollbar{display:none}
.lb-sellers-carousel__arrow{flex-shrink:0;width:36px;height:36px;border:2px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:5}
.lb-sellers-carousel__arrow:hover{border-color:var(--lb-accent);color:var(--lb-accent);box-shadow:var(--e1)}
.lb-seller-card{display:flex;flex-direction:column;align-items:center;gap:6px;text-decoration:none;color:var(--text);flex-shrink:0;width:110px;padding:12px 8px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border-light);transition:all .2s}
.lb-seller-card:hover{text-decoration:none;transform:translateY(-3px);border-color:var(--lb-accent-light);box-shadow:var(--e2)}
.lb-seller-card__avatar{width:64px;height:64px;border-radius:var(--r-md);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--lb-grad-soft);border:2px solid var(--lb-accent);transition:all .2s}
.lb-seller-card:hover .lb-seller-card__avatar{border-color:var(--lb-accent-dark);transform:scale(1.05)}
.lb-seller-card__avatar img{width:100%;height:100%;border-radius:var(--r-sm);object-fit:cover}
.lb-seller-card__avatar i{font-size:26px;color:var(--lb-accent)}
.lb-seller-card__name{font-size:12px;font-weight:600;text-align:center;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-seller-card__count{font-size:10px;color:var(--lb-accent);font-weight:600}

/* — Breadcrumbs — */
.lb-breadcrumbs{padding:16px 0;font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.lb-breadcrumbs a{color:var(--text-secondary)}
.lb-breadcrumbs a:hover{color:var(--lb-accent)}
.lb-breadcrumbs .fa{font-size:10px;color:var(--text-disabled)}

/* — Favorites Carousel — */
.lb-fav-carousel{position:relative;margin:16px 0 28px;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--e1);animation:lbSlideUp .3s ease}
.lb-fav-carousel__header{background:var(--lb-grad);padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.lb-fav-carousel__header-left{display:flex;align-items:center;gap:12px}
.lb-fav-carousel__icon{width:40px;height:40px;border-radius:var(--r-sm);background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}
.lb-fav-carousel__titles{display:flex;flex-direction:column;gap:2px}
.lb-fav-carousel__title{font-size:18px;font-weight:700;color:#fff}
.lb-fav-carousel__subtitle{font-size:12px;color:rgba(255,255,255,.8)}
.lb-fav-carousel__header-right{display:flex;align-items:center;gap:12px}
.lb-fav-carousel__search{display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.2);border-radius:var(--r-pill);padding:6px 14px;transition:background .2s}
.lb-fav-carousel__search:focus-within{background:rgba(255,255,255,.3)}
.lb-fav-carousel__search i{font-size:13px;color:rgba(255,255,255,.8)}
.lb-fav-carousel__search input{border:none;background:transparent;outline:none;color:#fff;font-size:13px;font-family:var(--font);width:160px}
.lb-fav-carousel__search input::placeholder{color:rgba(255,255,255,.6)}
.lb-fav-carousel__body{position:relative;display:flex;align-items:center;gap:8px;padding:16px 12px;background:var(--surface)}
.lb-fav-carousel__track{display:flex;gap:14px;overflow-x:auto;scroll-behavior:smooth;padding:4px 0;-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1;justify-content:center}
.lb-fav-carousel__track::-webkit-scrollbar{display:none}
.lb-fav-carousel__arrow{flex-shrink:0;width:36px;height:36px;border:2px solid var(--border);border-radius:50%;background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:5}
.lb-fav-carousel__arrow:hover{border-color:var(--lb-accent);color:var(--lb-accent);box-shadow:var(--e1)}
.lb-fav-card{position:relative;flex-shrink:0;width:200px;border-radius:var(--r-md);overflow:hidden;background:var(--surface);border:1px solid var(--border-light);transition:all .2s}
.lb-fav-card:hover{transform:translateY(-3px);border-color:var(--lb-accent-light);box-shadow:var(--e2)}
.lb-fav-card__link{display:block;text-decoration:none;color:var(--text)}
.lb-fav-card__link:hover{text-decoration:none}
.lb-fav-card__image{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--bg-alt)}
.lb-fav-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.lb-fav-card:hover .lb-fav-card__image img{transform:scale(1.06)}
.lb-fav-card__body{padding:12px}
.lb-fav-card__price{font-size:16px;font-weight:800;color:var(--text);margin-bottom:4px}
.lb-fav-card__title{font-size:13px;font-weight:500;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-fav-card__location{font-size:11px;color:var(--text-secondary)}
.lb-fav-card__remove{position:absolute;top:8px;right:8px;background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:50%;width:26px;height:26px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;z-index:5;transition:background .2s}
.lb-fav-card__remove:hover{background:var(--error)}

/* — Sections — */
.lb-section{margin:28px 0}
.lb-section__title{font-size:20px;font-weight:800;margin-bottom:18px;color:var(--text);display:flex;align-items:center;gap:8px;letter-spacing:-.3px}

/* ============================================================
   CATEGORY GRID
   ============================================================ */
.lb-cat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}
.lb-cat-card{display:flex;flex-direction:column;align-items:center;padding:22px 10px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);text-decoration:none;color:var(--text);transition:all .2s cubic-bezier(.4,0,.2,1)}
.lb-cat-card:hover{border-color:var(--lb-accent-light);box-shadow:var(--e2);text-decoration:none;transform:translateY(-3px)}
.lb-cat-card__icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--lb-accent);margin-bottom:10px;border-radius:var(--r-sm);background:var(--lb-grad-soft)}
.lb-cat-card__icon img{width:52px;height:52px;object-fit:cover;border-radius:var(--r-sm)}
.lb-cat-card__name{font-size:13px;font-weight:600;text-align:center}
.lb-cat-card__count{font-size:11px;color:var(--text-secondary);margin-top:2px}

/* ============================================================
   LISTING GRID + CARDS
   ============================================================ */
.lb-listing-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.lb-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;text-decoration:none;color:var(--text);transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}
.lb-card:hover{border-color:var(--lb-accent-light);box-shadow:var(--e3);text-decoration:none;transform:translateY(-3px)}
.lb-card__image{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--bg-alt)}
.lb-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.lb-card:hover .lb-card__image img{transform:scale(1.06)}
.lb-card__badge{position:absolute;top:10px;left:10px;padding:4px 10px;border-radius:var(--r-pill);font-size:11px;font-weight:700;color:#fff;box-shadow:var(--e1)}
.lb-card__badge--premium{background:var(--lb-grad)}
.lb-card__body{padding:14px}
.lb-card__price{font-size:17px;font-weight:800;color:var(--text);margin-bottom:4px}
.lb-card__title{font-size:14px;font-weight:500;margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-card__desc{font-size:12px;color:var(--text-secondary);margin-bottom:6px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}
.lb-card__location{font-size:12px;color:var(--text-secondary);margin-bottom:2px}
.lb-card__date{font-size:11px;color:var(--text-disabled)}
.lb-card__views{font-size:11px;color:var(--text-disabled)}
.lb-card--favorite{position:relative}
.lb-card__remove{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.6);color:#fff;border:none;border-radius:50%;width:26px;height:26px;cursor:pointer;font-size:12px;display:flex;align-items:center;justify-content:center;z-index:5;transition:background .2s}
.lb-card__remove:hover{background:var(--error)}

/* Card hover overlay actions */
.lb-card__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1) 0%,rgba(0,0,0,.55) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;opacity:0;visibility:hidden;transition:opacity .25s ease,visibility .25s ease;z-index:2;padding:16px}
.lb-card:hover .lb-card__overlay{opacity:1;visibility:visible}
.lb-card__overlay-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:10px 22px;border-radius:var(--r-pill);font-size:13px;font-weight:700;white-space:nowrap;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;text-decoration:none}
.lb-card__overlay-btn:hover{transform:scale(1.05);text-decoration:none}
.lb-card__overlay-btn--accent{background:var(--lb-accent);color:#fff;box-shadow:0 4px 14px rgba(0,0,0,.3)}
.lb-card__overlay-btn--accent:hover{background:var(--lb-accent-dark,#e55a2b);color:#fff}
.lb-card__overlay-btn--outline{background:rgba(255,255,255,.15);color:#fff;border:1.5px solid rgba(255,255,255,.7);backdrop-filter:blur(4px)}
.lb-card__overlay-btn--outline:hover{background:rgba(255,255,255,.25);color:#fff}

/* ============================================================
   PAGE TITLE
   ============================================================ */
.lb-page-title{font-size:24px;font-weight:800;margin:20px 0;color:var(--text);letter-spacing:-.3px}
.lb-page-header{display:flex;justify-content:space-between;align-items:center;margin:20px 0}

/* ============================================================
   LISTING LAYOUT (filters sidebar + content)
   ============================================================ */
.lb-listing-layout{display:grid;grid-template-columns:260px 1fr;gap:20px;margin-top:20px}
.lb-filters{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:20px;height:fit-content;position:sticky;top:90px;box-shadow:var(--e1)}
.lb-filter-group{margin-bottom:18px}
.lb-filter-group label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text)}
.lb-filter-row{display:flex;gap:8px}
.lb-listing-content{min-width:0}
.lb-listing-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding:8px 0}
.lb-listing-count{font-size:13px;color:var(--text-secondary)}
.lb-sort select{padding:8px 12px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);font-family:var(--font);font-size:14px;color:var(--text)}

/* ============================================================
   FORMS — Material style
   ============================================================ */
.lb-form__input,.lb-form select,.lb-form textarea{width:100%;padding:12px 16px;border:1px solid var(--border);border-radius:var(--r-sm);font-size:14px;font-family:var(--font);background:var(--bg-alt);color:var(--text);transition:all .2s ease}
.lb-form__input:focus,.lb-form select:focus,.lb-form textarea:focus{outline:none;border-color:var(--lb-accent-light);background:var(--surface);box-shadow:0 0 0 3px var(--lb-accent-glow)}
.lb-form__input::placeholder{color:var(--text-disabled)}
.lb-form__group{margin-bottom:18px}
.lb-form__label{display:block;font-size:13px;font-weight:600;margin-bottom:6px;color:var(--text)}
.lb-form__row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.lb-form__section{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:24px;margin-bottom:20px;box-shadow:var(--e1)}
.lb-form__section h3{font-size:16px;font-weight:700;margin-bottom:18px;padding-bottom:10px;border-bottom:1px solid var(--border-light)}
.lb-form__error{color:var(--error);font-size:12px;margin-top:4px}
.lb-form__actions{display:flex;gap:12px;justify-content:flex-end}
.lb-required{color:var(--error)}

/* OLX-style form page */
.lb-form-page{max-width:1000px;margin:0 auto;padding:0 16px 40px}
.lb-form-page__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}
.lb-form-page__title{font-size:22px;font-weight:700;margin:0}
.lb-form-layout{display:grid;grid-template-columns:320px 1fr;gap:24px;align-items:start}
.lb-form-layout__side{position:sticky;top:80px}
.lb-form-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:16px;box-shadow:var(--e1);overflow:hidden;transition:box-shadow .2s}
.lb-form-card:hover{box-shadow:var(--e2)}
.lb-form-card__title{font-size:15px;font-weight:700;padding:16px 20px;margin:0;border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:8px;background:var(--bg-alt)}
.lb-form-card__title i{color:var(--lb-accent)}
.lb-form-card__body{padding:20px}
.lb-form-card__hint{font-size:12px;color:var(--text-secondary);margin-top:12px}
.lb-photo-main{position:relative;margin-bottom:16px}
.lb-photo-main__preview{width:100%;height:220px;object-fit:cover;border-radius:var(--r-sm);border:2px dashed var(--border);background:var(--bg-alt);cursor:pointer;transition:border-color .2s}
.lb-photo-main__preview:hover{border-color:var(--lb-accent-light)}
.lb-photo-main__btn{margin-top:10px;width:100%;text-align:center;display:flex;justify-content:center}
.lb-photo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.lb-photo-gallery__item{position:relative;aspect-ratio:1;border-radius:var(--r-sm);overflow:hidden;border:1px solid var(--border)}
.lb-photo-gallery__item img{width:100%;height:100%;object-fit:cover}
.lb-photo-gallery__remove{position:absolute;top:4px;right:4px;width:22px;height:22px;border-radius:50%;background:rgba(0,0,0,.6);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:11px;transition:background .15s}
.lb-photo-gallery__remove:hover{background:var(--error)}
.lb-photo-gallery__add{aspect-ratio:1;border-radius:var(--r-sm);border:2px dashed var(--border);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);font-size:20px;transition:all .15s}
.lb-photo-gallery__add:hover{border-color:var(--lb-accent);color:var(--lb-accent);background:rgba(59,130,246,.05)}
.lb-form__price-wrap{position:relative;display:flex;align-items:center}
.lb-form__price{padding-right:36px}
.lb-form__currency{position:absolute;right:14px;font-size:16px;font-weight:600;color:var(--text-secondary);pointer-events:none}
.lb-form-page__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--border-light)}
select.lb-form__input{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23999' stroke-width='3'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;cursor:pointer}
select.lb-form__input:focus{border-color:var(--lb-accent-light)}

/* Avatar upload */
.lb-avatar-upload{display:flex;align-items:center;gap:20px}
.lb-avatar-upload__preview{width:100px;height:100px;border-radius:50%;object-fit:cover;border:3px solid var(--border);background:var(--bg-alt)}
.lb-avatar-upload__actions{display:flex;flex-direction:column;gap:8px}

/* Header avatar */
.lb-header__avatar{width:24px;height:24px;border-radius:50%;object-fit:cover;border:1px solid var(--border);flex-shrink:0}
.lb-header__auth-text{white-space:nowrap}
.lb-form__radios,.lb-form__checkboxes{display:flex;flex-wrap:wrap;gap:10px}
.lb-form__radio,.lb-form__checkbox{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px solid var(--border);border-radius:var(--r-pill);cursor:pointer;font-size:13px;transition:all .15s}
.lb-form__radio:hover,.lb-form__checkbox:hover{border-color:var(--lb-accent)}
.lb-form__radio input,.lb-form__checkbox input{margin:0;accent-color:var(--lb-accent)}
.input-group{display:flex;align-items:stretch}
.input-group .lb-form__input{flex:1;border-radius:var(--r-sm) 0 0 var(--r-sm)}
.input-group-addon{display:flex;align-items:center;justify-content:center;padding:0 14px;border:1px solid var(--border);border-left:none;border-radius:0 var(--r-sm) var(--r-sm) 0;background:var(--bg-alt,rgba(0,0,0,.02));color:var(--text-secondary);cursor:pointer}

/* — Image Upload — */
.lb-image-upload{display:flex;align-items:center;gap:12px}
.lb-image-upload__preview{width:100px;height:100px;object-fit:cover;border:1px solid var(--border);border-radius:var(--r-sm)}
.lb-image-list{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}
.lb-image-list__item{position:relative;width:80px;height:80px}
.lb-image-list__item img{width:80px;height:80px;object-fit:cover;border:1px solid var(--border);border-radius:var(--r-sm)}
.lb-image-list__remove{position:absolute;top:-4px;right:-4px;background:var(--error);color:#fff;border:none;border-radius:50%;width:22px;height:22px;cursor:pointer;font-size:10px;display:flex;align-items:center;justify-content:center}

/* ============================================================
   LISTING DETAIL PAGE (new layout)
   ============================================================ */
.lb-listing-page{margin:16px 0}
.lb-listing-page__topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);margin-bottom:16px;flex-wrap:wrap}
.lb-listing-page__back{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);text-decoration:none;font-size:13px;font-weight:600;transition:color .18s}
.lb-listing-page__back:hover{color:var(--lb-accent);text-decoration:none}
.lb-listing-page__topbar-nav{display:flex;align-items:center;gap:14px}
.lb-listing-page__topbar-nav a{display:inline-flex;align-items:center;gap:5px;color:var(--text-secondary);text-decoration:none;font-size:13px;transition:color .18s}
.lb-listing-page__topbar-nav a:hover{color:var(--lb-accent);text-decoration:none}
.lb-listing-page__topbar-actions{display:flex;align-items:center;gap:6px}
.lb-listing-page__icon-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface);color:var(--text-secondary);cursor:pointer;font-size:15px;transition:all .18s;text-decoration:none}
.lb-listing-page__icon-btn:hover{border-color:var(--lb-accent-light);color:var(--lb-accent);background:var(--lb-grad-soft);text-decoration:none}
.lb-listing-page__icon-btn.is-active{color:var(--error);border-color:var(--error)}

.lb-listing-page__layout{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.lb-listing-page__left{position:sticky;top:70px}
.lb-listing-page__gallery{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--e1)}
.lb-listing-page__carousel{position:relative;display:flex;align-items:center}
.lb-listing-page__carousel-viewport{flex:1;overflow:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.lb-listing-page__carousel-viewport::-webkit-scrollbar{display:none}
.lb-listing-page__carousel-track{display:flex;transition:none}
.lb-listing-page__carousel-slide{flex-shrink:0;width:100%;aspect-ratio:4/3;overflow:hidden}
.lb-listing-page__carousel-slide img{width:100%;height:100%;object-fit:cover}
.lb-listing-page__carousel-arrow{flex-shrink:0;width:40px;height:40px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:18px;transition:all .18s;box-shadow:var(--e1);z-index:5;position:absolute}
.lb-listing-page__carousel-arrow:hover{background:var(--lb-grad);color:#fff;border-color:var(--lb-accent)}
.lb-listing-page__carousel-arrow--prev{left:8px}
.lb-listing-page__carousel-arrow--next{right:8px}
.lb-listing-page__thumbs{display:flex;gap:6px;overflow-x:auto;padding:10px;border-top:1px solid var(--border-light);scrollbar-width:none}
.lb-listing-page__thumbs::-webkit-scrollbar{display:none}
.lb-listing-page__thumb{width:64px;height:48px;object-fit:cover;border:2px solid transparent;border-radius:var(--r-sm);cursor:pointer;transition:border-color .2s;flex-shrink:0}
.lb-listing-page__thumb--active,.lb-listing-page__thumb.is-active,.lb-listing-page__thumb:hover{border-color:var(--lb-accent)}

.lb-listing-page__right{display:flex;flex-direction:column;gap:16px}
.lb-listing-page__seller-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--e1);flex-wrap:wrap}
.lb-listing-page__seller-left{display:flex;align-items:center;gap:12px}
.lb-listing-page__seller-avatar{width:48px;height:48px;border-radius:50%;object-fit:cover;flex-shrink:0}
.lb-listing-page__seller-avatar--placeholder{width:48px;height:48px;border-radius:50%;background:var(--lb-grad-soft);display:flex;align-items:center;justify-content:center;font-size:22px;color:var(--lb-accent)}
.lb-listing-page__seller-info{display:flex;flex-direction:column;gap:3px}
.lb-listing-page__seller-name{font-size:15px;font-weight:700;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.lb-listing-page__seller-name a{color:var(--text);text-decoration:none}
.lb-listing-page__seller-name a:hover{color:var(--lb-accent)}
.lb-listing-page__verified{font-size:11px;font-weight:600;color:var(--lb-accent);display:inline-flex;align-items:center;gap:3px;background:var(--lb-grad-soft);padding:2px 8px;border-radius:var(--r-pill)}
.lb-listing-page__seller-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-secondary);flex-wrap:wrap}
.lb-listing-page__rating{display:inline-flex;align-items:center;gap:3px;color:#f5a623;font-weight:600}
.lb-listing-page__seller-right{display:flex;flex-direction:column;gap:8px;align-items:flex-end}
.lb-listing-page__owner-actions{display:flex;gap:6px;flex-wrap:wrap}
.lb-listing-page__contact-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.lb-listing-page__phone-block{display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-alt);font-size:14px;font-weight:600}
.lb-listing-page__phone-block i{color:var(--lb-accent)}
.lb-listing-page__phone-mask{color:var(--text-secondary);letter-spacing:2px}
.lb-listing-page__phone-link{color:var(--lb-accent);text-decoration:none;font-weight:700}
.lb-listing-page__phone-link:hover{text-decoration:underline}

.lb-listing-page__title-block{padding:16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);box-shadow:var(--e1)}
.lb-listing-page__title{font-size:20px;font-weight:800;margin-bottom:10px;letter-spacing:-.3px}
.lb-listing-page__price-row{display:flex;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.lb-listing-page__price{font-size:26px;font-weight:800;color:var(--text)}
.lb-listing-page__status{font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--r-pill);display:inline-flex;align-items:center;gap:4px}
.lb-listing-page__status--active{color:#22c55e;background:rgba(34,197,94,.1)}
.lb-listing-page__status--active i{font-size:7px}
.lb-listing-page__meta{display:flex;flex-wrap:wrap;gap:14px;padding-top:12px;border-top:1px solid var(--border-light)}
.lb-listing-page__meta-item{font-size:12px;color:var(--text-secondary);display:inline-flex;align-items:center;gap:5px}
.lb-listing-page__meta-item a{color:var(--lb-accent);text-decoration:none}
.lb-listing-page__meta-item a:hover{text-decoration:underline}

.lb-listing-page__message-form{padding:14px;background:var(--lb-grad-soft);border:1px solid var(--border-light);border-radius:var(--r-md);display:flex;flex-direction:column;gap:8px}

.lb-listing-page__tabs{display:flex;gap:0;border-bottom:2px solid var(--border-light)}
.lb-listing-page__tab{padding:10px 18px;border:none;background:transparent;color:var(--text-secondary);font-size:13px;font-weight:600;cursor:pointer;transition:all .18s;font-family:var(--font);display:inline-flex;align-items:center;gap:6px;border-bottom:2px solid transparent;margin-bottom:-2px}
.lb-listing-page__tab:hover{color:var(--lb-accent)}
.lb-listing-page__tab.is-active{color:var(--lb-accent);border-bottom-color:var(--lb-accent)}
.lb-listing-page__tab-count{font-size:11px;background:var(--lb-grad);color:#fff;padding:1px 7px;border-radius:var(--r-pill)}
.lb-listing-page__tab-content{display:none;padding:16px 0}
.lb-listing-page__tab-content.is-active{display:block}
.lb-listing-page__description{font-size:15px;line-height:1.8;color:var(--text)}

.lb-listing-page__reviews-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px;flex-wrap:wrap}
.lb-listing-page__reviews-summary{display:flex;align-items:center;gap:10px}
.lb-listing-page__reviews-score{font-size:24px;font-weight:800;color:#f5a623}
.lb-listing-page__reviews-stars{color:#f5a623;font-size:15px}
.lb-listing-page__reviews-count{font-size:13px;color:var(--text-secondary)}
.lb-listing-page__reviews-empty{font-size:14px;color:var(--text-secondary);padding:20px 0;text-align:center}
.lb-listing-page__review-form{padding:14px;background:var(--bg-alt);border:1px solid var(--border-light);border-radius:var(--r-md);margin-bottom:16px;display:flex;flex-direction:column;gap:10px}
.lb-listing-page__review-rating{display:flex;align-items:center;gap:4px;font-size:14px}
.lb-listing-page__star{cursor:pointer;font-size:18px;color:#ccc;transition:color .15s}
.lb-listing-page__star.fa-star{color:#f5a623}
.lb-listing-page__reviews-list{display:flex;flex-direction:column;gap:14px}
.lb-listing-page__review{display:flex;gap:12px;padding:14px 0;border-bottom:1px solid var(--border-light)}
.lb-listing-page__review:last-child{border-bottom:none}
.lb-listing-page__review-avatar{width:40px;height:40px;border-radius:50%;background:var(--lb-grad-soft);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--lb-accent);flex-shrink:0;overflow:hidden}
.lb-listing-page__review-avatar img{width:100%;height:100%;object-fit:cover}
.lb-listing-page__review-body{flex:1}
.lb-listing-page__review-header{display:flex;align-items:center;gap:10px;margin-bottom:6px;flex-wrap:wrap}
.lb-listing-page__review-author{font-size:14px;font-weight:700}
.lb-listing-page__review-stars{color:#f5a623;font-size:12px}
.lb-listing-page__review-date{font-size:11px;color:var(--text-secondary);margin-left:auto}
.lb-listing-page__review-text{font-size:14px;line-height:1.6;color:var(--text)}

.lb-listing-page__similar-carousel{display:flex;align-items:center;gap:8px}
.lb-listing-page__similar-viewport{flex:1;overflow:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.lb-listing-page__similar-viewport::-webkit-scrollbar{display:none}
.lb-listing-page__similar-track{display:flex;gap:14px;padding:4px}
.lb-listing-page__similar-card{flex-shrink:0;width:180px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;text-decoration:none;color:var(--text);transition:all .22s;display:flex;flex-direction:column}
.lb-listing-page__similar-card:hover{text-decoration:none;transform:translateY(-3px);border-color:var(--lb-accent-light);box-shadow:var(--e2)}
.lb-listing-page__similar-img{width:100%;height:130px;overflow:hidden;background:var(--bg-alt)}
.lb-listing-page__similar-img img{width:100%;height:100%;object-fit:cover}
.lb-listing-page__similar-body{padding:10px 12px;display:flex;flex-direction:column;gap:4px}
.lb-listing-page__similar-price{font-size:14px;font-weight:800;color:var(--lb-accent)}
.lb-listing-page__similar-title{font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:32px}
.lb-listing-page__similar-loc{font-size:11px;color:var(--text-secondary);display:flex;align-items:center;gap:4px}
.lb-listing-page__similar-arrow{flex-shrink:0;width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--surface);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;transition:all .18s;box-shadow:var(--e1)}
.lb-listing-page__similar-arrow:hover{background:var(--lb-grad);color:#fff;border-color:var(--lb-accent)}

/* Dark mode */
body.lb-dark .lb-listing-page__topbar,body.lb-dark .lb-listing-page__gallery,body.lb-dark .lb-listing-page__seller-header,body.lb-dark .lb-listing-page__title-block{background:var(--surface);border-color:var(--border)}
body.lb-dark .lb-listing-page__message-form,body.lb-dark .lb-listing-page__review-form{background:rgba(59,130,246,.08);border-color:var(--border)}
body.lb-dark .lb-listing-page__phone-block{background:rgba(255,255,255,.05);border-color:var(--border)}

/* ============================================================
   DETAIL PAGE (legacy - kept for reference)
   ============================================================ */
.lb-detail{margin:20px 0}
.lb-detail__main{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.lb-detail__gallery{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:20px;box-shadow:var(--e1)}
.lb-detail__main-image{aspect-ratio:4/3;overflow:hidden;border-radius:var(--r-sm);margin-bottom:14px}
.lb-detail__main-image img{width:100%;height:100%;object-fit:cover}
.lb-detail__thumbs{display:flex;gap:8px;overflow-x:auto}
.lb-detail__thumb{width:80px;height:60px;object-fit:cover;border:2px solid transparent;border-radius:var(--r-sm);cursor:pointer;transition:border-color .2s}
.lb-detail__thumb--active,.lb-detail__thumb:hover{border-color:var(--lb-accent)}
.lb-detail__info{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:24px;box-shadow:var(--e1)}
.lb-detail__title{font-size:22px;font-weight:800;margin-bottom:14px;letter-spacing:-.3px}
.lb-detail__price-row{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.lb-detail__price{font-size:28px;font-weight:800;color:var(--text)}
.lb-detail__meta{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:18px;padding:14px 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}
.lb-detail__meta-item{font-size:13px;color:var(--text-secondary)}
.lb-detail__meta-item a{color:var(--lb-accent)}
.lb-detail__description{margin-bottom:24px;line-height:1.8;font-size:15px}
.lb-detail__contact{margin:24px 0;padding:18px;background:var(--lb-grad-soft);border-radius:var(--r-md)}
.lb-detail__contact-box h3{font-size:16px;margin-bottom:14px}
.lb-detail__phone{margin-bottom:14px;font-size:18px;font-weight:600}
.lb-detail__actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
.lb-detail__owner-actions{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.lb-detail__seller{margin-top:24px;padding:18px;border-top:1px solid var(--border-light)}
.lb-detail__seller-info{display:flex;align-items:center;gap:14px}
.lb-detail__seller-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover}
.lb-detail__seller-avatar--placeholder{width:52px;height:52px;border-radius:50%;background:var(--lb-grad-soft);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--lb-accent)}
.lb-detail__seller-name{font-weight:600}
.lb-detail__seller-name a{color:var(--text)}
.lb-detail__seller-since{font-size:12px;color:var(--text-secondary)}

/* ============================================================
   BADGES
   ============================================================ */
.lb-badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--r-pill);font-size:11px;font-weight:700}
.lb-badge--premium{background:var(--lb-grad);color:#fff}
.lb-badge--sold{background:var(--text-disabled);color:#fff}

/* ============================================================
   SUBCATEGORIES (chips)
   ============================================================ */
.lb-subcats{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 22px}
.lb-subcat{padding:8px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-pill);font-size:13px;color:var(--text);text-decoration:none;transition:all .2s;font-weight:500}
.lb-subcat:hover{border-color:var(--lb-accent-light);color:var(--lb-accent);text-decoration:none;background:var(--lb-grad-soft)}

/* ============================================================
   TABLE
   ============================================================ */
.lb-table{width:100%;border-collapse:collapse;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--e1)}
.lb-table th{padding:14px;text-align:left;font-size:13px;font-weight:700;color:var(--text-secondary);border-bottom:2px solid var(--border);background:var(--bg-alt)}
.lb-table td{padding:14px;border-bottom:1px solid var(--border-light);font-size:14px}
.lb-table tr:hover{background:var(--bg-alt)}
.lb-table__thumb{width:60px;height:45px;object-fit:cover;border-radius:var(--r-sm)}
.lb-table__actions{display:flex;gap:4px;flex-wrap:wrap}

/* ============================================================
   STATUS PILLS
   ============================================================ */
.lb-status{display:inline-block;padding:4px 10px;border-radius:var(--r-pill);font-size:11px;font-weight:600}
.lb-status--active{background:rgba(24,128,56,.1);color:var(--success)}
.lb-status--inactive{background:rgba(217,48,37,.1);color:var(--error)}
.lb-status--sold{background:rgba(154,160,166,.15);color:var(--text-secondary)}
.lb-status--pending{background:rgba(249,171,0,.12);color:#b06000}
.lb-status--rejected{background:rgba(217,48,37,.1);color:var(--error)}

/* ============================================================
   PAGINATION
   ============================================================ */
.lb-pagination{display:flex;justify-content:center;gap:6px;margin:28px 0}
.lb-pagination a,.lb-pagination span{display:inline-flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:var(--r-sm);font-size:14px;color:var(--text);text-decoration:none;transition:all .18s ease}
.lb-pagination a:hover{border-color:var(--lb-accent-light);color:var(--lb-accent);background:var(--lb-grad-soft)}
.lb-pagination .active{background:var(--lb-grad);color:#fff;border-color:transparent;font-weight:600}

/* ============================================================
   SHOW MORE BUTTON
   ============================================================ */
.lb-show-more-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;margin:24px 0 8px}
.lb-show-more-btn{max-width:320px;padding:14px 32px;font-size:15px;font-weight:700;border-radius:var(--r-sm)}
.lb-show-more-btn:disabled{opacity:.7;cursor:wait;transform:none}
.lb-show-more-btn:disabled:hover{transform:none;box-shadow:none}
.lb-show-more-loading{font-size:14px;color:var(--text-secondary)}
.lb-show-more-end{font-size:13px;color:var(--text-secondary);text-align:center;padding:8px 0}

/* ============================================================
   ALERTS
   ============================================================ */
.lb-alert{padding:14px 18px;border-radius:var(--r-sm);margin:14px 0;font-size:14px;display:flex;align-items:center;gap:8px}
.lb-alert--success{background:rgba(24,128,56,.08);color:var(--success);border:1px solid rgba(24,128,56,.15)}
.lb-alert--danger{background:rgba(217,48,37,.08);color:var(--error);border:1px solid rgba(217,48,37,.15)}
.lb-alert--warning{background:rgba(249,171,0,.08);color:#b06000;border:1px solid rgba(249,171,0,.15)}

/* ============================================================
   EMPTY STATE
   ============================================================ */
.lb-empty{text-align:center;padding:56px 20px;color:var(--text-secondary)}
.lb-empty p{margin-bottom:18px;font-size:17px}

/* ============================================================
   PROFILE
   ============================================================ */
.lb-profile{margin:16px 0}
.lb-profile__cover{height:120px;border-radius:var(--r-md) var(--r-md) 0 0;overflow:hidden;position:relative;background:var(--lb-grad)}
.lb-profile__cover-gradient{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.15) 0%,rgba(0,0,0,.1) 100%)}
.lb-profile__header{display:flex;align-items:flex-end;gap:18px;background:var(--surface);border:1px solid var(--border);border-top:none;border-radius:0 0 var(--r-md) var(--r-md);padding:0 24px 16px;box-shadow:var(--e1);position:relative;margin-top:-32px}
.lb-profile__avatar{flex-shrink:0;width:88px;height:88px;border-radius:50%;border:3px solid var(--surface);overflow:hidden;background:var(--bg-alt);box-shadow:var(--e2);position:relative;z-index:1}
.lb-profile__avatar img,.lb-profile__avatar-placeholder{width:100%;height:100%;border-radius:50%;object-fit:cover}
.lb-profile__avatar-placeholder{background:var(--lb-grad-soft);display:flex;align-items:center;justify-content:center;font-size:36px;color:var(--lb-accent)}
.lb-profile__info{flex:1;padding-bottom:4px}
.lb-profile__name{font-size:20px;font-weight:800;margin-bottom:4px;display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.lb-profile__meta{display:flex;gap:16px;font-size:12px;color:var(--text-secondary);flex-wrap:wrap}
.lb-profile__meta i{color:var(--lb-accent);margin-right:3px}
.lb-profile__actions{flex-shrink:0;padding-bottom:4px;display:flex;gap:10px}

.lb-profile__body{display:grid;grid-template-columns:260px 1fr;gap:16px;margin-top:16px}
.lb-profile__sidebar{display:flex;flex-direction:column;gap:12px}
.lb-profile__content{min-width:0}

.lb-profile__card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:14px;box-shadow:var(--e1)}
.lb-profile__card-title{font-size:13px;font-weight:700;margin-bottom:10px;color:var(--text);display:flex;align-items:center;gap:7px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}
.lb-profile__card-title i{color:var(--lb-accent);font-size:14px}
.lb-profile__about-text{font-size:13px;line-height:1.5;color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word}
.lb-profile__about-text--empty{font-style:italic;color:var(--text-disabled)}

.lb-profile__contact-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
.lb-profile__contact-list li{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}
.lb-profile__contact-list i{color:var(--lb-accent);font-size:13px;width:16px;text-align:center;flex-shrink:0}
.lb-profile__contact-list a{color:var(--text-secondary);text-decoration:none}
.lb-profile__contact-list a:hover{color:var(--lb-accent)}

.lb-profile__stats{display:flex;gap:12px}
.lb-profile__stat{text-align:center;flex:1}
.lb-profile__stat-value{font-size:22px;font-weight:800;color:var(--lb-accent)}
.lb-profile__stat-label{font-size:11px;color:var(--text-secondary);margin-top:1px}

.lb-profile__section-title{font-size:16px;font-weight:700;margin-bottom:12px;color:var(--text)}

/* ============================================================
   FOOTER
   ============================================================ */
.lb-footer{background:var(--surface);color:var(--text);padding:40px 0 0;margin-top:48px;border-top:1px solid var(--border)}
.lb-footer__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:28px;margin-bottom:28px;padding:0 20px}
.lb-footer__col{text-align:center}
.lb-footer__col h5{color:var(--lb-accent);font-size:14px;font-weight:700;margin-bottom:14px;letter-spacing:.3px}
.lb-footer__toggle{cursor:pointer}
.lb-footer__arrow{display:none}
.lb-footer__pills{display:flex;flex-direction:column;gap:8px;align-items:center}
.lb-footer__pill{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border:1px solid var(--border);border-radius:var(--r-pill);color:var(--text-secondary);font-size:12px;font-weight:500;text-decoration:none;transition:all .18s ease;white-space:nowrap;width:100%;max-width:200px}
.lb-footer__pill:hover{border-color:var(--lb-accent-light);background:var(--lb-grad-soft);color:var(--lb-accent);text-decoration:none}
.lb-footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:var(--lb-grad);font-size:12px;color:rgba(255,255,255,.85);flex-wrap:wrap}
.lb-footer__bottom-left{flex-shrink:0}
.lb-footer__site-link{color:#fff;text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:5px;transition:opacity .2s}
.lb-footer__site-link:hover{opacity:.85;text-decoration:none}
.lb-footer__site-link i{font-size:11px}
.lb-footer__bottom-center{flex:1;text-align:center;min-width:200px}
.lb-footer__heart{color:#fecaca;font-size:11px;animation:lbPulse 2s ease infinite}
.lb-footer__bottom-right{flex-shrink:0;display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.lb-footer__payments{display:flex;align-items:center;gap:8px}
.lb-footer__pay-icon{font-size:22px;color:rgba(255,255,255,.85);transition:color .2s}
.lb-footer__pay-icon:hover{color:#fff}
.lb-footer__delivery{display:flex;align-items:center;gap:8px}
.lb-footer__ship{font-size:10px;font-weight:600;color:rgba(255,255,255,.7);padding:3px 8px;border:1px solid rgba(255,255,255,.25);border-radius:var(--r-pill);white-space:nowrap}

/* ============================================================
   MODAL
   ============================================================ */
.lb-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px}
.lb-modal.open{display:flex}
.lb-modal:not(.open){display:none}
.lb-modal__content{background:var(--surface);border-radius:var(--r-lg);box-shadow:var(--e4);max-width:600px;width:100%;max-height:80vh;overflow-y:auto;animation:lbFadeInScale .25s ease}
.lb-modal__header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border-light)}
.lb-modal__header h3{font-size:17px;font-weight:700;color:var(--text)}
.lb-modal__close{font-size:20px;color:var(--text-secondary);cursor:pointer;padding:4px 8px;border-radius:var(--r-sm);transition:all .18s ease}
.lb-modal__close:hover{background:var(--border-light);color:var(--text)}

/* — City Modal — */
.lb-city-modal__content{max-width:480px}
.lb-city-modal__body{padding:20px 24px}
.lb-city-modal__search{margin-bottom:16px}
.lb-city-modal__list{max-height:320px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}
.lb-city-modal__item{display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--r-sm);cursor:pointer;font-size:14px;color:var(--text);transition:all .15s}
.lb-city-modal__item:hover{background:var(--lb-grad-soft);color:var(--lb-accent)}
.lb-city-modal__item i{color:var(--text-secondary);font-size:16px}
.lb-city-modal__item:hover i{color:var(--lb-accent)}

/* — Search Modal — */
.lb-search-modal__content{max-width:900px;max-height:85vh}
.lb-search-modal__body{padding:20px 24px}
.lb-search-modal__filters{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:16px}
.lb-search-modal__input-wrap{grid-column:1/-1;position:relative}
.lb-search-modal__search-input{width:100%}
.lb-autocomplete{position:absolute;top:100%;left:0;right:0;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);box-shadow:var(--e2);z-index:100;max-height:300px;overflow-y:auto;margin-top:4px}
.lb-autocomplete__item{padding:10px 14px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px;transition:background .15s}
.lb-autocomplete__item:hover{background:var(--border-light)}
.lb-autocomplete__type{margin-left:auto;font-size:10px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;background:var(--border-light);padding:2px 8px;border-radius:var(--r-pill)}
.lb-search-modal__count{font-size:13px;color:var(--text-secondary);margin-bottom:14px;padding:8px 0;border-bottom:1px solid var(--border-light)}
.lb-search-modal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;max-height:400px;overflow-y:auto}
.lb-search-modal__card{animation:lbFadeInScale .2s ease}
.lb-search-modal__card .lb-card__image{aspect-ratio:1/1}
.lb-search-modal__loading{text-align:center;padding:40px;color:var(--text-secondary)}
.lb-search-modal__footer{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:16px 0 0;border-top:1px solid var(--border-light);margin-top:12px}
.lb-btn--auth{white-space:nowrap;font-size:13px;font-weight:600}

/* ============================================================
   ACCOUNT PAGE (YouTube channel style)
   ============================================================ */

/* — LimoCoin page — */
.lb-limocoin-page{max-width:800px;margin:0 auto;padding:20px 16px 40px}
.lb-limocoin-balance{display:flex;align-items:center;gap:16px;padding:20px 24px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--e1);margin-bottom:24px}
.lb-limocoin-balance__icon{width:56px;height:56px;border-radius:var(--r-md);background:linear-gradient(135deg,#4caf50,#2e7d32);display:flex;align-items:center;justify-content:center;font-size:26px;color:#fff;flex-shrink:0}
.lb-limocoin-balance__info{flex:1}
.lb-limocoin-balance__label{font-size:13px;color:var(--text-secondary);margin-bottom:4px}
.lb-limocoin-balance__amount{font-size:32px;font-weight:800;color:var(--text)}
.lb-limocoin-balance__amount span{font-size:16px;font-weight:600;color:var(--text-secondary)}
.lb-limocoin-balance__back{font-size:13px;color:var(--text-secondary);text-decoration:none;transition:color .2s;white-space:nowrap}
.lb-limocoin-balance__back:hover{color:var(--lb-accent);text-decoration:none}
.lb-limocoin-section{margin-bottom:28px}
.lb-limocoin-section__title{font-size:18px;font-weight:700;margin-bottom:16px;display:flex;align-items:center;gap:8px}
.lb-limocoin-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}
.lb-limocoin-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:20px 14px;border-radius:var(--r-md);border:1.5px solid var(--border);background:var(--surface);text-align:center;transition:all .2s;cursor:pointer}
.lb-limocoin-card:hover{border-color:var(--lb-accent-light);box-shadow:var(--e2);transform:translateY(-2px)}
.lb-limocoin-card--popular{border-color:var(--lb-accent)}
.lb-limocoin-card__badge{position:absolute;top:-9px;left:50%;transform:translateX(-50%);background:var(--lb-accent);color:#fff;font-size:9px;font-weight:700;padding:2px 10px;border-radius:var(--r-pill);white-space:nowrap}
.lb-limocoin-card__icon{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,#4caf50,#2e7d32);display:flex;align-items:center;justify-content:center;font-size:18px;color:#fff}
.lb-limocoin-card__coins{font-size:22px;font-weight:800;color:var(--text)}
.lb-limocoin-card__price{font-size:14px;font-weight:700;color:var(--lb-accent)}
.lb-limocoin-card__btn{width:100%;padding:8px;border:none;border-radius:var(--r-sm);background:var(--lb-accent);color:#fff;font-size:13px;font-weight:700;cursor:pointer;transition:opacity .2s;font-family:var(--font)}
.lb-limocoin-card__btn:hover{opacity:.85}
.lb-limocoin-history{display:flex;flex-direction:column;gap:8px}
.lb-limocoin-history__item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--r-md);border:1px solid var(--border-light);background:var(--surface)}
.lb-limocoin-history__icon{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0}
.lb-limocoin-history__icon--plus{background:rgba(76,175,80,.15);color:#4caf50}
.lb-limocoin-history__icon--minus{background:rgba(244,67,54,.15);color:#f44336}
.lb-limocoin-history__info{flex:1}
.lb-limocoin-history__desc{font-size:14px;font-weight:600}
.lb-limocoin-history__date{font-size:12px;color:var(--text-secondary)}
.lb-limocoin-history__amount{font-size:16px;font-weight:800;white-space:nowrap}
.lb-limocoin-history__amount--plus{color:#4caf50}
.lb-limocoin-history__amount--minus{color:#f44336}
.lb-btn--block{width:100%;justify-content:center}

/* — Order page — */
.lb-order-page{max-width:600px;margin:0 auto;padding:20px 16px 40px}
.lb-order-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--e1)}
.lb-order-card__header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--border-light)}
.lb-order-card__header h2{font-size:18px;font-weight:700;margin:0}
.lb-order-status{font-size:12px;font-weight:700;padding:4px 12px;border-radius:var(--r-pill)}
.lb-order-status--pending{background:rgba(255,193,7,.15);color:#ffc107}
.lb-order-status--paid{background:rgba(33,150,243,.15);color:#2196f3}
.lb-order-status--completed{background:rgba(76,175,80,.15);color:#4caf50}
.lb-order-status--cancelled{background:rgba(244,67,54,.15);color:#f44336}
.lb-order-card__body{padding:20px 24px}
.lb-order-card__listing{display:flex;gap:14px;text-decoration:none;margin-bottom:20px;padding:14px;border-radius:var(--r-md);border:1px solid var(--border-light);transition:all .2s}
.lb-order-card__listing:hover{border-color:var(--lb-accent-light);text-decoration:none}
.lb-order-card__listing img{width:80px;height:80px;border-radius:var(--r-sm);object-fit:cover;flex-shrink:0}
.lb-order-card__listing-info{flex:1}
.lb-order-card__listing-title{font-size:14px;font-weight:600;margin-bottom:4px;color:var(--text)}
.lb-order-card__listing-price{font-size:18px;font-weight:800;color:var(--lb-accent)}
.lb-order-card__details{display:flex;flex-direction:column;gap:8px}
.lb-order-card__row{display:flex;justify-content:space-between;font-size:14px}
.lb-order-card__row span{color:var(--text-secondary)}
.lb-order-card__row strong{color:var(--text)}
.lb-order-card__actions{display:flex;gap:10px;flex-wrap:wrap;padding:16px 24px;border-top:1px solid var(--border-light)}

.lb-account-page{max-width:1100px;margin:0 auto;padding:0 16px 40px}
.lb-account-banner{height:180px;border-radius:var(--r-md);overflow:hidden;margin-bottom:24px;background:var(--lb-grad,linear-gradient(135deg,#3b82f6,#8b5cf6))}
.lb-account-banner__gradient{width:100%;height:100%;background:linear-gradient(135deg,var(--lb-accent,#3b82f6) 0%,var(--lb-accent2,#8b5cf6) 100%);opacity:.9}
.lb-account-header{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-bottom:28px}
.lb-account-header__avatar{width:128px;height:128px;border-radius:50%;overflow:hidden;flex-shrink:0;border:4px solid var(--surface,#fff);box-shadow:var(--e2)}
.lb-account-header__avatar img{width:100%;height:100%;object-fit:cover}
.lb-account-header__avatar-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--border-light);font-size:48px;color:var(--text-secondary)}
.lb-account-header__info{flex:1;min-width:200px}
.lb-account-header__name{font-size:24px;font-weight:700;margin:0 0 4px;color:var(--text)}
.lb-account-header__email{font-size:14px;color:var(--text-secondary);margin-bottom:10px}
.lb-account-header__stats{display:flex;gap:20px;flex-wrap:wrap}
.lb-account-stat{font-size:13px;color:var(--text-secondary);display:flex;align-items:center;gap:6px}
.lb-account-stat i{color:var(--lb-accent)}
.lb-account-header__actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}

/* — Account Tariff Block — */
.lb-account-tariff{display:flex;align-items:center;gap:16px;flex-wrap:wrap;background:var(--lb-grad-soft);border:1px solid var(--border-light);border-radius:var(--r-md);padding:16px 20px;margin-bottom:24px}
.lb-account-tariff__info{display:flex;align-items:center;gap:12px;flex:1;min-width:200px}
.lb-account-tariff__icon{width:44px;height:44px;border-radius:var(--r-sm);background:var(--lb-grad);display:flex;align-items:center;justify-content:center;font-size:20px;color:#fff;flex-shrink:0}
.lb-account-tariff__name{font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px}
.lb-account-tariff__role{font-size:10px;font-weight:700;padding:2px 8px;border-radius:var(--r-pill);text-transform:uppercase;letter-spacing:.5px}
.lb-account-tariff__role--buyer{background:rgba(100,116,139,.15);color:#64748b}
.lb-account-tariff__role--seller{background:rgba(59,130,246,.15);color:#3b82f6}
.lb-account-tariff__role--donor{background:rgba(139,92,246,.15);color:#8b5cf6}
.lb-account-tariff__role--admin{background:rgba(244,67,54,.15);color:#f44336}
.lb-account-tariff__meta{font-size:12px;color:var(--text-secondary);margin-top:2px}
.lb-account-tariff__features{display:flex;gap:6px;flex-wrap:wrap}
.lb-account-tariff__feat{font-size:11px;font-weight:600;padding:3px 8px;border-radius:var(--r-sm);background:var(--surface);border:1px solid var(--border-light);color:var(--text-secondary)}
.lb-account-tariff__feat i{color:var(--lb-accent);font-size:10px}

.lb-account-tabs{display:flex;gap:0;border-bottom:2px solid var(--border-light);margin-bottom:24px;overflow-x:auto}
.lb-account-tab{padding:12px 20px;font-size:14px;font-weight:600;color:var(--text-secondary);border-bottom:3px solid transparent;margin-bottom:-2px;white-space:nowrap;cursor:pointer;transition:all .15s;display:flex;align-items:center;gap:8px}
.lb-account-tab:hover{color:var(--text)}
.lb-account-tab.active{color:var(--lb-accent);border-bottom-color:var(--lb-accent)}
.lb-account-content{display:none}
.lb-account-content.active{display:block}
.lb-account-content__head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.lb-account-content__head h2{font-size:18px;font-weight:700;margin:0}
.lb-account-settings{display:flex;flex-direction:column;gap:2px;max-width:600px;margin:0 auto}
.lb-account-settings__item{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:var(--r-sm);background:var(--surface,#fff);border:1px solid var(--border-light);cursor:pointer;transition:all .15s;text-decoration:none;color:var(--text)}
.lb-account-settings__item:hover{border-color:var(--lb-accent);box-shadow:var(--e1)}
.lb-account-settings__icon{width:44px;height:44px;border-radius:var(--r-sm);background:var(--lb-grad-soft,rgba(59,130,246,.1));display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--lb-accent);flex-shrink:0}
.lb-account-settings__text{flex:1}
.lb-account-settings__title{font-size:15px;font-weight:600;margin-bottom:2px}
.lb-account-settings__desc{font-size:13px;color:var(--text-secondary)}
.lb-account-settings__item .fa-chevron-right{color:var(--text-secondary);font-size:12px}
.lb-card__badge--active{background:#22c55e;color:#fff}
.lb-card__badge--pending{background:#f59e0b;color:#fff}
.lb-card__badge--sold{background:#6b7280;color:#fff}
.lb-card__badge--inactive{background:#3b82f6;color:#fff}
.lb-card__badge--rejected{background:#ef4444;color:#fff}
.lb-card__badge--vip{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;font-weight:700;text-transform:uppercase;letter-spacing:.5px;left:auto;right:10px}
.lb-card__badge--featured{background:linear-gradient(135deg,#8b5cf6,#3b82f6);color:#fff;font-weight:600}

/* Listing management edit mode */
.lb-account-content__head-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.lb-card-wrap{position:relative;border-radius:var(--r-md);overflow:hidden;background:var(--surface);border:1px solid var(--border);transition:all .2s;display:flex;flex-direction:column}
.lb-card-wrap:hover{border-color:var(--lb-accent-light);box-shadow:var(--e2)}
.lb-card-wrap .lb-card{border:none;border-radius:0;flex:1}
.lb-card__manage{display:none;position:absolute;top:8px;right:8px;flex-direction:column;gap:6px;z-index:5}
.lb-edit-mode .lb-card{pointer-events:none}
.lb-edit-mode .lb-card__manage{display:flex}
.lb-edit-mode .lb-card-wrap{outline:2px dashed var(--lb-accent);outline-offset:-2px}
.lb-manage-btn{width:34px;height:34px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;box-shadow:var(--e2);transition:transform .15s;text-decoration:none}
.lb-manage-btn:hover{transform:scale(1.1);text-decoration:none;color:#fff}
.lb-manage-btn--edit{background:var(--lb-accent)}
.lb-manage-btn--duplicate{background:#6366f1}
.lb-manage-btn--vip{background:#94a3b8}
.lb-manage-btn--vip.active{background:linear-gradient(135deg,#f59e0b,#ef4444)}
.lb-manage-btn--premium{background:#94a3b8}
.lb-manage-btn--premium.active{background:linear-gradient(135deg,#8b5cf6,#3b82f6)}
.lb-manage-btn--delete{background:#ef4444}
.lb-my-listings__actions{display:flex;gap:4px;justify-content:center;padding:8px 6px;border-top:1px solid var(--border-light);background:var(--bg-alt);flex-wrap:wrap}
.lb-my-listings__actions .lb-manage-btn{width:32px;height:32px;border-radius:var(--r-sm);border:none;background:var(--surface);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:13px;transition:all .15s;text-decoration:none;box-shadow:none}
.lb-my-listings__actions .lb-manage-btn:hover{transform:none;text-decoration:none}
.lb-my-listings__actions .lb-manage-btn--edit:hover{background:var(--lb-accent);color:#fff}
.lb-my-listings__actions .lb-manage-btn--duplicate:hover{background:#6366f1;color:#fff}
.lb-my-listings__actions .lb-manage-btn--vip:hover{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}
.lb-my-listings__actions .lb-manage-btn--vip.active{background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff}
.lb-my-listings__actions .lb-manage-btn--delete{background:transparent;color:#ef4444}
.lb-my-listings__actions .lb-manage-btn--delete:hover{background:#ef4444;color:#fff}

/* Stats Dashboard */
.lb-account-dashboard{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:0 0 24px}
.lb-account-dashboard__item{display:flex;flex-direction:column;align-items:center;gap:6px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);padding:18px 12px;text-decoration:none;color:inherit;transition:all .2s;cursor:pointer}
.lb-account-dashboard__item:hover{border-color:var(--lb-accent-light);box-shadow:var(--e2);transform:translateY(-2px);text-decoration:none}
.lb-account-dashboard__icon{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}
.lb-account-dashboard__icon--active{background:rgba(34,197,94,.12);color:#22c55e}
.lb-account-dashboard__icon--pending{background:rgba(245,158,11,.12);color:#f59e0b}
.lb-account-dashboard__icon--sold{background:rgba(107,114,128,.12);color:#6b7280}
.lb-account-dashboard__icon--inactive{background:rgba(59,130,246,.12);color:#3b82f6}
.lb-account-dashboard__icon--rejected{background:rgba(239,68,68,.12);color:#ef4444}
.lb-account-dashboard__value{font-size:26px;font-weight:800;color:var(--text);line-height:1}
.lb-account-dashboard__label{font-size:12px;color:var(--text-secondary);margin-top:2px;text-align:center}

/* Stats Extra (inside stats tab) */
.lb-account-stats-extra{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;margin-top:24px}

/* Role selector (registration) */
.lb-role-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lb-role-card{display:flex;align-items:flex-start;gap:12px;padding:16px;border:2px solid var(--border);border-radius:var(--r-md);cursor:pointer;transition:all .2s}
.lb-role-card:hover{border-color:var(--lb-accent-light)}
.lb-role-card.active{border-color:var(--lb-accent);background:rgba(59,130,246,.05)}
.lb-role-card__icon{width:40px;height:40px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0;background:var(--bg-alt);color:var(--text-secondary)}
.lb-role-card.active .lb-role-card__icon{background:var(--lb-accent);color:#fff}
.lb-role-card__title{font-size:15px;font-weight:700;margin-bottom:4px;color:var(--text)}
.lb-role-card__desc{font-size:12px;color:var(--text-secondary);line-height:1.4}

/* Become Seller page */
.lb-become-seller{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:32px;margin-top:20px}
.lb-become-seller__header{text-align:center;margin-bottom:28px}
.lb-become-seller__icon{width:64px;height:64px;border-radius:50%;background:var(--lb-grad);display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;margin:0 auto 16px}
.lb-become-seller__header h1{font-size:22px;font-weight:800;margin:0 0 8px}
.lb-become-seller__header p{font-size:14px;color:var(--text-secondary);margin:0}
.lb-become-seller__benefits{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:28px}
.lb-become-seller__benefit{display:flex;align-items:center;gap:10px;padding:14px 16px;background:var(--bg-alt);border-radius:var(--r-md);font-size:14px;color:var(--text)}
.lb-become-seller__benefit i{color:#22c55e;font-size:18px;flex-shrink:0}
.lb-become-seller__info{background:var(--bg-alt);border-radius:var(--r-md);padding:20px;margin-bottom:24px}
.lb-become-seller__info h3{font-size:15px;font-weight:700;margin:0 0 12px;color:var(--text)}
.lb-become-seller__info h3 i{color:var(--lb-accent)}
.lb-become-seller__info-row{display:flex;flex-direction:column;gap:8px}
.lb-become-seller__info-row span{font-size:14px;color:var(--text-secondary);display:flex;align-items:center;gap:8px}
.lb-become-seller__info-row i{color:var(--lb-accent);width:16px;text-align:center}
.lb-become-seller__actions{display:flex;flex-direction:column;gap:10px}

/* Seller badge */
.lb-seller-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:600;color:#22c55e;background:rgba(34,197,94,.1);padding:2px 8px;border-radius:var(--r-pill);vertical-align:middle;margin-left:4px}
.lb-seller-badge i{font-size:10px}
.lb-account-stats-extra__item{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);transition:all .2s}
.lb-account-stats-extra__item:hover{border-color:var(--lb-accent-light);box-shadow:var(--e1)}
.lb-account-stats-extra__item i{font-size:22px;color:var(--lb-accent);flex-shrink:0}
.lb-account-stats-extra__item span{font-size:15px;font-weight:600;color:var(--text)}

/* Tab count badge */
.lb-account-tab__count{display:inline-block;background:var(--bg-alt);color:var(--text-secondary);font-size:11px;font-weight:600;padding:1px 7px;border-radius:20px;margin-left:4px}
.lb-account-tab.active .lb-account-tab__count{background:var(--lb-accent);color:#fff}

/* Sub-filter tabs */
.lb-account-subtabs{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}
.lb-account-subtab{display:inline-flex;align-items:center;gap:5px;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:500;color:var(--text-secondary);background:var(--surface);border:1px solid var(--border);text-decoration:none;transition:all .15s}
.lb-account-subtab:hover{border-color:var(--lb-accent-light);color:var(--text)}
.lb-account-subtab.active{background:var(--lb-accent);color:#fff;border-color:var(--lb-accent)}
.lb-account-subtab.active i{color:#fff}

/* History Timeline */
.lb-history{display:flex;flex-direction:column;gap:0}
.lb-history__item{display:flex;gap:14px;padding:14px 0;border-bottom:1px solid var(--border-light);align-items:flex-start}
.lb-history__item:last-child{border-bottom:none}
.lb-history__icon{width:36px;height:36px;border-radius:50%;background:var(--bg-alt);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-secondary);flex-shrink:0}
.lb-history__body{flex:1;min-width:0}
.lb-history__title{font-weight:600;color:var(--text)}
.lb-history__title a{color:var(--text);text-decoration:none}
.lb-history__title a:hover{color:var(--lb-accent)}
.lb-history__action{font-size:13px;color:var(--text-secondary);margin-top:2px}
.lb-history__status{font-size:12px;color:var(--text-muted);margin-top:2px}
.lb-history__date{font-size:12px;color:var(--text-muted);white-space:nowrap;flex-shrink:0}
.lb-history__icon i{color:inherit}
.lb-history__icon .fa-tag{color:#6b7280}
.lb-history__icon .fa-pause{color:#3b82f6}
.lb-history__icon .fa-play{color:#22c55e}
.lb-history__icon .fa-refresh{color:#8b5cf6}
.lb-history__icon .fa-plus{color:#22c55e}
.lb-history__icon .fa-pencil{color:#f59e0b}
.lb-history__icon .fa-trash{color:#ef4444}

/* ============================================================
   MESSENGER (Discord/Telegram/OLX style)
   ============================================================ */
.lb-messenger-page{max-width:1100px;margin:0 auto;padding:0 16px 40px}
.lb-messenger{display:grid;grid-template-columns:320px 1fr;gap:0;height:600px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;box-shadow:var(--e2)}

/* Sidebar */
.lb-messenger__sidebar{border-right:1px solid var(--border-light);display:flex;flex-direction:column;background:var(--bg-alt,rgba(0,0,0,.02))}
.lb-messenger__sidebar-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--border-light)}
.lb-messenger__sidebar-head h2{font-size:16px;font-weight:700;margin:0;display:flex;align-items:center;gap:8px}
.lb-messenger__sidebar-head h2 i{color:var(--lb-accent)}
.lb-messenger__badge{background:var(--lb-accent);color:#fff;font-size:12px;font-weight:700;padding:2px 8px;border-radius:var(--r-pill)}
.lb-messenger__search{padding:12px 14px;border-bottom:1px solid var(--border-light);position:relative}
.lb-messenger__search i{position:absolute;left:26px;top:50%;transform:translateY(-50%);color:var(--text-secondary);font-size:13px}
.lb-messenger__search input{padding-left:32px}
.lb-messenger__conversations{flex:1;overflow-y:auto}
.lb-messenger__conv{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;border-bottom:1px solid var(--border-light);text-decoration:none;color:var(--text);transition:background .15s;cursor:pointer}
.lb-messenger__conv:hover{background:var(--border-light)}
.lb-messenger__conv.active{background:var(--lb-grad-soft,rgba(59,130,246,.08));border-left:3px solid var(--lb-accent);padding-left:11px}
.lb-messenger__conv-avatar{position:relative;width:44px;height:44px;border-radius:50%;overflow:hidden;flex-shrink:0}
.lb-messenger__conv-avatar img{width:100%;height:100%;object-fit:cover}
.lb-messenger__conv-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:var(--border-light);color:var(--text-secondary);font-size:18px}
.lb-messenger__conv-unread{position:absolute;top:-2px;right:-2px;background:var(--lb-accent);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid var(--surface)}
.lb-messenger__conv-info{flex:1;min-width:0}
.lb-messenger__conv-name{font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-messenger__conv-preview{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}
.lb-messenger__conv-listing{font-size:11px;color:var(--text-secondary);margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-messenger__conv-listing i{font-size:9px}
.lb-messenger__conv-time{font-size:11px;color:var(--text-disabled);flex-shrink:0;margin-top:2px}
.lb-messenger__empty-side{text-align:center;padding:40px 20px;color:var(--text-secondary)}
.lb-messenger__empty-side i{margin-bottom:12px;opacity:.4}
.lb-messenger__empty-side p{font-size:13px}

/* Chat Area */
.lb-messenger__chat{display:flex;flex-direction:column;height:100%;background:var(--surface)}
.lb-messenger__chat-head{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--border-light);background:var(--surface)}
.lb-messenger__back{display:none;background:none;border:none;font-size:18px;color:var(--text);cursor:pointer;padding:4px}
.lb-messenger__chat-avatar{width:40px;height:40px;border-radius:50%;overflow:hidden;flex-shrink:0}
.lb-messenger__chat-avatar img{width:100%;height:100%;object-fit:cover}
.lb-messenger__chat-info{flex:1}
.lb-messenger__chat-name{font-size:15px;font-weight:600}
.lb-messenger__chat-status{font-size:12px;color:var(--text-secondary);display:flex;align-items:center;gap:5px;margin-top:2px}
.lb-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.lb-dot--online{background:#22c55e}
.lb-dot--offline{background:#94a3b8}

/* Listing context bar */
.lb-messenger__listing-bar{display:flex;align-items:center;gap:12px;padding:10px 18px;background:var(--bg-alt,rgba(0,0,0,.02));border-bottom:1px solid var(--border-light)}
.lb-messenger__listing-img{width:48px;height:36px;object-fit:cover;border-radius:var(--r-sm);flex-shrink:0}
.lb-messenger__listing-info{flex:1;min-width:0}
.lb-messenger__listing-title{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-messenger__listing-price{font-size:13px;color:var(--lb-accent);font-weight:700;margin-top:1px}

/* Messages */
.lb-messenger__messages{flex:1;overflow-y:auto;padding:16px 18px;display:flex;flex-direction:column;gap:4px}
.lb-messenger__date-divider{text-align:center;margin:12px 0;position:relative}
.lb-messenger__date-divider::before{content:'';position:absolute;left:0;right:0;top:50%;border-top:1px solid var(--border-light)}
.lb-messenger__date-divider span{position:relative;background:var(--surface);padding:0 12px;font-size:11px;color:var(--text-secondary)}
.lb-msg{display:flex;margin-bottom:4px}
.lb-msg--me{justify-content:flex-end}
.lb-msg__bubble{max-width:70%;padding:10px 14px;border-radius:14px;font-size:14px;line-height:1.4;word-wrap:break-word;position:relative}
.lb-msg:not(.lb-msg--me) .lb-msg__bubble{background:var(--bg-alt,#f1f5f9);border-bottom-left-radius:4px;color:var(--text)}
.lb-msg--me .lb-msg__bubble{background:var(--lb-accent);color:#fff;border-bottom-right-radius:4px}
.lb-msg__meta{display:flex;align-items:center;gap:5px;margin-top:4px;font-size:10px;opacity:.7}
.lb-msg--me .lb-msg__meta{justify-content:flex-end}
.lb-msg__read{font-size:11px}

/* Input */
.lb-messenger__input-area{padding:12px 18px;border-top:1px solid var(--border-light);background:var(--surface)}
#lb-chat-form{display:flex;gap:10px;align-items:center}
#lb-chat-form input{flex:1}
.lb-btn--icon{width:42px;height:42px;min-width:42px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:50%}

/* No chat state */
.lb-messenger__no-chat{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-secondary);text-align:center;padding:40px}
.lb-messenger__no-chat i{margin-bottom:20px;opacity:.3}
.lb-messenger__no-chat h3{font-size:18px;font-weight:600;margin:0 0 8px;color:var(--text)}
.lb-messenger__no-chat p{font-size:14px}
.lb-messenger__empty-chat{text-align:center;padding:60px 20px;color:var(--text-secondary)}
.lb-messenger__empty-chat i{margin-bottom:16px;opacity:.3}

/* ============================================================
   DARK MODE
   ============================================================ */
body.lb-dark{--bg:#0f172a;--bg-alt:#1e293b;--surface:#1e293b;--text:#e2e8f0;--text-secondary:#94a3b8;--text-disabled:#64748b;--border:#334155;--border-light:#2a3a5c;--lb-accent-glow:rgba(59,130,246,.2)}
body.lb-dark .lb-header{background:rgba(30,41,59,.92);border-bottom:1px solid var(--border)}
body.lb-dark .lb-nav{background:var(--surface);border-right:1px solid var(--border)}
body.lb-dark .lb-search__input{background:var(--bg-alt);color:var(--text)}
body.lb-dark .lb-form__input,body.lb-dark .lb-form select,body.lb-dark .lb-form textarea{background:var(--bg-alt);color:var(--text)}
body.lb-dark .lb-card,body.lb-dark .lb-cat-card{background:var(--surface);border-color:var(--border)}
body.lb-dark .lb-table{background:var(--surface)}
body.lb-dark .lb-table th{background:var(--bg-alt)}
body.lb-dark .lb-modal__content{background:var(--surface)}
body.lb-dark #lb-dark-toggle i:before{content:"\\f186"}
body.lb-dark .lb-bento__pill{background:transparent;border-color:var(--border)}
body.lb-dark .lb-bento__nav{background:var(--surface);border-color:var(--border)}
body.lb-dark .lb-footer{background:var(--surface);border-top:1px solid var(--border)}
body.lb-dark .lb-home-listings{background:var(--surface);border-color:var(--border)}
body.lb-dark .lb-home-listings__card{background:var(--bg-alt);border-color:var(--border)}

/* ============================================================
   AUTH PAGES (Login / Register)
   ============================================================ */
.lb-auth{display:flex;align-items:center;justify-content:center;min-height:calc(100vh - 120px);padding:32px 16px}
.lb-auth__card{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--e3);padding:36px}
.lb-auth__header{text-align:center;margin-bottom:28px}
.lb-auth__icon{width:64px;height:64px;margin:0 auto 18px;border-radius:50%;background:var(--lb-grad);display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;box-shadow:var(--e2)}
.lb-auth__title{font-size:24px;font-weight:800;color:var(--text);margin-bottom:4px}
.lb-auth__subtitle{font-size:14px;color:var(--text-secondary)}
.lb-auth__form{margin-bottom:22px}
.lb-auth__forgot{display:inline-block;margin-top:10px;font-size:13px;color:var(--lb-accent)}
.lb-auth__forgot:hover{color:var(--lb-accent-dark)}
.lb-auth__divider{position:relative;text-align:center;margin:26px 0 18px}
.lb-auth__divider::before{content:'';position:absolute;top:50%;left:0;right:0;height:1px;background:var(--border)}
.lb-auth__divider span{position:relative;background:var(--surface);padding:0 14px;font-size:13px;color:var(--text-secondary)}
.lb-auth__register-box{text-align:center}
.lb-auth__register-box p{font-size:13px;color:var(--text-secondary);margin-bottom:14px}
.lb-auth__section{margin-bottom:24px}
.lb-auth__section-title{font-size:14px;font-weight:700;margin-bottom:16px;color:var(--text);display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:1px solid var(--border-light)}
.lb-auth__section-title i{color:var(--lb-accent);font-size:15px}
.lb-auth__password-wrap{position:relative;display:flex;align-items:center}
.lb-auth__password-wrap .lb-form__input{padding-right:40px;width:100%}
.lb-auth__password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--text-secondary);font-size:15px;padding:4px;display:flex;align-items:center;justify-content:center}
.lb-auth__password-toggle:hover{color:var(--text)}
.lb-auth__agree{display:flex;align-items:flex-start;gap:10px;margin:20px 0}
.lb-auth__agree input[type="checkbox"]{margin-top:3px;accent-color:var(--lb-accent);width:16px;height:16px;flex-shrink:0}
.lb-auth__agree label{font-size:13px;color:var(--text-secondary);line-height:1.5;cursor:pointer}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media(max-width:768px){
  .lb-topbar__center{display:none}
  .lb-topbar__site-name{display:none}
  .lb-topbar__city-label{display:none}
  .lb-topbar__btn span:not(.lb-topbar__city-value){display:none}
  .lb-header__top{flex-wrap:wrap;gap:8px}
  .lb-header__search{order:3;width:100%;flex:1 1 100%;max-width:none;margin-top:8px}
  .lb-header__search-panel{order:3;width:100%;flex:1 1 100%;max-width:none;margin-top:8px}
  .lb-header__icon-label{display:none}
  .lb-header__actions{gap:4px}
  .lb-header__icon-btn{padding:8px;font-size:18px}
  .lb-btn--small{padding:8px 12px;font-size:12px}
  .lb-listing-layout{grid-template-columns:1fr}
  .lb-filters{position:static}
  .lb-detail__main{grid-template-columns:1fr}
  .lb-form__row{grid-template-columns:1fr}
  .lb-table{display:block;overflow-x:auto}
  .lb-listing-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
  .lb-footer__grid{grid-template-columns:1fr 1fr}
  .lb-footer__bottom{flex-direction:column;text-align:center;gap:12px}
  .lb-footer__bottom-center{order:-1}
  .lb-search-modal__filters{grid-template-columns:1fr 1fr}
  .lb-search-modal__search-input{grid-column:1/-1}
  .lb-search-modal__grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}
}
@media(max-width:480px){
  .lb-listing-grid{grid-template-columns:1fr 1fr}
  .lb-cat-grid{grid-template-columns:1fr 1fr 1fr}
  .lb-footer__grid{grid-template-columns:1fr}
  .lb-btn--small{padding:8px 12px;font-size:12px}
  .lb-auth__card{padding:24px}
  .lb-auth__section{margin-bottom:18px}
  .lb-auth__form .lb-form__row{grid-template-columns:1fr}
}

/* ============================================================
   IMPROVEMENTS v2 — Accessibility · Performance · Polish
   ============================================================ */

/* — Scroll offset for sticky header — */
html{scroll-padding-top:120px}

/* — Focus-visible for keyboard navigation — */
:focus-visible{outline:2px solid var(--lb-accent-light);outline-offset:2px;border-radius:4px}
.lb-btn:focus-visible{outline:2px solid var(--lb-accent-light);outline-offset:2px}
.lb-card:focus-visible,.lb-cat-card:focus-visible{outline:2px solid var(--lb-accent-light);outline-offset:2px}
.lb-form__input:focus-visible,.lb-form select:focus-visible,.lb-form textarea:focus-visible{outline:none;box-shadow:0 0 0 3px var(--lb-accent-glow)}
.lb-nav__pill:focus-visible{outline:2px solid var(--lb-accent-light);outline-offset:2px}

/* — Tap highlight — */
*{-webkit-tap-highlight-color:transparent}

/* — Text balance for headings — */
.lb-page-title,.lb-section__title,.lb-detail__title,.lb-auth__title{text-wrap:balance}

/* — Reduced motion — */
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
  .lb-topbar__marquee{animation:none}
}

/* — Skeleton loading shimmer — */
.lb-skeleton{background:linear-gradient(90deg,var(--border-light) 25%,var(--border) 50%,var(--border-light) 75%);background-size:200% 100%;animation:lbShimmer 1.5s ease infinite;border-radius:var(--r-sm)}
.lb-skeleton--card{height:300px;border-radius:var(--r-md)}
.lb-skeleton--line{height:14px;margin-bottom:8px}
.lb-skeleton--line:last-child{width:60%}

/* — Image fade-in — */
.lb-card__image img{opacity:0;transition:opacity .3s ease,transform .3s ease}
.lb-card__image img[data-loaded],.lb-card__image img.complete,.lb-card__image img:not([src=""]){opacity:1}
.lb-card:hover .lb-card__image img{transform:scale(1.06)}

/* — Better scrollbar styling — */
.lb-messenger__messages::-webkit-scrollbar,.lb-messenger__conversations::-webkit-scrollbar,.lb-search-modal__grid::-webkit-scrollbar,.lb-city-modal__list::-webkit-scrollbar{width:6px}
.lb-messenger__messages::-webkit-scrollbar-track,.lb-messenger__conversations::-webkit-scrollbar-track,.lb-search-modal__grid::-webkit-scrollbar-track,.lb-city-modal__list::-webkit-scrollbar-track{background:transparent}
.lb-messenger__messages::-webkit-scrollbar-thumb,.lb-messenger__conversations::-webkit-scrollbar-thumb,.lb-search-modal__grid::-webkit-scrollbar-thumb,.lb-city-modal__list::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
.lb-messenger__messages::-webkit-scrollbar-thumb:hover,.lb-messenger__conversations::-webkit-scrollbar-thumb:hover{background:var(--text-disabled)}

/* — Selection color — */
::selection{background:var(--lb-accent-glow);color:var(--text)}
body.lb-dark ::selection{background:rgba(59,130,246,.3);color:var(--text)}

/* — Print styles — */
@media print{
  .lb-topbar,.lb-header,.lb-nav,.lb-footer,.lb-header__actions,.lb-search-modal,.lb-city-modal,.lb-messenger{display:none!important}
  .lb-main{min-height:auto}
  .lb-card{break-inside:avoid;border:1px solid #ddd!important;box-shadow:none!important}
  .lb-container{max-width:100%;padding:0}
  body{background:#fff;color:#000}
  a{color:#000;text-decoration:underline}
}

/* — Connection status badge — */
.lb-connection{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--r-pill);background:rgba(34,197,94,.1);color:var(--success)}
.lb-connection--offline{background:rgba(148,163,184,.15);color:var(--text-secondary)}
.lb-connection .lb-dot{width:7px;height:7px;border-radius:50%;background:var(--success)}
.lb-connection--offline .lb-dot{background:var(--text-disabled)}

/* — Toast notification — */
.lb-toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--text);color:#fff;padding:12px 24px;border-radius:var(--r-pill);font-size:14px;font-weight:600;box-shadow:var(--e3);z-index:10000;animation:lbSlideUp .25s ease;display:flex;align-items:center;gap:8px}
.lb-toast--success{background:var(--success)}
.lb-toast--error{background:var(--error)}
.lb-toast--warning{background:var(--warning);color:#1a1a2e}
.lb-toast.fade-out{animation:lbFadeOut .3s ease forwards}
@keyframes lbFadeOut{to{opacity:0;transform:translateX(-50%) translateY(10px)}}

/* — Better disabled state — */
.lb-btn[disabled],.lb-btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}

/* — Loading spinner — */
.lb-spinner{display:inline-block;width:20px;height:20px;border:2.5px solid var(--border);border-top-color:var(--lb-accent);border-radius:50%;animation:lbSpin .6s linear infinite}
.lb-spinner--lg{width:36px;height:36px;border-width:3px}
@keyframes lbSpin{to{transform:rotate(360deg)}}

/* — Tooltip — */
.lb-tooltip{position:relative}
.lb-tooltip::after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translateX(-50%);background:var(--text);color:#fff;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:500;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s ease;z-index:200}
.lb-tooltip:hover::after{opacity:1}

/* — Container queries for cards (progressive) — */
@supports (container-type:inline-size){
  .lb-card{container-type:inline-size}
}

/* — Better dark mode coverage — */
body.lb-dark .lb-alert--success{background:rgba(34,197,94,.12);color:#4ade80}
body.lb-dark .lb-alert--danger{background:rgba(239,68,68,.12);color:#f87171}
body.lb-dark .lb-alert--warning{background:rgba(245,158,11,.12);color:#fbbf24}
body.lb-dark .lb-skeleton{background:linear-gradient(90deg,#334155 25%,#3e4f6b 50%,#334155 75%);background-size:200% 100%}
body.lb-dark .lb-toast{background:var(--surface);border:1px solid var(--border)}
body.lb-dark ::selection{background:rgba(59,130,246,.3);color:var(--text)}
body.lb-dark .lb-connection{background:rgba(34,197,94,.15);color:#4ade80}

/* — Limit block (tariff upgrade + publication packages) — */
.lb-limit-block{background:var(--surface);border-radius:var(--r-lg);padding:24px;margin-bottom:20px}
.lb-limit-block__header{text-align:center;margin-bottom:20px}
.lb-limit-block__header i{font-size:36px;color:var(--lb-accent)}
.lb-limit-block__header h3{margin:8px 0 4px;font-size:20px}
.lb-limit-block__header p{margin:0;color:var(--text-secondary);font-size:14px}
.lb-limit-block__balance{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:12px 16px;background:var(--bg-alt);border-radius:var(--r-md);margin-bottom:24px}
.lb-limit-block__balance-label{font-size:13px;color:var(--text-secondary)}
.lb-limit-block__balance-value{font-weight:700;font-size:16px;color:var(--lb-accent)}
.lb-limit-block__section{margin-bottom:24px}
.lb-limit-block__section h4{font-size:16px;margin:0 0 14px;display:flex;align-items:center;gap:8px}
.lb-upgrade-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}
.lb-upgrade-card{position:relative;border:1px solid var(--border-light);border-radius:var(--r-md);padding:18px 14px;text-align:center;transition:all .2s;display:flex;flex-direction:column;gap:8px;align-items:center}
.lb-upgrade-card:hover{box-shadow:var(--e2);transform:translateY(-2px)}
.lb-upgrade-card--popular{border-color:var(--lb-accent);border-width:2px}
.lb-upgrade-card__badge{position:absolute;top:-10px;left:50%;transform:translateX(-50%);background:var(--lb-accent);color:#fff;font-size:10px;font-weight:700;padding:3px 10px;border-radius:var(--r-pill);white-space:nowrap}
.lb-upgrade-card__icon{width:44px;height:44px;border-radius:50%;background:var(--lb-grad-soft);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--lb-accent)}
.lb-upgrade-card__name{font-weight:700;font-size:15px}
.lb-upgrade-card__limit{font-size:12px;color:var(--text-secondary)}
.lb-upgrade-card__prices{display:flex;flex-direction:column;gap:2px;width:100%;padding:8px 0;border-top:1px solid var(--border-light);border-bottom:1px solid var(--border-light)}
.lb-upgrade-card__price-uah{font-weight:700;font-size:16px;color:var(--text)}
.lb-upgrade-card__price-coin{font-size:13px;color:var(--lb-accent);font-weight:600}
.lb-upgrade-card__btns{display:flex;flex-direction:column;gap:6px;width:100%}

/* ============================================================
   Catalog two-column section (left accordions + right grid)
   ============================================================ */
.lb-catalog-head{margin-top:8px}
.lb-catalog{display:grid;grid-template-columns:280px 1fr;gap:18px;margin-bottom:24px;align-items:start}

/* Left: accordions with vertical scroll */
.lb-catalog__side{background:var(--surface);border:1px solid var(--border);border-radius:var(--r-lg);padding:10px;max-height:640px;overflow-y:auto;position:sticky;top:80px;box-shadow:var(--e1)}
.lb-catalog__side::-webkit-scrollbar{width:6px}
.lb-catalog__side::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}
.lb-catalog-acc{border-radius:var(--r-md);overflow:hidden;margin-bottom:4px}
.lb-catalog-acc__head{width:100%;display:flex;align-items:center;gap:10px;padding:11px 12px;background:transparent;border:0;cursor:pointer;text-align:left;font-size:14px;color:var(--text);border-radius:var(--r-md);transition:background .15s}
.lb-catalog-acc__head:hover{background:var(--bg-alt)}
.lb-catalog-acc.is-active>.lb-catalog-acc__head{background:var(--lb-grad-soft);color:var(--lb-accent);font-weight:600}
.lb-catalog-acc__ico{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;background:var(--bg-alt);flex:0 0 auto;overflow:hidden}
.lb-catalog-acc.is-active>.lb-catalog-acc__head .lb-catalog-acc__ico{background:#fff}
.lb-catalog-acc__ico img{width:100%;height:100%;object-fit:cover}
.lb-catalog-acc__ico i{font-size:14px;color:var(--text-secondary)}
.lb-catalog-acc__name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-catalog-acc__count{font-size:11px;color:var(--text-secondary);background:var(--bg-alt);padding:2px 7px;border-radius:var(--r-pill);flex:0 0 auto}
.lb-catalog-acc__chevron{font-size:12px;color:var(--text-secondary);transition:transform .2s;flex:0 0 auto}
.lb-catalog-acc.is-open>.lb-catalog-acc__head .lb-catalog-acc__chevron{transform:rotate(180deg)}
.lb-catalog-acc__body{display:none;flex-direction:column;gap:2px;padding:4px 4px 8px 46px}
.lb-catalog-acc.is-open>.lb-catalog-acc__body{display:flex}
.lb-catalog-acc__sub{text-align:left;background:transparent;border:0;cursor:pointer;padding:7px 10px;font-size:13px;color:var(--text-secondary);border-radius:var(--r-sm,6px);transition:all .15s}
.lb-catalog-acc__sub:hover{background:var(--bg-alt);color:var(--text)}
.lb-catalog-acc__sub.is-active{background:var(--lb-accent);color:#fff;font-weight:600}

/* Right: synced grid of tiles */
.lb-catalog__main{min-width:0}
.lb-catalog__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.lb-catalog__empty{grid-column:1/-1;text-align:center;padding:40px 20px;color:var(--text-secondary);font-size:14px}
.lb-catalog__more-wrap{grid-column:1/-1;display:flex;justify-content:center;padding:20px 0 8px}
.lb-catalog__more-btn{padding:12px 32px;font-size:14px;font-weight:600;border-radius:var(--r-sm)}
.lb-catalog__more-btn:disabled{opacity:.7;cursor:wait}
.lb-catalog__more-end{font-size:13px;color:var(--text-secondary);text-align:center;padding:8px 0}
.lb-catalog-tile{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-md);overflow:hidden;transition:all .2s cubic-bezier(.4,0,.2,1)}
.lb-catalog-tile:hover{border-color:var(--lb-accent-light);box-shadow:var(--e3);transform:translateY(-3px)}
.lb-catalog-tile__link{display:block;color:inherit;text-decoration:none}
.lb-catalog-tile__img{position:relative;aspect-ratio:4/3;background:var(--bg-alt);overflow:hidden}
.lb-catalog-tile__img img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.lb-catalog-tile:hover .lb-catalog-tile__img img{transform:scale(1.06)}
.lb-catalog-tile__body{padding:14px}
.lb-catalog-tile__price{font-weight:800;font-size:17px;color:var(--text);margin-bottom:4px}
.lb-catalog-tile__title{font-size:14px;font-weight:500;color:var(--text);margin-bottom:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lb-catalog-tile__loc{font-size:12px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-catalog-tile__chat{position:absolute;right:8px;top:8px;width:34px;height:34px;border-radius:50%;background:rgba(37,99,235,.92);color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none;box-shadow:var(--e2);opacity:0;transform:scale(.85);transition:opacity .18s ease,transform .18s ease,background .18s ease;z-index:3}
.lb-catalog-tile:hover .lb-catalog-tile__chat{opacity:1;transform:scale(1)}
.lb-catalog-tile__chat:hover{background:var(--lb-accent-dark);color:#fff}

/* Narrow listings carousel (strip) */
.lb-strip-track{display:flex;gap:12px;overflow-x:auto;scroll-behavior:smooth;padding:2px;flex:1;scrollbar-width:none}
.lb-strip-track::-webkit-scrollbar{display:none}
.lb-strip-card{flex:0 0 auto;width:168px;display:flex;flex-direction:column;background:var(--surface);border-radius:var(--r-md);overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .2s,transform .2s}
.lb-strip-card:hover{box-shadow:var(--e2);transform:translateY(-2px)}
.lb-strip-card__img{position:relative;height:96px;background:var(--bg-alt);overflow:hidden}
.lb-strip-card__img img{width:100%;height:100%;object-fit:cover}
.lb-strip-card__body{padding:8px}
.lb-strip-card__price{font-weight:700;font-size:14px;color:var(--text)}
.lb-strip-card__title{font-size:12px;color:var(--text);margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lb-strip-card__loc{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ============================================================
   IMPROVEMENTS v3 — Bug fixes · Dark mode · A11y · Polish
   ============================================================ */

/* Accessibility: focus rings for interactive catalog elements */
.lb-catalog-tile:focus-within{outline:2px solid var(--lb-accent-light);outline-offset:2px}
.lb-catalog-acc__head:focus-visible,.lb-catalog-acc__sub:focus-visible,.lb-catalog__more-btn:focus-visible,.lb-strip-card:focus-visible{outline:2px solid var(--lb-accent-light);outline-offset:2px}

/* Dark mode: ensure grad-soft surfaces & bordered blocks stay readable */
body.lb-dark .lb-catalog-acc.is-active>.lb-catalog-acc__head .lb-catalog-acc__ico{background:var(--bg-alt)}
body.lb-dark .lb-catalog__side,body.lb-dark .lb-catalog-tile,body.lb-dark .lb-strip-card{background:var(--surface);border-color:var(--border)}
body.lb-dark .lb-autocomplete,body.lb-dark .lb-dropdown{background:var(--surface);border-color:var(--border)}
body.lb-dark .lb-detail__contact{background:rgba(59,130,246,.08)}
body.lb-dark .lb-card__overlay-btn--outline{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.5)}

/* Polish: premium badge subtle one-time attention, no infinite pulse */
.lb-card__badge--premium,.lb-badge--premium{box-shadow:0 2px 8px rgba(37,99,235,.35)}

/* Polish: consistent card image aspect ratio & smoother strip cards */
.lb-strip-card{border:1px solid var(--border-light)}

/* Fix: long titles in catalog tiles wrap to 2 lines instead of clipping mid-word */
.lb-catalog-tile__title{white-space:normal;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;min-height:38px}

/* Fix: prevent layout shift from sticky filters on short pages */
.lb-filters,.lb-catalog__side,.lb-form-layout__side{align-self:start}

/* ============================================================
   ABOUT PAGE (Про нас)
   ============================================================ */
.lb-about-page{padding-bottom:40px}
.lb-about-page .lb-breadcrumbs{margin-bottom:20px}

.lb-about-hero{text-align:center;padding:60px 40px 48px;border-radius:var(--r-lg);background:linear-gradient(135deg,var(--lb-grad-soft) 0%,var(--surface) 100%);border:1.5px solid var(--border);position:relative;overflow:hidden}
.lb-about-hero::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;border-radius:50%;background:var(--lb-grad-soft);opacity:.5;filter:blur(60px);pointer-events:none}
.lb-about-hero__icon{width:80px;height:80px;border-radius:50%;background:var(--lb-grad);display:flex;align-items:center;justify-content:center;font-size:36px;color:#fff;margin:0 auto 24px;box-shadow:var(--e2);position:relative;z-index:1}
.lb-about-hero__title{font-size:28px;font-weight:800;color:var(--text);margin:0 0 16px;line-height:1.3;position:relative;z-index:1}
.lb-about-hero__text{font-size:16px;line-height:1.7;color:var(--text-secondary);max-width:680px;margin:0 auto;position:relative;z-index:1}

.lb-about-features{margin-top:32px}
.lb-about-features__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.lb-about-features__card{padding:28px 20px;border:1.5px solid var(--border);border-radius:var(--r-md);background:var(--surface);text-align:center;transition:all .2s ease}
.lb-about-features__card:hover{border-color:var(--lb-accent);box-shadow:var(--e2);transform:translateY(-3px)}
.lb-about-features__icon{width:56px;height:56px;border-radius:50%;background:var(--lb-grad-soft);border:2px solid var(--lb-accent);display:flex;align-items:center;justify-content:center;font-size:24px;color:var(--lb-accent);margin:0 auto 16px;transition:all .2s ease}
.lb-about-features__card:hover .lb-about-features__icon{background:var(--lb-grad);color:#fff;transform:scale(1.08)}
.lb-about-features__title{font-size:16px;font-weight:700;color:var(--text);margin:0 0 8px}
.lb-about-features__text{font-size:13px;line-height:1.6;color:var(--text-secondary);margin:0}

.lb-about-cta{margin-top:32px;text-align:center;padding:40px 30px;border-radius:var(--r-lg);background:var(--lb-grad);position:relative;overflow:hidden}
.lb-about-cta__inner{position:relative;z-index:1}
.lb-about-cta__title{font-size:24px;font-weight:800;color:#fff;margin:0 0 8px}
.lb-about-cta__text{font-size:15px;color:rgba(255,255,255,.85);margin:0 0 20px}
.lb-about-cta .lb-btn--large{padding:12px 32px;font-size:15px}
.lb-about-cta .lb-btn--accent{background:#fff;color:var(--lb-accent);border:1.5px solid #fff}
.lb-about-cta .lb-btn--accent:hover{background:transparent;color:#fff}