/* Deal Social 1.0.0 (12.11.2026): reactions and discussion on the brand page v2. Port of concept D (reports/social_concepts_20261108/social_d.css).
   Everything is scoped under .bv2 (the v2 page block of brand-offers-feed) and reads the same tokens through the --v-* variables defined in bof-v2.css
   (design/tokens.json values as fallbacks). Figtree comes from the site; weights 400/600/700 only. No underline, 44px targets, 16px inputs. */
.bv2{--ds-rc:6px;--ds-fs1:13px;--ds-lh1:18px;--ds-fs2:15px;--ds-lh2:22px;--ds-fs3:18px;--ds-lh3:24px}
.bv2 .vh-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* our own tabs (Arutelu, and the "all" tab when the page had no tab row) look exactly like the base .bv-tab */
.bv2 .ds-tab{position:relative;flex:none;min-width:44px;min-height:48px;display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;color:var(--v-muted);cursor:pointer;white-space:nowrap;font-size:15px;line-height:22px;font-weight:600}
.bv2 .ds-tab .n{font-size:13px;font-weight:400}
.bv2 .ds-tab[aria-selected=true]{color:var(--v-ink)}
.bv2 .ds-tab[aria-selected=true]::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--v-g700)}
.bv2 .ds-tab:hover{color:var(--v-ink)}
.bv2 .ds-hide{display:none}

/* panels */
.bv2 .ds-panel{margin-top:16px;background:#fff;border-radius:var(--v-r);padding:var(--pad,16px)}
.bv2 .ds-panel[hidden]{display:none}

/* an offer line on a comment whose offer has left the page: plain muted text, not a button */
.bv2 .ol--t{min-height:0;margin:0 0 4px;cursor:default}
.bv2 .ol--t:hover{color:var(--v-g700)}
.bv2 .th .ol--t{margin:4px 0 0}

/* honeypot (never visible, never focusable) and the one-line error under a composer */
.bv2 .cx-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.bv2 .cx-err{margin:4px 0 0 36px;font-size:var(--ds-fs1);line-height:var(--ds-lh1);font-weight:600;color:var(--v-ink)}
.bv2 .cx-err[hidden]{display:none}
.bv2 .cx.is-busy .cx-send{opacity:.5;pointer-events:none}
@media(max-width:360px){.bv2 .cx-err{margin-left:0}}

/* discussion tab: the offer lists, their heading and the history/ad blocks step aside */
.bv2.ds-talk .bv-list,.bv2.ds-talk .bv-sech{display:none}
body.ds-talk .bhi-kv-panel,body.ds-talk .deal-ad-slot{display:none}

/* thread view: only the crumbs and the thread remain (an open offer sheet is a dialog and stays) */
body.ds-teema .entry-content>*:not(.bv2){display:none!important}
body.ds-teema .bv2>*:not(.crumbs):not(#ds-thread):not(dialog):not(.bv-sr):not(#ds-live){display:none!important}

.bv2 .ic{display:inline-block;flex:none;line-height:0;vertical-align:middle}
.bv2 .ic svg{display:block;width:100%;height:100%}
.bv2 .soc-rx{margin-top:16px}
.bv2 .soc-rx+.bv-tabbar{margin-top:16px}
.bv2 .rx{display:flex;gap:8px;height:44px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.bv2 .rx::-webkit-scrollbar{display:none}
.bv2 .soc-rx.fade-r .rx{-webkit-mask-image:linear-gradient(to right,var(--v-ink) calc(100% - 32px),transparent);mask-image:linear-gradient(to right,var(--v-ink) calc(100% - 32px),transparent)}
.bv2 .soc-rx.fade-l .rx{-webkit-mask-image:linear-gradient(to left,var(--v-ink) calc(100% - 32px),transparent);mask-image:linear-gradient(to left,var(--v-ink) calc(100% - 32px),transparent)}
.bv2 .soc-rx.fade-l.fade-r .rx{-webkit-mask-image:linear-gradient(to right,transparent,var(--v-ink) 32px,var(--v-ink) calc(100% - 32px),transparent);mask-image:linear-gradient(to right,transparent,var(--v-ink) 32px,var(--v-ink) calc(100% - 32px),transparent)}
.bv2 .rb{flex:0 0 auto;min-height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border:0;border-radius:var(--v-rb);background:transparent;color:var(--v-ink);cursor:pointer}
.bv2 .rb:hover{background:var(--v-g50)}
.bv2 .rb:focus-visible{outline-offset:-3px}
.bv2 .rb:first-child{padding-left:0;min-width:44px}
.bv2 .rb:last-child{padding-right:0;min-width:44px}
.bv2 .rb[aria-pressed=true]{background:var(--v-g100);color:var(--v-g700)}
.bv2 .rti{display:contents}
.bv2 .rb .ic{order:0;width:24px;height:24px}
.bv2 .rl{order:1;font-size:var(--ds-fs1);line-height:var(--ds-lh1);font-weight:600;white-space:nowrap}
.bv2 .rb .n{order:2;font-size:var(--ds-fs1);line-height:var(--ds-lh1);font-weight:600;color:inherit}
@media(min-width:680px){.bv2 .soc-rx .rl,.bv2 .soc-rx .rb .n{font-size:var(--ds-fs2);line-height:22px}}
@media(max-width:679px){.bv2 .soc-rx .rx{gap:6px;justify-content:space-between}
.bv2 .soc-rx .rb{flex:0 0 auto;flex-direction:column;justify-content:center;gap:0;padding:4px 12px}
.bv2 .soc-rx .rti{display:inline-flex;align-items:center;gap:4px}
.bv2 .soc-rx .rb .ic{width:20px;height:20px}
.bv2 .soc-rx .rl,.bv2 .soc-rx .rb .n{line-height:16px}
.bv2 .soc-rx .rb:first-child{align-items:flex-start}
.bv2 .soc-rx .rb:last-child{align-items:flex-end}}
@media(max-width:379px){.bv2 .soc-rx .rx{gap:0}
.bv2 .soc-rx .rb{padding:4px 7px}
.bv2 .soc-rx .rb:first-child{padding-left:0}
.bv2 .soc-rx .rb:last-child{padding-right:0}}
.bv2 .ds-tab{min-width:44px}
.bv2 .ds-tab .new{display:inline-flex;align-items:center;height:20px;padding:0 12px;border-radius:var(--ds-rc);background:var(--v-g100);color:var(--v-g700);font-size:var(--ds-fs1);line-height:var(--ds-lh1);font-weight:600}
@media(max-width:420px){.bv2 .bv-tabs{gap:10px}}
@media(max-width:767px){.bv2 .ds-tab .new{display:none}}
@media(max-width:340px){.bv2 .bv-tabs{gap:6px}}
.bv2 .ds-panel.soc-talk{margin-top:16px}
.bv2 .cbh{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:0 12px;min-height:44px}
.bv2 .cbh h2{font-size:var(--ds-fs3);line-height:var(--ds-lh3);font-weight:700;letter-spacing:-.008em}
.bv2 .cbc{min-height:44px;padding:0;border:0;background:none;color:var(--v-muted);font-size:var(--ds-fs1);line-height:var(--ds-lh1);font-weight:400;cursor:pointer}
.bv2 .cbc:hover{color:var(--v-ink)}
.bv2 .soc-list{list-style:none;margin:0;padding:0}
.bv2 .soc-talk .soc-list:not(:empty){margin-bottom:4px}
.bv2 .cm{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:8px;align-items:start;padding:4px 0}
.bv2 .av{width:28px;height:28px;margin-top:2px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--v-subtle);color:var(--v-ink);font-size:var(--ds-fs1);line-height:1;font-weight:600}
.bv2 .av--1{background:var(--v-g100)}
.bv2 .av--2{background:var(--v-g200)}
.bv2 .av--st{background:var(--v-g600);color:#fff}
.bv2 .cb{min-width:0}
.bv2 .bub{position:relative;display:inline-block;max-width:100%;padding:12px;border-radius:var(--v-r);background:var(--v-subtle);vertical-align:top}
.bv2 .cm--st>.cb>.bub{background:var(--v-g50);box-shadow:inset 0 0 0 1px var(--v-g200)}
.bv2 .chd{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:var(--ds-fs1);line-height:var(--ds-lh1)}
.bv2 .chd b{font-weight:600;color:var(--v-ink)}
.bv2 .tag{display:inline-flex;align-items:center;height:20px;padding:0 12px;border-radius:var(--ds-rc);background:var(--v-g100);color:var(--v-g700);font-size:var(--ds-fs1);line-height:var(--ds-lh1);font-weight:600}
.bv2 .tx{margin-top:2px;font-size:var(--ds-fs2);line-height:var(--ds-lh2);color:var(--v-ink);overflow-wrap:anywhere;white-space:pre-line}
.bv2 .tx .to{font-weight:600;color:var(--v-g700)}
.bv2 .is-compact>.cm>.cb>.bub>.tx{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.bv2 .chip{position:absolute;right:-6px;bottom:-11px;display:inline-flex;align-items:center;height:22px;padding:0 12px 0 4px;border:0;border-radius:var(--ds-rc);background:var(--v-g100);color:var(--v-muted);font-size:var(--ds-fs1);line-height:22px;font-weight:600;pointer-events:none}
.bv2 .chip .ic{width:16px;height:16px}
.bv2 .chip .ic+.ic{margin-left:-3px}
.bv2 .chip .n{margin-left:7px;font-weight:600}
.bv2 .ol{display:block;max-width:100%;min-height:44px;margin:-11px 0;padding:0;border:0;background:none;color:var(--v-g700);font-size:var(--ds-fs1);line-height:var(--ds-lh1);font-weight:400;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}
.bv2 .ol:hover{color:var(--v-ink)}
.bv2 .cb>.ol{position:relative;z-index:1}
.bv2 .act{position:relative;display:flex;align-items:center;gap:0;min-height:44px;margin-left:4px}
.bv2 .lk,.bv2 .vs,.bv2 .rxo{min-height:44px;min-width:44px;padding:0 8px;border:0;background:none;font-size:var(--ds-fs1);line-height:var(--ds-lh1);font-weight:600;color:var(--v-muted);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
.bv2 .lk:hover,.bv2 .vs:hover,.bv2 .rxo:hover{color:var(--v-ink)}
.bv2 .lk[aria-pressed=true]{color:var(--v-g700);font-weight:700}
.bv2 .rxo{display:inline-flex;align-items:center;justify-content:center;padding:0}
.bv2 .rxo svg{width:20px;height:20px}
.bv2 .cx-w{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:44px;padding:0 8px;font-size:var(--ds-fs1);line-height:var(--ds-lh1);font-weight:400;color:var(--v-muted);white-space:nowrap}
.bv2 a.cx-w:hover{color:var(--v-ink)}
.bv2 .tray{position:absolute;z-index:40;left:0;top:100%;display:flex;padding:4px;border:1px solid var(--v-hair);border-radius:var(--v-r);background:#fff;box-shadow:0 1px 3px rgba(22,32,27,.14)}
.bv2 .tb{width:56px;min-height:60px;padding:4px 0;border:0;border-radius:var(--v-rb);background:none;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;cursor:pointer;color:var(--v-ink)}
.bv2 .tl{font-size:var(--ds-fs1);line-height:16px;font-weight:600;white-space:nowrap}
.bv2 .tb .ic{width:28px;height:28px}
.bv2 .tb:hover{background:var(--v-g50)}
.bv2 .tb[aria-pressed=true]{background:var(--v-g100);box-shadow:inset 0 0 0 1px var(--v-g200)}
.bv2 .rs{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin:0 0 0 4px;padding:0 8px;border:0;background:none;color:var(--v-g700);font-size:var(--ds-fs2);line-height:var(--ds-lh2);font-weight:600;cursor:pointer}
.bv2 .minis{display:inline-flex;gap:2px}
.bv2 .mini{width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--v-subtle);color:var(--v-ink);font-size:var(--ds-fs1);line-height:1;font-weight:600;overflow:visible}
.bv2 .mini+.mini{background:var(--v-g100)}
.bv2 .mini--st{background:var(--v-g600)!important;color:#fff}
.bv2 .rs .chev{width:16px;height:16px;transition:transform .15s ease}
.bv2 .rs[aria-expanded=true] .chev{transform:rotate(180deg)}
.bv2 .rep{list-style:none;margin:4px 0 0;padding:0}
.bv2 .rep .cm{grid-template-columns:24px minmax(0,1fr)}
.bv2 .rep .av{width:24px;height:24px;font-size:var(--ds-fs1)}
.bv2 .cx{margin:8px 0 0}
.bv2 .cx--r{margin-top:0}
.bv2 .cx-row{display:flex;align-items:flex-end;gap:8px}
.bv2 .me{width:28px;height:28px;margin-bottom:8px;border-radius:50%;display:flex;align-items:flex-end;justify-content:center;flex:none;overflow:hidden;background:var(--v-subtle);color:var(--v-muted)}
.bv2 .me svg{width:22px;height:22px;display:block;margin-bottom:-2px}
.bv2 .cx-pill{flex:1 1 0;min-width:0;display:flex;align-items:flex-end;padding-left:12px;border-radius:var(--v-rb);background:var(--v-subtle)}
.bv2 .cx-pill:focus-within{box-shadow:inset 0 0 0 2px var(--v-g600)}
.bv2 .cx-in{flex:1 1 0;min-width:0;display:block;height:44px;min-height:44px;max-height:124px;margin:0;padding:12px 0;border:0;border-radius:0;background:transparent;font-family:var(--font,inherit);font-size:16px;line-height:20px;font-weight:400;color:var(--v-ink);resize:none;overflow-y:auto;overflow-x:hidden;-webkit-appearance:none;appearance:none}
.bv2 .cx-in::placeholder{color:var(--v-muted);opacity:1}
.bv2 .cx-in:focus,.bv2 .cx-in:focus-visible{outline:0}
.bv2 .cx-b{flex:none;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:var(--v-rb);background:none;display:flex;align-items:center;justify-content:center;cursor:pointer}
.bv2 .cx-b:hover{background:var(--v-hair)}
.bv2 .cx-emo .ic{width:24px;height:24px}
.bv2 .cx-emo[aria-expanded=true]{background:var(--v-g100)}
.bv2 .cx-send svg{width:24px;height:24px;fill:var(--v-g600);display:block}
.bv2 .cx-pal{display:flex;flex-wrap:wrap;margin:4px 0 0 36px}
.bv2 .cx-pal button{width:44px;height:44px;padding:0;border:0;border-radius:var(--v-rb);background:none;display:flex;align-items:center;justify-content:center;cursor:pointer}
.bv2 .cx-pal button:hover{background:var(--v-g50)}
.bv2 .cx-pal .ic{width:28px;height:28px}
.bv2 .cx-nm{margin:8px 0 0 36px}
.bv2 .cx-nl{display:block;margin-bottom:4px;font-size:var(--ds-fs1);line-height:var(--ds-lh1);font-weight:600;color:var(--v-ink)}
.bv2 .cx-nr{display:flex;gap:8px}
.bv2 .cx-nin{flex:1 1 0;min-width:0;height:44px;margin:0;padding:0 12px;border:1px solid var(--v-hair);border-radius:var(--v-rb);background:#fff;font-family:var(--font,inherit);font-size:16px;line-height:20px;font-weight:400;color:var(--v-ink);-webkit-appearance:none;appearance:none}
.bv2 .cx-nin:focus{outline:0;border-color:var(--v-g600);box-shadow:inset 0 0 0 1px var(--v-g600)}
.bv2 .cx-nin[aria-invalid=true]{border-color:var(--v-ink);box-shadow:inset 0 0 0 1px var(--v-ink)}
.bv2 .cx-ns{flex:none;height:44px;padding:0 20px;border:1px solid var(--v-g600);border-radius:var(--v-rb);background:var(--v-g600);color:#fff;font-size:var(--ds-fs2);line-height:1;font-weight:600;cursor:pointer}
.bv2 .cx-ns:hover{background:var(--v-g700);border-color:var(--v-g700)}
@media(max-width:360px){.bv2 .cx-nm,.bv2 .cx-pal{margin-left:0}}
.bv2 .sx{position:relative;z-index:2;display:flex;align-items:center;min-width:0}
.bv2 .bv-shl>.sx{flex:none;height:18px;margin-right:30px}
.bv2 .bv-card.has-soc:not(.bv-pk) .bv-sh{padding-right:0}
.bv2 .sx__s{display:inline-flex;align-items:center;gap:8px;min-width:44px;min-height:44px;margin:-13px 0;padding:0;border:0;border-radius:var(--v-rb);background:none;color:var(--v-muted);font-size:var(--ds-fs1);line-height:var(--ds-lh1);font-weight:600;white-space:nowrap;cursor:pointer;flex-shrink:0}
.bv2 .sx__s:hover{color:var(--v-ink)}
.bv2 .sx__s--0{justify-content:center}
.bv2 .sx__s--0 svg{width:22px;height:22px}
.bv2 .sx__s:focus-visible{outline-offset:-3px}
.bv2 .sx__r,.bv2 .sx__c{display:inline-flex;align-items:center;gap:4px}
.bv2 .sx__s b{font-weight:600;color:var(--v-g700)}
.bv2 .sx__c{color:var(--v-g700)}
.bv2 .sx__s .ic{width:16px;height:16px}
.bv2 .sx__c svg{width:16px;height:16px}
.bv2 .bv-c .bv-vl .sx{margin-left:auto;height:22px;align-self:center}
.bv2 .bv-c .bv-vl .sx__s{margin:-11px 0;min-width:32px}
@media(max-width:340px){.bv2 .sx__r+.sx__c{display:none}
.bv2 .sx__s{min-width:32px}}
.bv2 .bv-info:focus-visible{outline-offset:-6px;border-radius:var(--v-rb)}
.bv2 #bv-info .bv-dg__hd{z-index:5;margin-inline:calc(-1*var(--pad,16px));padding:12px var(--pad,16px) 16px}
.bv2 .sh-rx{margin:0 0 8px;padding-bottom:8px;border-bottom:1px solid var(--v-hair)}
.bv2 .sh-rx .rx{height:auto;min-height:44px}
.bv2 .rx--s{gap:6px;justify-content:space-between;overflow:visible}
.bv2 .rx--s .rb{flex:0 0 auto;flex-direction:column;justify-content:center;gap:0;padding:4px 12px}
.bv2 .rx--s .rti{display:inline-flex;align-items:center;gap:4px}
.bv2 .rx--s .rb .ic{width:20px;height:20px}
.bv2 .rx--s .rl,.bv2 .rx--s .rb .n{font-size:12px;line-height:16px}
.bv2 .rx--s .rl{color:var(--v-muted)}
.bv2 .rx--s .rb[aria-pressed=true] .rl{color:var(--v-g700)}
.bv2 .rx--s .rb .n{color:var(--v-ink)}
.bv2 .rx--s .rb[aria-pressed=true] .n{color:var(--v-g700)}
.bv2 .sh-ctx{margin:0 0 4px;font-size:var(--ds-fs1);line-height:var(--ds-lh1);color:var(--v-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bv2 .rx--s .rb:first-child{align-items:flex-start}
.bv2 .rx--s .rb:last-child{align-items:flex-end}
@media(max-width:340px){.bv2 .rx--s{gap:2px}
.bv2 .rx--s .rb{padding:4px 8px}}
.bv2 .sh-soc{margin-top:16px;padding-top:4px;border-top:1px solid var(--v-hair)}
.bv2 .sh-soc .soc-list:empty{display:none}
.bv2 .sh-soc .soc-list{margin-top:8px}
.bv2 .th{margin-top:16px}
.bv2 .th-back{display:inline-flex;align-items:center;gap:4px;min-height:44px;margin:-8px 0 0 -4px;padding:0 4px;border:0;background:none;color:var(--v-g700);font-size:var(--ds-fs2);line-height:var(--ds-lh2);font-weight:600;cursor:pointer}
.bv2 .th-back svg{width:18px;height:18px}
.bv2 .th-back:hover{color:var(--v-ink)}
.bv2 .th .ol{margin:-6px 0 -6px}
.bv2 .th-t{margin-top:4px;font-size:var(--ds-fs3);line-height:var(--ds-lh3);font-weight:700;letter-spacing:-.008em;overflow-wrap:anywhere}
.bv2 .th-by{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;margin-top:12px;font-size:var(--ds-fs1);line-height:var(--ds-lh1);color:var(--v-muted)}
.bv2 .th-by .av{margin-top:0}
.bv2 .th-by b{font-weight:600;color:var(--v-ink);font-size:var(--ds-fs2);line-height:var(--ds-lh2)}
.bv2 .th-act{margin-left:-4px}
.bv2 .th-act .chip{position:static;margin:0 4px;align-self:center}
.bv2 .th-rep{margin-top:8px;padding-top:8px;border-top:1px solid var(--v-hair)}
.bv2 .th-rep:empty{display:none}
@media(min-width:768px){.bv2 .bub{max-width:640px}
.bv2 .soc-cb .cx{max-width:640px}
.bv2.ds-talk .ds-panel.soc-talk{max-width:640px;margin-right:auto}}
.bv2 .cb-slot{grid-column:1/-1;list-style:none;min-width:0}
.bv2 .cb-slot>.ds-panel{margin-top:0}
.bv2 .soc-rx *,.bv2 .soc-talk *,.bv2 #ds-thread *,.bv2 .cb-slot *,.bv2 .ds-tab *,.bv2 .sx *,.bv2 .sh-rx *,.bv2 .sh-soc *{text-decoration:none!important}

/* page without a tab row: our own row replaces the section heading and stays within the phone budget (first card at most 70px lower) */
.bv2 .soc-rx+.ds-tabbar{margin-top:8px}
/* compact rows: 44px hit area that takes only 32px of the line (the overhang sits in the card padding) */
.bv2 .bv-c .bv-vl .sx__s{min-width:44px;margin:-11px 0 -11px -12px;padding-left:12px;justify-content:flex-end}
.bv2 .bv-c .bv-vl .sx__s--0{margin:-11px -10px;padding-left:0;justify-content:center}
/* sheet close button: the theme's button padding squeezed the X to a 4px dot; keep a 20px icon in a 44px target */
.bv2 #bv-info .bv-dg__x{flex:none;flex-shrink:0;width:44px;min-width:44px;height:44px;padding:0}
.bv2 #bv-info .bv-dg__x svg{width:20px;height:20px;flex:none}
.bv2 .cx-hpin{border:0;background:transparent;padding:0;margin:0;width:1px;height:1px}