/* Classifieds board (#board). Tokens only; the hex values below are the category accents. */
[data-acc="cars"]{--acc:#3567a8}
[data-acc="realestate"]{--acc:#b8612a}
[data-acc="secondhand"]{--acc:#7b52a6}
[data-acc="free"]{--acc:#2c8a57}
[data-acc="services"]{--acc:#2f7f8f}
[data-acc="jobs"]{--acc:#a2741a}
[data-acc="pets"]{--acc:#b4466c}
[data-acc="lost"]{--acc:#66707c}
[data-acc="all"]{--acc:var(--brand)}

.bd-i{width:20px;height:20px;flex:none;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
html.bd-lock,html.bd-lock body{overflow:hidden}

/* ---------- head ---------- */
.bd-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;flex-wrap:wrap;margin-bottom:16px}
.bd-head .head{margin-bottom:0}
.bd-postbtn{flex:none}
.bd-postbtn .bd-i{width:20px;height:20px;stroke-width:2.2}
.bd-demo{margin-bottom:18px}
.bd-top{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:14px}
.bd-q{flex:1 1 320px;min-width:0}
.bd-q input{border-radius:var(--r-ctl);min-height:48px;padding-inline:18px}
.bd-tabs{display:inline-flex;padding:4px;gap:4px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-ctl)}
.bd-tab{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 16px;border:0;border-radius:var(--r-ctl);background:transparent;font:700 15px/1 var(--sans);color:var(--muted);cursor:pointer}
.bd-tab .bd-i{width:18px;height:18px}
.bd-tab[aria-pressed="true"]{background:var(--brand);color:var(--brand-ink)}
.bd-tab[aria-pressed="true"] .bd-i{fill:currentColor}

/* ---------- category bar ---------- */
.bd-cats{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;scroll-snap-type:x proximity;padding:4px 2px 10px;margin-inline:-2px;overscroll-behavior-x:contain}
.bd-cats::-webkit-scrollbar{display:none}
.bd-cat{flex:none;scroll-snap-align:start;display:grid;justify-items:center;align-content:start;gap:6px;width:84px;min-height:44px;padding:6px 4px 8px;border:0;background:transparent;border-radius:var(--r-card);font:700 13px/1.2 var(--sans);color:var(--fg);text-align:center;cursor:pointer}
.bd-cat-i{display:grid;place-items:center;width:52px;height:52px;border-radius:var(--r-card);background:color-mix(in srgb,var(--acc) 13%,var(--surface));color:color-mix(in srgb,var(--acc) 78%,var(--fg));border:1px solid color-mix(in srgb,var(--acc) 22%,var(--line));transition:background-color 140ms,color 140ms,transform 120ms cubic-bezier(.2,.8,.2,1)}
.bd-cat-i .bd-i{width:26px;height:26px}
.bd-cat:active .bd-cat-i{transform:scale(.94)}
.bd-cat[aria-pressed="true"] .bd-cat-i{background:color-mix(in srgb,var(--acc) 82%,var(--fg));border-color:transparent;color:var(--surface)}
.bd-cat[aria-pressed="true"]{color:var(--fg)}
.bd-cat[aria-pressed="true"] > span:last-child{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.bd-subs{margin-bottom:12px}
.bd-subs .chips{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.bd-subs .chips::-webkit-scrollbar{display:none}
.bd-subs .chip{flex:none;min-height:44px}

/* ---------- layout ---------- */
.bd-layout{display:block}
.bd-results{min-width:0}
.bd-bar{position:sticky;top:var(--hdr,61px);z-index:6;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;background:var(--bg);padding-block:8px;margin-inline:calc(-1 * max(16px,env(safe-area-inset-left,0px)));padding-inline:max(16px,env(safe-area-inset-left,0px));border-bottom:1px solid var(--line)}
.bd-count{font:800 16px/1.2 var(--sans);margin:0}
.bd-count:focus{outline:none}
.bd-bar-acts{display:flex;gap:6px;align-items:center}
.bd-sort select{min-height:44px;font:600 16px var(--sans);padding:0 12px;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--surface);color:var(--fg);max-width:46vw}
.bd-fbtn{position:relative;display:inline-flex;align-items:center;gap:6px;min-height:44px;min-width:44px;justify-content:center;padding:0 14px;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--surface);font:700 15px/1 var(--sans);cursor:pointer}
.bd-savebtn.is-saved .bd-i{fill:currentColor}
.bd-n{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--brand);color:var(--brand-ink);font:800 12px/1 var(--sans)}
.bd-tab .bd-n{background:none;color:inherit;padding:0;min-width:0}
.bd-tab .bd-n:empty{display:none}
.bd-active{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-block:10px}
.bd-active:empty{display:none}
.bd-achip{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 12px;border:1px solid color-mix(in srgb,var(--brand) 40%,var(--line));background:var(--brand-soft);color:var(--fg);border-radius:var(--r-ctl);font:700 14px/1 var(--sans);cursor:pointer}
.bd-achip .bd-i{width:16px;height:16px;stroke-width:2.2}
.bd-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 4px;border:0;background:none;color:var(--brand);font:700 15px/1 var(--sans);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.bd-link .bd-i{width:18px;height:18px}

/* ---------- filters: bottom sheet on phones, sidebar on wide screens ---------- */
.bd-filters{display:none}
.bd-filters.open{display:flex}
.bd-fbody{display:grid;gap:18px;padding:18px}
.bd-fs{border:0;margin:0;padding:0;min-width:0;display:grid;gap:8px}
.bd-fs legend{font-weight:700;font-size:14px;padding:0;margin-bottom:8px}
.bd-hint{font-weight:500;color:var(--muted);font-size:13px;margin-inline-start:6px}
.bd-range{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.bd-range .field{font-size:13px;font-weight:600;color:var(--muted);gap:4px}
.bd-range input{color:var(--fg)}
.bd-check{min-height:44px;font-size:15px}
.bd-check input{width:22px;height:22px;accent-color:var(--brand);flex:none}
.bd-tgl{display:flex;flex-wrap:wrap;gap:6px}
.bd-tg{min-height:44px;padding:0 14px;border:1px solid var(--line);border-radius:var(--r-ctl);background:var(--raise);font:700 14px/1 var(--sans);cursor:pointer;transition:background-color 120ms,border-color 120ms,transform 120ms cubic-bezier(.2,.8,.2,1)}
.bd-tg:active{transform:scale(.97)}
.bd-tg[aria-pressed="true"]{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}

/* ---------- cards ---------- */
.bd-list{display:grid;gap:10px;margin-top:12px}
.bd-card{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);grid-template-areas:"tile body" "tile price";column-gap:12px;row-gap:4px;padding:10px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);transition:border-color 140ms,transform 120ms cubic-bezier(.2,.8,.2,1)}
.bd-card:active{transform:scale(.995)}
.bd-tile{position:relative;display:grid;place-items:center;border-radius:var(--r-img);background:color-mix(in srgb,var(--acc) 13%,var(--surface));color:color-mix(in srgb,var(--acc) 76%,var(--fg));overflow:hidden}
.bd-tile::before{content:"";position:absolute;inset:auto -20% -45% auto;width:90%;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--acc) 10%,transparent)}
.bd-tile .bd-i{position:relative;width:40px;height:40px;stroke-width:1.5}
.bd-card .bd-tile{grid-area:tile;min-height:96px;align-self:stretch}
.bd-ph{position:absolute;inset-block-end:6px;inset-inline-start:6px;display:inline-flex;align-items:center;gap:3px;padding:3px 6px;border-radius:999px;background:var(--surface);color:var(--fg);font:700 11.5px/1 var(--sans)}
.bd-tile .bd-ph .bd-i{width:14px;height:14px;stroke-width:2}
.bd-cbody{grid-area:body;display:grid;gap:4px;align-content:start;min-width:0;padding-inline-end:40px}
.bd .cat,.bd-sheet .cat{font:800 12px/1.2 var(--sans);color:color-mix(in srgb,var(--acc,var(--brand)) 72%,var(--fg))}
.bd-ct{font:700 18px/1.25 var(--news);overflow-wrap:anywhere}
.bd-open{all:unset;cursor:pointer;color:inherit}
.bd-open::after{content:"";position:absolute;inset:0;border-radius:inherit;z-index:0}
.bd-open:focus-visible{outline:none}
.bd-open:focus-visible::after{outline:3px solid var(--sun);outline-offset:2px;border-radius:var(--r-card)}
.bd-chips{display:flex;flex-wrap:wrap;gap:4px;list-style:none;margin:2px 0 0;padding:0}
.bd-chips li{font:600 13px/1 var(--sans);padding:5px 8px;border-radius:var(--r-img);background:var(--bg);border:1px solid var(--line);white-space:nowrap}
.bd-meta{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:13px;color:var(--muted);margin:0}
.bd-meta .bd-i{width:15px;height:15px}
.bd-price{grid-area:price;display:flex;align-items:baseline;gap:4px;flex-wrap:wrap;margin:0;align-self:end}
.bd-price b{font:800 19px/1.1 var(--sans);font-variant-numeric:tabular-nums}
.bd-price small{font-size:13px;color:var(--muted);font-weight:600}
.bd-price .bd-free{color:var(--brand)}
.bd-quote{font:700 15px/1 var(--sans);color:var(--muted)}
.bd-tag{display:inline-block;font:800 13px/1 var(--sans);padding:5px 10px;border-radius:999px;background:color-mix(in srgb,var(--acc) 16%,var(--surface));color:color-mix(in srgb,var(--acc) 70%,var(--fg))}
.bd-fav{position:absolute;z-index:1;inset-block-start:4px;inset-inline-end:4px;display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer;transition:transform 160ms cubic-bezier(.2,.8,.2,1),color 140ms}
.bd-fav .bd-i{width:24px;height:24px}
.bd-fav:active{transform:scale(.88)}
.bd-fav[aria-pressed="true"]{color:var(--red)}
.bd-fav[aria-pressed="true"] .bd-i{fill:currentColor}
.bd-empty{display:grid;justify-items:center;gap:12px;text-align:center;padding:36px 16px;margin-top:12px;border:1px dashed var(--line);border-radius:var(--r-card);color:var(--muted)}
.bd-empty b{color:var(--fg)}

/* ---------- sheets ---------- */
.bd-scrim{position:fixed;inset:0;z-index:40;background:color-mix(in srgb,var(--ink) 55%,transparent);animation:bd-fade 200ms ease-out}
.bd-sheet{position:fixed;z-index:41;inset:auto 0 0 0;display:flex;max-height:min(92dvh,100%);background:var(--surface);color:var(--fg);border-radius:var(--r-card) var(--r-card) 0 0;box-shadow:var(--shadow);direction:rtl}
.bd-sheet.open{animation:bd-up 260ms cubic-bezier(.2,.8,.2,1)}
.bd-sheet-in{display:flex;flex-direction:column;width:100%;overflow:auto;overscroll-behavior:contain}
.bd-filters.open{position:fixed;z-index:41;inset:auto 0 0 0;flex-direction:column;max-height:88dvh;overflow:auto;overscroll-behavior:contain;background:var(--surface);border-radius:var(--r-card) var(--r-card) 0 0;box-shadow:var(--shadow);animation:bd-up 260ms cubic-bezier(.2,.8,.2,1)}
.bd-sh-head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 8px 8px 8px;padding-inline-start:18px;background:var(--surface);border-bottom:1px solid var(--line)}
.bd-sh-head::before{content:"";position:absolute;top:6px;inset-inline:0;margin-inline:auto;width:40px;height:4px;border-radius:2px;background:var(--line)}
.bd-sh-title{font:800 20px/1.2 var(--news)}
.bd-sh-title:focus,.bd-dtitle:focus,.bd-err:focus{outline:none}
.bd-sh-body{display:grid;gap:14px;padding:18px;align-content:start}
.bd-sh-foot{position:sticky;bottom:0;z-index:2;display:flex;justify-content:space-between;gap:10px;padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px));background:var(--surface);border-top:1px solid var(--line);margin-top:auto}
.bd-sh-foot .btn{justify-content:center;min-height:48px}
.bd-sh-foot .btn.primary{flex:1;max-width:320px}
.bd-sh-foot .btn .bd-i{width:18px;height:18px}
.bd-x{display:grid;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:50%;background:transparent;color:var(--fg);cursor:pointer}
.bd-x .bd-i{width:22px;height:22px}
@keyframes bd-up{from{transform:translateY(100%)}to{transform:none}}
@keyframes bd-fade{from{opacity:0}to{opacity:1}}

/* detail */
.bd-tile-lg{height:180px}
.bd-tile-lg .bd-i{width:72px;height:72px;stroke-width:1.25}
.bd-tile-lg .bd-ph{inset-block-end:10px;inset-inline-start:10px;font-size:13px;padding:5px 9px}
.bd-dtop{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}
.bd-dtitle{font:900 26px/1.15 var(--news);letter-spacing:var(--h-track);overflow-wrap:anywhere}
.bd-fav-lg{position:static;border:1px solid var(--line)}
.bd-dprice{grid-area:auto}
.bd-dprice b{font-size:26px}
.bd-h3{font:800 15px/1.2 var(--sans);margin-top:6px}
.bd-desc{font-size:17px;line-height:1.65}
.bd-specs{width:100%;border-collapse:collapse;font-size:15px}
.bd-specs th,.bd-specs td{text-align:start;padding:10px 0;border-bottom:1px solid var(--line);vertical-align:top}
.bd-specs th{width:42%;font-weight:600;color:var(--muted)}
.bd-specs td{font-weight:700}
.bd-seller{display:grid;gap:10px;padding:16px;border-radius:var(--r-card);background:var(--bg);border:1px solid var(--line)}
.bd-seller .bd-h3{margin:0}
.bd-sname{display:flex;align-items:center;gap:8px;margin:0;font-size:17px}
.bd-sname span{font:700 12px/1 var(--sans);padding:4px 8px;border-radius:999px;background:var(--surface);border:1px solid var(--line);color:var(--muted)}
.bd-tel{justify-self:start;min-height:44px}
.bd-wa .pill-wa{min-height:44px}
.bd-note{font-size:14px;color:var(--muted);margin:0}
.bd-report{display:grid;gap:8px}
.bd-rform{display:grid;gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--r-card)}
.bd-rform .check{min-height:40px}
.bd-rform input[type="radio"]{width:20px;height:20px;accent-color:var(--brand)}
.bd-similar{display:grid;gap:8px}
.bd-mini{display:flex;align-items:center;gap:12px;width:100%;min-height:64px;padding:8px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--surface);text-align:start;cursor:pointer;color:var(--fg)}
.bd-mini .bd-tile{width:52px;height:52px;flex:none}
.bd-mini .bd-tile .bd-i{width:26px;height:26px}
.bd-mini-t{display:grid;gap:2px;min-width:0}
.bd-mini-t b{font:700 16px/1.25 var(--news);overflow-wrap:anywhere}
.bd-mini-t span{font-size:13px;color:var(--muted)}

/* post */
.bd-steps{display:flex;gap:6px;list-style:none;margin:0;padding:0;counter-reset:none}
.bd-steps li{flex:1;display:flex;align-items:center;gap:8px;padding-bottom:10px;border-bottom:3px solid var(--line);font:700 13px/1.2 var(--sans);color:var(--muted);min-width:0}
.bd-steps i{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:50%;background:var(--bg);border:1px solid var(--line);font:800 13px/1 var(--sans);font-style:normal}
.bd-steps i .bd-i{width:15px;height:15px;stroke-width:2.4}
.bd-steps li[aria-current="step"]{color:var(--fg);border-color:var(--brand)}
.bd-steps li[aria-current="step"] i{background:var(--brand);border-color:var(--brand);color:var(--brand-ink)}
.bd-steps li.done{border-color:color-mix(in srgb,var(--brand) 45%,var(--line))}
.bd-steps li.done i{background:var(--brand-soft);color:var(--brand);border-color:transparent}
.bd-steps li:not([aria-current]) span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bd-pform{display:grid;gap:16px}
.bd-pcats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.bd-pcat{display:flex;align-items:center;gap:10px;min-height:64px;padding:8px 10px;border:1px solid var(--line);border-radius:var(--r-card);background:var(--raise);font:700 15px/1.2 var(--sans);text-align:start;cursor:pointer;color:var(--fg)}
.bd-pcat .bd-tile{width:44px;height:44px;flex:none}
.bd-pcat .bd-tile .bd-i{width:24px;height:24px}
.bd-pcat[aria-pressed="true"]{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:var(--brand-soft)}
.bd-pgrid{display:grid;gap:12px}
.bd-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.bd-thumb{position:relative;aspect-ratio:1;border-radius:var(--r-img);overflow:hidden;background:var(--bg);border:1px solid var(--line)}
.bd-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.bd-x-sm{position:absolute;inset-block-start:2px;inset-inline-end:2px;width:44px;height:44px;background:transparent}
.bd-x-sm .bd-i{width:26px;height:26px;padding:4px;border-radius:50%;background:var(--surface);stroke-width:2.2}
.bd-add{display:grid;place-items:center;align-content:center;gap:4px;aspect-ratio:1;border:2px dashed var(--line);border-radius:var(--r-img);color:var(--muted);font:700 12.5px/1.2 var(--sans);text-align:center;cursor:pointer;padding:4px}
.bd-add .bd-i{width:24px;height:24px}
.bd-add:focus-within{outline:3px solid var(--sun);outline-offset:2px}
.bd-err{margin:0;padding:10px 14px;border-radius:var(--r-ctl);background:color-mix(in srgb,var(--red) 10%,var(--surface));color:var(--red);font-weight:700;font-size:14px}
.bd-ok{text-align:start}
.bd-ok-i{width:36px;height:36px;color:var(--ok);stroke-width:2.2}

/* saved */
.bd-saved{display:grid;gap:28px;margin-top:6px}
.bd-h2{font:800 22px/1.2 var(--news);margin-bottom:12px}
.bd-sslist{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.bd-ss{display:flex;align-items:center;gap:6px;padding:4px;padding-inline-start:0;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card)}
.bd-ss-go{flex:1;display:flex;align-items:center;gap:10px;min-height:56px;padding:6px 12px;border:0;background:none;text-align:start;cursor:pointer;color:var(--fg);min-width:0}
.bd-ss-go .bd-i{color:var(--brand)}
.bd-ss-go > span{display:grid;gap:2px;min-width:0}
.bd-ss-go b{font-size:15px;overflow-wrap:anywhere}
.bd-ss-go span span{font-size:13px;color:var(--muted)}

/* ---------- phones ---------- */
@media (max-width:560px){
  .bd-postbtn{width:100%;justify-content:center}
  .bd-tabs{width:100%}
  .bd-tab{flex:1;justify-content:center}
  .bd-savebtn span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .bd-savebtn{padding:0}
  .bd-fbtn{padding:0 12px}
  .bd-sort select{max-width:40vw;padding:0 10px}
  .bd-steps li:not([aria-current]) span{display:none}
  .bd-steps li:not([aria-current]){flex:0 0 auto}
}

/* ---------- wider screens ---------- */
@media (min-width:561px){
  .bd-pcats{grid-template-columns:repeat(4,minmax(0,1fr))}
  .bd-pcat{flex-direction:column;justify-content:center;text-align:center;min-height:104px;padding:12px 8px}
  .bd-pgrid{grid-template-columns:1fr 1fr}
  .bd-similar{grid-template-columns:repeat(3,minmax(0,1fr))}
  .bd-mini{flex-direction:column;align-items:stretch;text-align:start}
  .bd-mini .bd-tile{width:100%;height:72px}
}
@media (min-width:640px){
  .bd-card{grid-template-columns:150px minmax(0,1fr) auto;grid-template-areas:"tile body price";column-gap:16px;padding:12px}
  .bd-card .bd-tile{min-height:112px}
  .bd-cbody{padding-inline-end:0}
  .bd-price{flex-direction:column;align-items:flex-end;align-self:start;padding-inline-start:8px;gap:2px}
  .bd-price b{font-size:21px}
  .bd-fav{inset-block-start:auto;inset-block-end:6px;inset-inline-end:6px}
  .bd-ct{font-size:19px}
}
@media (min-width:901px){
  .bd-cats{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));overflow:visible;padding-bottom:14px}
  .bd-cat{width:auto}
  .bd-layout{display:grid;grid-template-columns:272px minmax(0,1fr);gap:24px;align-items:start}
  .bd-filters,.bd-filters.open{display:flex;flex-direction:column;position:sticky;inset:auto;top:calc(var(--hdr,61px) + 12px);max-height:calc(100vh - var(--hdr,61px) - 24px);overflow:auto;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card);box-shadow:none;animation:none;z-index:auto}
  .bd-filters .bd-sh-head{position:static;padding:14px 18px 10px}
  .bd-filters .bd-sh-head::before,.bd-filters .bd-x{display:none}
  .bd-filters .bd-fbody{padding-top:14px}
  .bd-filters .bd-sh-foot{position:static;padding:0 18px 18px;border:0}
  .bd-filters .bd-sh-foot .btn.primary{display:none}
  .bd-fbtn[data-act="filters"]{display:none}
  .bd-bar{margin-inline:0;padding-inline:0;top:var(--hdr,61px)}
  .bd-sheet{inset:50% auto auto 50%;transform:translate(-50%,-50%);width:min(760px,calc(100vw - 48px));max-height:88vh;border-radius:var(--r-card)}
  .bd-sheet.open{animation:bd-pop 220ms cubic-bezier(.2,.8,.2,1)}
  .bd-sh-head::before{display:none}
  .bd-detail{grid-template-columns:minmax(0,1fr)}
  .bd-tile-lg{height:220px}
}
@keyframes bd-pop{from{opacity:0;transform:translate(-50%,-48%) scale(.98)}to{opacity:1;transform:translate(-50%,-50%)}}

@media (hover:hover) and (pointer:fine){
  .bd-card:hover{border-color:color-mix(in srgb,var(--acc) 55%,var(--line))}
  .bd-card:hover .bd-ct{text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px}
  .bd-cat:hover .bd-cat-i{background:color-mix(in srgb,var(--acc) 22%,var(--surface))}
  .bd-cat[aria-pressed="true"]:hover .bd-cat-i{background:color-mix(in srgb,var(--acc) 82%,var(--fg))}
  .bd-fav:hover{color:var(--red)}
  .bd-tg:hover,.bd-fbtn:hover,.bd-achip:hover,.bd-pcat:hover,.bd-mini:hover,.bd-ss-go:hover{border-color:var(--brand)}
  .bd-x:hover{background:var(--brand-soft)}
  .bd-tab:not([aria-pressed="true"]):hover{color:var(--fg);background:var(--brand-soft)}
  .bd-add:hover{border-color:var(--brand);color:var(--brand)}
  .bd-achip{min-height:34px}
}
@media (prefers-reduced-motion:reduce){
  .bd-sheet.open,.bd-filters.open,.bd-scrim{animation:none}
  .bd-card,.bd-cat-i,.bd-fav,.bd-tg{transition:none}
}
.bd-check.bd-fs{display:flex;gap:10px;align-items:center}

.bd-tile .bd-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bd-tile{position:relative;overflow:hidden}