/* =============================================================================
   ByteBlast theme — ported directly from the approved mockup
   (discovery_files/mockups/byteblast-ui-mockup.html). Light + dark via tokens.
   ========================================================================== */
:root{
  --ground:#F4F7FD; --panel:#FFFFFF; --panel-2:#EEF3FF; --panel-3:#E7EEFC;
  --ink:#0E1726; --muted:#5B6B82; --line:#DBE4F3;
  --primary:#2F6BFF; --primary-dark:#1B4DDB; --primary-light:#5B8CFF;
  --pale:#B9CCFF; --pale-fill:#DCE7FF;
  --blast:#FF6A2B; --blast-dark:#E5551A; --amber:#FFB020;
  --good:#1E9E62; --wa:#25D366;
  --shadow:0 10px 30px rgba(27,77,219,.10), 0 2px 6px rgba(14,23,38,.05);
  --shadow-lg:0 20px 48px rgba(27,77,219,.16);
  --r:.15em; --r-lg:.15em;
  --sans:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
  --heb:'Segoe UI','Noto Sans Hebrew','Arial Hebrew','David',system-ui,sans-serif;
}
@media (prefers-color-scheme:dark){:root{
  --ground:#080D18; --panel:#101A2E; --panel-2:#0D1524; --panel-3:#14213A;
  --ink:#EAF0FB; --muted:#93A2BD; --line:#20304C; --pale:#2C64E0; --pale-fill:#132444;
  --shadow:0 12px 34px rgba(0,0,0,.5), 0 2px 8px rgba(0,0,0,.4); --shadow-lg:0 24px 56px rgba(0,0,0,.6);
}}
:root[data-theme="light"]{ --ground:#F4F7FD; --panel:#FFFFFF; --panel-2:#EEF3FF; --panel-3:#E7EEFC; --ink:#0E1726; --muted:#5B6B82; --line:#DBE4F3; --pale:#B9CCFF; --pale-fill:#DCE7FF; --shadow:0 10px 30px rgba(27,77,219,.10),0 2px 6px rgba(14,23,38,.05); }
:root[data-theme="dark"]{ --ground:#080D18; --panel:#101A2E; --panel-2:#0D1524; --panel-3:#14213A; --ink:#EAF0FB; --muted:#93A2BD; --line:#20304C; --pale:#2C64E0; --pale-fill:#132444; --shadow:0 12px 34px rgba(0,0,0,.5),0 2px 8px rgba(0,0,0,.4); --shadow-lg:0 24px 56px rgba(0,0,0,.6); }

*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{margin:0;background:var(--ground);color:var(--ink);font-family:var(--sans);line-height:1.5;-webkit-font-smoothing:antialiased;}
[dir="rtl"] body,body[dir="rtl"]{font-family:var(--heb);}
img{max-width:100%;}
/* center-crop every fitted image so nothing sits off to a corner */
.ph img,.art img,.bizcard .art,.item-photos img,.card .ph img,.bbw-th img,.listing-card img{object-fit:cover;object-position:center center;}
.item-photos .main-photo img{object-fit:contain;object-position:center center;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4,h5{margin:0 0 .4em;font-weight:800;color:var(--ink);}
p{margin:0 0 1em;}
.wrap,.wrapper{max-width:1120px;margin:0 auto;padding:0 20px;}

/* ---------- Top bar ---------- */
header.top{position:sticky;top:0;z-index:40;background:var(--panel);border-bottom:1px solid var(--line);}
.topbar{display:flex;align-items:center;gap:18px;height:66px;}
.brand{display:flex;align-items:center;gap:6px;flex-shrink:0;}
.brand img{height:38px;width:auto;display:block;}
.brand .logo-dark{display:none;}
[data-theme="dark"] .brand .logo-light{display:none;} [data-theme="dark"] .brand .logo-dark{display:block;}
.nav-links{display:flex;gap:22px;margin-inline-start:14px;font-weight:600;font-size:14.5px;color:var(--muted);}
.nav-links a:hover{color:var(--primary);}
.nav-links a{padding:6px 0;}
.spacer{flex:1;}
.lang{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;font-size:13px;font-weight:700;}
.lang a,.lang button{border:0;background:transparent;color:var(--muted);padding:7px 13px;cursor:pointer;font:inherit;font-weight:700;}
.lang a.on,.lang button.on{background:var(--primary);color:#fff;}
.link-btn{font-weight:600;color:var(--muted);font-size:14.5px;}
.link-btn:hover{color:var(--primary);}
.btn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:700;border-radius:var(--r);padding:10px 18px;cursor:pointer;border:2px solid transparent;font-size:14.5px;transition:.15s;white-space:nowrap;text-decoration:none;}
.btn-primary{background:var(--primary);color:#fff;} .btn-primary:hover{background:var(--primary-dark);color:#fff;}
.btn-blast{background:var(--blast);color:#fff;} .btn-blast:hover{background:var(--blast-dark);color:#fff;}
.btn-ghost{background:transparent;border-color:var(--pale);color:var(--primary);} .btn-ghost:hover{border-color:var(--primary);}
.bb-theme-toggle{background:transparent;border:0;cursor:pointer;padding:8px;line-height:0;color:var(--muted);border-radius:var(--r);}
.bb-theme-toggle:hover{background:var(--pale-fill);color:var(--primary);} .bb-theme-toggle svg{width:20px;height:20px;}
.bb-theme-toggle .bb-sun{display:none;} [data-theme="dark"] .bb-theme-toggle .bb-moon{display:none;} [data-theme="dark"] .bb-theme-toggle .bb-sun{display:inline-block;}
.hd-menu{position:relative;}
.hd-acct{display:flex;align-items:center;gap:9px;background:transparent;border:0;cursor:pointer;padding:4px 8px;border-radius:var(--r);font:inherit;}
.hd-acct:hover{background:var(--pale-fill);}
.hd-acct img{width:32px;height:32px;border-radius:50%;object-fit:cover;flex:none;}
.hd-acct .hd-name{font-size:14px;color:var(--ink);font-weight:700;line-height:1.1;white-space:nowrap;}
.hd-acct .hd-caret{width:14px;height:14px;color:var(--muted);transition:transform .15s;}
.hd-menu.open .hd-acct .hd-caret{transform:rotate(180deg);}
.hd-drop{position:absolute;top:calc(100% + 8px);inset-inline-end:0;min-width:190px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:6px;display:none;z-index:60;}
.hd-menu.open .hd-drop{display:block;}
.hd-drop a{display:block;padding:9px 12px;border-radius:var(--r);color:var(--ink);font-size:14px;font-weight:600;}
.hd-drop a:hover{background:var(--pale-fill);color:var(--primary);}

/* ---------- Hero ---------- */
.hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#1B4DDB 0%,#2F6BFF 60%,#3B79FF 100%);color:#fff;padding:52px 0 60px;}
.hero::after{content:"";position:absolute;inset-inline-end:-80px;top:-90px;width:340px;height:340px;background:radial-gradient(circle,rgba(255,106,43,.5),transparent 70%);}
.hero h1{color:#fff;font-size:clamp(28px,4.5vw,44px);line-height:1.06;margin:0 0 10px;font-weight:800;letter-spacing:-.5px;position:relative;}
.hero .sub{opacity:.9;margin:0 0 26px;font-size:16px;max-width:56ch;position:relative;}
.searchbar{position:relative;background:var(--panel);border-radius:var(--r);box-shadow:var(--shadow-lg);padding:10px;display:grid;grid-template-columns:1.6fr 1fr 1fr auto;gap:10px;}
.field{display:flex;flex-direction:column;gap:3px;padding:6px 12px;border-radius:var(--r);}
.field + .field{border-inline-start:1px solid var(--line);}
.field label{font-size:10.5px;letter-spacing:1px;text-transform:uppercase;color:var(--muted);font-weight:700;}
.field input,.field select{border:0;background:transparent;font:inherit;font-size:15px;color:var(--ink);outline:none;padding:2px 0;width:100%;height:auto;margin:0;min-height:0;-webkit-appearance:none;appearance:none;}
.field select{cursor:pointer;}
.searchbar .btn{justify-content:center;}
.stats{display:flex;gap:26px;margin-top:22px;position:relative;flex-wrap:wrap;}
.stat b{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums;} .stat span{opacity:.85;font-size:13px;margin-inline-start:6px;}

/* ---------- Section scaffolding ---------- */
section.blk{padding:44px 0;}
.head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px;gap:16px;flex-wrap:wrap;}
.head h2{font-size:22px;margin:0;font-weight:800;letter-spacing:-.3px;}
.head .kick{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;color:var(--primary);font-weight:800;margin:0 0 4px;}
.head a.more{font-size:14px;font-weight:700;color:var(--primary);} .head a.more:hover{text-decoration:underline;}

/* ---------- Two ways to post ---------- */
.ways{display:grid;grid-template-columns:1fr 1fr;gap:20px;}
.way{position:relative;border-radius:var(--r-lg);padding:26px;overflow:hidden;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:12px;min-height:200px;}
.way .tag{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;padding:4px 10px;border-radius:999px;align-self:flex-start;}
.way.listing .tag{background:var(--pale-fill);color:var(--primary-dark);} .way.biz .tag{background:#FFE7D8;color:var(--blast-dark);}
.way h3{margin:0;font-size:20px;font-weight:800;} .way p{margin:0;color:var(--muted);font-size:14.5px;flex:1;}
.way .feat{display:flex;flex-direction:column;gap:6px;font-size:13.5px;color:var(--muted);margin:2px 0 6px;}
.way .feat span{display:flex;align-items:center;gap:8px;} .way .feat .dot{width:6px;height:6px;border-radius:50%;background:var(--primary);flex-shrink:0;}
.way.biz .feat .dot{background:var(--blast);}
.way::before{content:"";position:absolute;inset-inline-end:-40px;top:-40px;width:150px;height:150px;border-radius:50%;opacity:.10;}
.way.listing::before{background:var(--primary);} .way.biz::before{background:var(--blast);}

/* ---------- Simcha strip ---------- */
.simchas{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;}
.simcha{background:linear-gradient(180deg,var(--panel),var(--panel-2));border:1px solid var(--line);border-radius:var(--r);padding:16px 18px;position:relative;overflow:hidden;}
.simcha .mt{font-size:11px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--blast);}
.simcha .type{font-size:12px;color:var(--muted);margin-top:2px;} .simcha .who{font-size:16px;font-weight:700;margin-top:8px;line-height:1.3;}
.simcha .fam{font-size:13px;color:var(--muted);margin-top:4px;} .simcha .star{position:absolute;inset-inline-end:12px;top:10px;font-size:18px;opacity:.5;}

/* ---------- Category tiles ---------- */
.cats{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;}
.cat{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:18px 10px;text-align:center;transition:.15s;cursor:pointer;display:block;}
.cat:hover{border-color:var(--primary);transform:translateY(-2px);box-shadow:var(--shadow);}
.cat .ic{width:46px;height:46px;margin:0 auto 9px;border-radius:var(--r);background:var(--pale-fill);color:var(--primary);display:flex;align-items:center;justify-content:center;}
.cat .ic svg{width:24px;height:24px;} .cat .nm{font-size:13.5px;font-weight:700;color:var(--ink);} .cat .ct{font-size:11.5px;color:var(--muted);margin-top:2px;font-variant-numeric:tabular-nums;}

/* ---------- Classified cards ---------- */
.grid-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow);display:flex;flex-direction:column;transition:.15s;}
.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px);}
.card .ph{aspect-ratio:16/9;background:linear-gradient(135deg,var(--panel-3),var(--pale-fill));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;}
.card .ph img{width:100%;height:100%;object-fit:cover;object-position:center;} .card .ph svg{width:40px;height:40px;opacity:.35;color:var(--primary);}
.card .ph img[src*=".svg"]{object-fit:contain;}   /* branded design cards show whole, never cropped */
/* clean no-image placeholder — soft brand icon on the card's gradient (no text) */
.ph-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:10px;}
.ph-empty .ph-ic{width:46px;height:46px;color:var(--primary);opacity:.3;}
.item-photos.ph-none{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;padding:0;}
.item-photos.ph-none .ph-ic{width:62px;height:62px;color:var(--primary);opacity:.26;}
/* jQuery UI dialogs (delete-account etc.) — theme-aware + clean ✕ close (no "Close" label, no blue) */
.ui-widget-overlay{position:fixed;inset:0;background:rgba(8,13,24,.55);}
.ui-dialog{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow-lg);padding:0;overflow:hidden;color:var(--ink);}
.ui-dialog .ui-dialog-titlebar{background:var(--panel);border-bottom:1px solid var(--line);padding:14px 18px;position:relative;}
.ui-dialog .ui-dialog-title{font-weight:800;font-size:16px;color:var(--ink);}
.ui-dialog .ui-dialog-titlebar-close{position:absolute;top:11px;inset-inline-end:14px;width:30px;height:30px;background:transparent!important;border:0!important;padding:0!important;margin:0;cursor:pointer;overflow:hidden;text-indent:100%;white-space:nowrap;border-radius:var(--r);}
.ui-dialog .ui-dialog-titlebar-close .ui-icon,.ui-dialog .ui-dialog-titlebar-close .ui-button-icon-space{display:none!important;}
.ui-dialog .ui-dialog-titlebar-close::before{content:"✕";position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-indent:0;font-size:16px;color:var(--muted);}
.ui-dialog .ui-dialog-titlebar-close:hover{background:var(--pale-fill)!important;} .ui-dialog .ui-dialog-titlebar-close:hover::before{color:var(--primary);}
.ui-dialog .ui-dialog-content{padding:18px!important;color:var(--ink);line-height:1.55;}
.ui-dialog .ui-dialog-buttonpane{padding:0 18px 16px;border:0;background:none;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{display:flex;gap:8px;justify-content:flex-end;}
.ui-dialog .ui-dialog-buttonpane button{border-radius:var(--r);padding:9px 18px;}
.card .badge{position:absolute;inset-inline-start:10px;top:10px;background:var(--blast);color:#fff;font-size:10.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;padding:3px 9px;border-radius:999px;}
.card .b{padding:14px 15px 15px;display:flex;flex-direction:column;gap:6px;flex:1;}
.card .price{font-size:16px;font-weight:800;color:var(--primary);order:-1;}
.card h4{margin:0;font-size:15px;font-weight:700;line-height:1.3;color:var(--ink);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.card .meta{font-size:12px;color:var(--muted);margin-top:auto;padding-top:4px;}
.card .contact{display:flex;gap:8px;margin-top:auto;padding-top:10px;}
.mini{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:12.5px;font-weight:700;padding:8px;border-radius:var(--r);border:1px solid var(--line);color:var(--ink);}
.mini.call{background:var(--pale-fill);color:var(--primary-dark);border-color:transparent;} .mini.wa{background:rgba(37,211,102,.12);color:#128C4A;border-color:transparent;} .mini svg{width:15px;height:15px;}

/* ---------- Business directory ---------- */
.dir-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px;}
.chip{font-size:13px;font-weight:700;padding:7px 14px;border-radius:999px;border:1px solid var(--line);color:var(--muted);cursor:pointer;background:var(--panel);text-decoration:none;}
.chip.on{background:var(--primary);color:#fff;border-color:var(--primary);}
.biz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;}
.bizcard{border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow);display:flex;flex-direction:column;position:relative;}
.bizcard.feat{border-color:var(--amber);box-shadow:0 0 0 2px rgba(255,176,32,.25),var(--shadow);}
.bizcard .art{aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;padding:16px;gap:6px;position:relative;overflow:hidden;}
.bizcard .art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.bizcard .art .logo{width:44px;height:44px;border-radius:var(--r);background:rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;}
.bizcard .art .an{font-size:19px;font-weight:800;letter-spacing:-.2px;} .bizcard .art .as{font-size:12.5px;opacity:.92;}
.bizcard .featbadge{position:absolute;inset-inline-end:10px;top:10px;background:var(--amber);color:#3d2a00;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;padding:3px 8px;border-radius:999px;z-index:2;}
.bizcard .info{padding:12px 14px 14px;display:flex;flex-direction:column;gap:8px;} .bizcard .cat{font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:var(--muted);}
.bizcard .row{display:flex;gap:8px;} .bizcard[dir="rtl"] .info{text-align:right;}
.a-blue{background:linear-gradient(135deg,#1B4DDB,#3B79FF);} .a-orange{background:linear-gradient(135deg,#E5551A,#FF8A3D);} .a-teal{background:linear-gradient(135deg,#0E7C86,#22B8C4);}
.a-purple{background:linear-gradient(135deg,#5B2AC0,#8B5CF6);} .a-green{background:linear-gradient(135deg,#0F7A46,#2FB574);} .a-slate{background:linear-gradient(135deg,#243247,#3E5675);} .a-red{background:#B01B1B;}
.sponsored{border:1px dashed var(--amber);background:linear-gradient(135deg,rgba(255,176,32,.08),transparent);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;border-radius:var(--r);padding:20px;color:var(--muted);}
.sponsored .lbl{font-size:10.5px;font-weight:800;letter-spacing:1.5px;text-transform:uppercase;color:var(--amber);}

/* ---------- Footer ---------- */
footer.ft{background:var(--panel);border-top:1px solid var(--line);padding:36px 0;margin-top:40px;}
.ftgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:24px;}
.ftgrid h5{font-size:12px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin:0 0 12px;}
.ftgrid a{display:block;color:var(--ink);font-size:14px;padding:4px 0;opacity:.85;} .ftgrid a:hover{color:var(--primary);opacity:1;}
.ftbrand img{height:34px;} .ftbrand p{color:var(--muted);font-size:13.5px;margin:10px 0 0;max-width:34ch;}
/* footer logo: single, light/dark-smart (same swap as the header brand) */
.ftbrand .logo-dark{display:none;} [data-theme="dark"] .ftbrand .logo-light{display:none;} [data-theme="dark"] .ftbrand .logo-dark{display:block;}
.ftbar{border-top:1px solid var(--line);margin-top:26px;padding-top:18px;font-size:12.5px;color:var(--muted);display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;}

.note{background:var(--panel-2);border:1px solid var(--line);border-inline-start:4px solid var(--primary);border-radius:var(--r);padding:12px 16px;font-size:13px;color:var(--muted);margin:0 0 24px;} .note b{color:var(--ink);}

/* ---------- Generic Osclass content (search/item/user) shares the same system ---------- */
#content{max-width:1120px;margin:0 auto;padding:24px 20px 44px;}
input[type=text],input[type=url],input[type=password],input[type=email],input[type=tel],input[type=number],input[type=search],select,textarea{
  width:100%;min-height:46px;line-height:1.4;padding:11px 13px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);color:var(--ink);font:inherit;font-size:15px;margin:0 0 14px;-webkit-appearance:none;appearance:none;}
textarea{min-height:120px;}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(47,107,255,.14);}
/* native <select> popup: theme the option list so it's readable in dark + light */
select option,select optgroup{background:var(--panel);color:var(--ink);}
button:not(.bb-theme-toggle):not(.lang button):not(.hd-acct),.btn,input[type=submit]{background:var(--primary);color:#fff;border:0;border-radius:var(--r);padding:11px 20px;font-weight:700;cursor:pointer;white-space:nowrap;}
/* account trigger is a <button> but must stay a subtle pill, not a primary button */
.hd-acct{background:transparent!important;color:var(--ink);border:0;padding:4px 8px;}
.breadcrumb{color:var(--muted);font-size:13px;padding:12px 0;} .breadcrumb a{color:var(--primary);}
body.search #content,body.user #content{display:flex;gap:26px;align-items:flex-start;}
body.search #sidebar,body.user #sidebar{flex:0 0 280px;max-width:280px;}
body.search #main,body.user #main{flex:1 1 auto;min-width:0;}
#sidebar .filters,#sidebar .user-menu,.widget-box{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;margin-bottom:16px;}
#sidebar .filters fieldset{border:0;border-bottom:1px solid var(--line);padding:11px 15px;margin:0;} #sidebar .filters fieldset:last-of-type{border-bottom:0;}
#sidebar .filters h3{font-size:13px;margin:0 0 6px;} #sidebar .filters input,#sidebar .filters select{margin-bottom:0;} #sidebar .filters button,#sidebar .filters .btn{margin:11px 15px;}
/* compact search sidebar: shorter inputs + tight custom-field (plugin-hooks) spacing */
body.search #sidebar input,body.search #sidebar select{min-height:36px;padding:7px 10px;font-size:13.5px;}
body.search #sidebar .row{margin:0;}
body.search #sidebar .plugin-hooks{padding:0;}
body.search #sidebar .plugin-hooks > *,body.search #sidebar .plugin-hooks fieldset,body.search #sidebar .plugin-hooks .control-group{padding:11px 15px 0;margin:0;border:0;}
body.search #sidebar .plugin-hooks label{display:block;margin:0 0 4px;font-size:12.5px;font-weight:700;color:var(--muted);}
body.search #sidebar .price-slice{display:flex;gap:10px;} body.search #sidebar .price-slice .left,body.search #sidebar .price-slice .right{flex:1;}
.user-menu a{display:block;padding:9px 18px;color:var(--ink);border-bottom:1px solid var(--line);} .user-menu a:hover{background:var(--pale-fill);color:var(--primary);}
.paginate{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;margin:28px 0;}
.paginate a,.paginate span{display:inline-flex;align-items:center;justify-content:center;min-width:42px;height:42px;padding:0 8px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);color:var(--primary);font-weight:700;}
.paginate span.current,.paginate a:hover{background:var(--primary);border-color:var(--primary);color:#fff;}
.isMobile{display:none;}

/* search/user results grid (loop.php container) — reuses .card via loop-single */
.listing-card-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;padding:0;margin:0;}
.listing-card-list.listing-list{grid-template-columns:1fr;}
.listing-card{list-style:none;}
.listing-list .listing-card.card{flex-direction:row;} .listing-list .listing-card.card .ph{flex:0 0 220px;aspect-ratio:auto;}
.listing-list .listing-card.card .b{flex:1;}
@media(max-width:1000px){.listing-card-list{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.listing-card-list{grid-template-columns:1fr;} .listing-list .listing-card.card{flex-direction:column;} .listing-list .listing-card.card .ph{flex:none;aspect-ratio:4/3;}}
.search-options,.list-header{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:0 0 18px;}
.see_by{display:inline-flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:4px 10px;}
.see_by select{margin:0;border:0;width:auto;min-height:0;padding:4px 4px;background:transparent;}
.doublebutton{display:inline-flex;gap:6px;} .doublebutton a{width:42px;height:42px;padding:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);color:var(--muted);}
.doublebutton a.active{background:var(--primary);color:#fff;border-color:var(--primary);}

/* =============================================================================
   INTERIOR PAGES — one design system across item, search, user, auth, static
   ========================================================================== */
.bb-page{padding:8px 0 10px;} .bb-page-title,#main > h1{font-size:28px;margin:6px 0 6px;font-weight:800;} .bb-sub{color:var(--muted);margin:0 0 20px;}
.bb-panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:24px;margin-bottom:20px;}
.bb-auth{max-width:460px;margin:20px auto 40px;} .bb-auth h1{font-size:26px;text-align:center;margin-bottom:6px;} .bb-auth .bb-sub{text-align:center;}
.bb-row{display:flex;gap:16px;flex-wrap:wrap;} .bb-row > *{flex:1;min-width:200px;}

/* item detail */
body.item #main{max-width:1120px;}
.item-header{margin-bottom:14px;} .item-header h1,.item h1{font-size:30px;margin:0 0 8px;}
.item-photos{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:12px;margin-bottom:20px;overflow:hidden;}
.item-photos .main-photo{display:block;} .item-photos .main-photo img,.item-photos img{border-radius:var(--r);width:100%;height:auto;}
.item-hook,.item #description,.item .description{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:22px;margin-bottom:20px;line-height:1.7;color:var(--ink);}
.contact_button{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0;}
.item-views,.item .meta,.meta-item{color:var(--muted);font-size:13px;}
#comments,.comments{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:22px;margin-top:20px;}
.currency-value,.item .price{color:var(--primary);font-weight:800;font-size:22px;}

/* search results header */
.search-title,#main h2.title{font-size:22px;margin:0 0 4px;} .search-number{color:var(--muted);font-size:13px;margin-bottom:16px;display:block;}
.resp-toogle,.show-filters-btn,.show-menu-btn{display:none;}

/* auth + simple form pages (share .form-container + .control-group markup) */
.form-container{max-width:460px;margin:24px auto 40px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:28px;}
.form-container .header h1{font-size:24px;text-align:center;margin:0 0 20px;}
.control-group{margin-bottom:16px;}
.control-label{display:block;font-weight:700;font-size:13px;margin-bottom:6px;color:var(--ink);}
.control-group .controls input,.control-group .controls select,.control-group .controls textarea{margin-bottom:0;}
.control-group.remember .controls,.control-group.checkbox,.control-group .checkbox{display:flex;align-items:center;gap:8px;}
.control-group.butt button,.control-group.butt .btn{width:100%;}
.control-group.act{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-top:16px;font-size:14px;}
.control-group.act a{color:var(--primary);}
/* show/hide password toggle */
.pw-wrap{position:relative;display:block;}
.pw-wrap input{width:100%;padding-inline-end:44px!important;box-sizing:border-box;}
.pw-eye{position:absolute;inset-inline-end:6px;top:50%;transform:translateY(-50%);width:32px;height:32px;display:flex;align-items:center;justify-content:center;padding:0;margin:0;border:0;background:transparent!important;color:var(--muted);cursor:pointer;border-radius:var(--r);}
.pw-eye:hover{color:var(--primary);background:var(--hover,rgba(47,107,255,.08))!important;}
.pw-eye:focus-visible{outline:2px solid var(--primary);outline-offset:1px;}
body.contact #main{max-width:640px;margin:0 auto;}
body.contact #main form,body.user #main form:not(.nocsrf):not(.search),body.user #main .user-form{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:26px;margin-bottom:20px;}
body.page #main{max-width:800px;margin:0 auto;} body.page #main .page-content,body.page #main .static{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:28px;line-height:1.7;}

/* user account: sidebar menu already styled via .user-menu; ensure links */
.user-menu,#user-menu{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;}
.user-menu a,#user-menu a{display:block;padding:11px 18px;color:var(--ink);border-bottom:1px solid var(--line);} .user-menu a:last-child{border-bottom:0;}
.user-menu a:hover,#user-menu a.active,.user-menu a.active{background:var(--pale-fill);color:var(--primary);}

/* user account: style the generated menu (osc_private_user_menu) */
body.user #sidebar > ul,body.user #sidebar .user-menu,body.user #sidebar ul.user_menu,body.user #sidebar nav{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);overflow:hidden;list-style:none;padding:0;margin:0;}
body.user #sidebar li{list-style:none;} body.user #sidebar li a{display:block;padding:11px 18px;color:var(--ink);border-bottom:1px solid var(--line);}
body.user #sidebar li:last-child a{border-bottom:0;} body.user #sidebar li a:hover,body.user #sidebar li.active a,body.user #sidebar li a.active{background:var(--pale-fill);color:var(--primary);}
body.user #main > h1,body.user #main h2:first-of-type{font-size:26px;margin:0 0 16px;}
.user-dashboard,.dashboard-boxes{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;}
.dashboard-boxes > *,.dashboard .box{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:20px;}

/* ===== account area — user identity card, CTA, nav, listings header, filter ===== */
body.user #sidebar .acct-card{display:flex;align-items:center;gap:12px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:16px;margin-bottom:14px;}
body.user #sidebar .acct-av{width:52px;height:52px;border-radius:50%;object-fit:cover;flex:none;border:1px solid var(--line);}
body.user #sidebar .acct-id{min-width:0;} body.user #sidebar .acct-id b{display:block;font-size:15px;color:var(--ink);line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
body.user #sidebar .acct-id span{font-size:12.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
body.user #sidebar .acct-cta{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;margin-bottom:14px;padding:11px;}
body.user #sidebar .acct-logout{display:block;text-align:center;margin-top:12px;color:var(--muted);font-size:13.5px;font-weight:600;} body.user #sidebar .acct-logout:hover{color:var(--primary);}
/* nav rows a touch tighter + a subtle active bar */
body.user #sidebar li a{padding:10px 16px;font-weight:600;font-size:14px;position:relative;}
body.user #sidebar li.active a,body.user #sidebar li a.active{box-shadow:inset 3px 0 0 var(--primary);}
body.user #sidebar li.opt_delete_account a,body.user #sidebar li a[href*="delete"]{color:#c8432f;}
/* listings header: title + CTA on one row */
body.user .acct-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px;}
body.user .acct-head h1{margin:0;font-size:26px;}
/* compact filter bar (was a tall stack of control-groups) */
body.user .acct-filter{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:12px 14px;margin:0 0 18px;display:flex;flex-wrap:wrap;align-items:flex-end;gap:10px;}
body.user .acct-filter .control-group{margin:0;display:flex;flex-direction:column;gap:4px;flex:1 1 150px;min-width:0;}
body.user .acct-filter .control-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--muted);margin:0;}
body.user .acct-filter .controls input,body.user .acct-filter .controls select{margin:0;min-height:40px;}
body.user .acct-filter .actions{margin:0;flex:0 0 auto;}
/* account forms: turn the horizontal label/control stack into clean rows in a panel */
body.user #main .form-container{max-width:none;margin:0;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);}
body.user #main .form-container .control-group{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid var(--line);}
body.user #main .form-container .control-group:last-of-type{border-bottom:0;}
body.user #main .form-container .control-label{flex:0 0 170px;font-weight:700;font-size:13.5px;color:var(--ink);text-align:start;}
body.user #main .form-container .controls{flex:1 1 260px;min-width:0;}
body.user #main .form-container .controls input,body.user #main .form-container .controls select,body.user #main .form-container .controls textarea{margin:0;max-width:420px;}
body.user #main .form-container .user-img .img-preview img{width:80px;height:80px;border-radius:50%;object-fit:cover;border:1px solid var(--line);}
@media(max-width:640px){ body.user #main .form-container .control-label{flex:1 0 100%;} }

/* 404 */
body.error404 #main,body.page-not-found #main{text-align:center;padding:60px 20px;} body.error404 #main h1{font-size:40px;}

/* clearfix helper leftover from sigma markup */
.clear{clear:both;} .box{width:100%;}

/* ============================================================
   Interior polish v2 — list resets, search header, compact
   2-col item detail w/ hero+carousel, forms that fill panels
   ============================================================ */
/* sigma <ul>/<li> components lost their reset when sigma CSS was nuked */
.breadcrumb ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px 6px;padding:0;margin:0;}
.breadcrumb li{list-style:none;display:inline-flex;align-items:center;gap:6px;}
.paginate{display:block;margin:26px 0;}
.paginate ul{list-style:none;display:flex;gap:6px;flex-wrap:wrap;justify-content:center;padding:0;margin:0;}
.paginate li{list-style:none;}
.paginate a,.paginate span{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 10px;border:1px solid var(--line);border-radius:var(--r);background:var(--panel);color:var(--primary);font-weight:700;text-decoration:none;}
.paginate a:hover,.paginate span.current,.paginate li.active > *{background:var(--primary);border-color:var(--primary);color:#fff;}
.fixed-close{display:none;}

/* search results header — full-width bar, sort as a real dropdown */
.search-number{color:var(--muted);font-size:13.5px;margin:0 0 12px;display:block;}
.list-header{width:100%;margin:0 0 16px;}
.list-header .resp-wrapper{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;}
.list-header h1{flex:1 0 100%;margin:0;font-size:26px;line-height:1.15;}
.list-header .counter-search{color:var(--muted);font-size:13.5px;}
.list-header .actions{display:flex;align-items:center;gap:10px;margin-inline-start:auto;}
.search-options{width:100%;display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:space-between;margin:0 0 16px;}
.see_by{position:relative;cursor:pointer;display:inline-flex;align-items:center;gap:6px;background:transparent!important;border:0!important;color:var(--ink);font-weight:700;padding:6px 4px;box-shadow:none;}
.see_by > ul{position:absolute;top:100%;left:0;z-index:30;display:none;min-width:190px;list-style:none;background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:6px;margin:8px 0 0;}
.see_by:hover > ul,.see_by:focus-within > ul{display:block;}
.see_by li{list-style:none;} .see_by li a,.see_by li span{display:block;padding:8px 10px;border-radius:var(--r);color:var(--ink);text-decoration:none;font-weight:600;}
.see_by li a:hover,.see_by li.active a,.see_by li.active span{background:var(--pale-fill);color:var(--primary);}

/* refine-category + generic sidebar lists (bullets → clean rows) */
#sidebar ul{list-style:none;padding:0;margin:0;} #sidebar li{list-style:none;}
#sidebar #searchbox li a,#sidebar .category li a,#sidebar li > a{display:block;padding:7px 0;color:var(--ink);border-bottom:1px solid var(--line);}
#sidebar li:last-child > a{border-bottom:0;} #sidebar li a:hover{color:var(--primary);}

/* ---------- item detail: compact, 2-column ---------- */
body.item #content{display:flex;gap:24px;align-items:flex-start;}
body.item #main{flex:1 1 auto;min-width:0;max-width:none;}
body.item #sidebar{flex:0 0 320px;max-width:320px;}
.item-header h1,.item h1{font-size:24px;margin:0 0 6px;line-height:1.25;}
.item-header{font-size:13px;color:var(--muted);margin-bottom:12px;}
.item-photos{padding:10px;margin-bottom:16px;}
.item-photos .main-photo img{width:100%;height:auto;max-height:440px;object-fit:contain;background:var(--pale-fill);border-radius:var(--r);cursor:zoom-in;}
.item-photos .thumbs{display:flex;gap:8px;margin-top:10px;overflow-x:auto;padding-bottom:2px;}
.item-photos .thumbs a{flex:0 0 auto;line-height:0;}
.item-photos .thumbs img{width:70px;height:70px;object-fit:cover;border-radius:var(--r);border:2px solid transparent;opacity:.8;cursor:pointer;}
.item-photos .thumbs a.active img,.item-photos .thumbs a:hover img{border-color:var(--primary);opacity:1;}
.item-hook,.item #description,.item .description{padding:18px;margin-bottom:16px;line-height:1.6;font-size:14.5px;}
#comments,.comments{padding:18px;margin-top:16px;}
.similar_ads h2,#comments h2{font-size:18px;margin:0 0 14px;}

/* forms fill their panel (override the auth .form-container centering) */
#comments .form-container,#comments .new-comment{max-width:none;margin:0;padding:0;background:none;border:0;box-shadow:none;}
#comments .new-comment .header{padding:0;background:none;border:0;} #comments .new-comment .header h1,#comments .new-comment .header h3{font-size:15px;text-align:left;margin:0 0 14px;}
#comments form fieldset{border:0;padding:0;margin:0;}
#sidebar #contact.form-container,#sidebar .widget-box.form-container{max-width:none;margin:0 0 16px;padding:18px;}
#sidebar #contact h2,#sidebar #contact .header h1{font-size:16px;margin:0 0 12px;text-align:left;}
#sidebar #contact-in{display:block;}
#sidebar .user-img{margin:0 0 12px;} #sidebar .user-img img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:1px solid var(--line);}
#sidebar #mask_as_form{margin:0 0 14px;} #sidebar .mark_as{width:100%;margin:0;}
#sidebar #useful_info{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);padding:16px 18px;}
#sidebar #useful_info h2{font-size:14px;margin:0 0 8px;} #sidebar #useful_info ul{padding-left:18px;} #sidebar #useful_info li{list-style:disc;font-size:12.5px;color:var(--muted);margin-bottom:6px;}
@media(max-width:900px){ body.item #content{display:block;} body.item #sidebar{max-width:none;flex:none;margin-top:18px;} }

/* ---------- Responsive ---------- */
@media(max-width:1000px){.cats{grid-template-columns:repeat(3,1fr);}.grid-cards{grid-template-columns:repeat(2,1fr);}.biz-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:760px){
  .nav-links{display:none;} .searchbar{grid-template-columns:1fr;} .field + .field{border-inline-start:0;border-top:1px solid var(--line);} .ways{grid-template-columns:1fr;} .ftgrid{grid-template-columns:1fr 1fr;}
  body.search #content,body.user #content{display:block;} body.search #sidebar,body.user #sidebar{max-width:none;margin-bottom:18px;}
}
@media(max-width:520px){.grid-cards,.biz-grid,.cats{grid-template-columns:1fr 1fr;}.link-btn{display:none;}.ftgrid{grid-template-columns:1fr 1fr;}}