/*
  Brand Tested Offer 1.6.0 (04.10.2026, design review round 2): the VERDICT BLOCK (.bto-vb) is the first thing in a tested card: tick + heading,
  the result, a byline, and the proof thumbnail on the right; plain rows on the card's white with a hairline below. The chip, the proof
  sentence and the proof picture below the button are gone; the receipt and the disclosure stay below the button.
  1.5.0 (04.10.2026; step pictures below the step text at their 1x size, never enlarged, no frame; sale card extras at the end). 1.4.0 (04.10.2026): receipt (.bto-rc), proof picture (.bto-px), step strip (.bto-vs), lightbox (.bto-lb); see the block
  "closed-card visuals" at the end. 1.3.0 (03.10.2026, design review round 1; 1.2.0 proof panel; 1.1.0 in-card strip; 01.10.2026 first release):
  plugin glue only. Every value is a token from deal-design-system (components.css scope `.ds2` provides --ink, --muted, --hair,
  --subtle, --g50..--g900, --fs-*, --lh-*, --radius-*). Reuses .sec .h2 .btn .code .code__w from components.css.
  Figtree 400/600/700, no uppercase, no gradients, no shadows, no red: a failed step is a neutral mark, never an alarm colour.
  1.3.0: the tested card is NOT a tinted box. Its proof price sits in the row's figure slot (--fs-5, G700), the proof block has a
  hairline on the card's white, the opened log has no border or fill of its own, steps are a plain numbered list.
*/

.ds2 .bto{margin-top:var(--gap)}
.ds2 .bto>.h2{margin-bottom:var(--s2)}
.ds2 .bto-card{background:#fff;border:1px solid var(--hair);border-radius:var(--radius-panel);padding:var(--pad)}
.ds2 .bto-card+.bto-card{margin-top:12px}

/* visually hidden label (screen readers hear "Enne 299,00 €" / "Kassas 284,05 €") */
.ds2 .bto-vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* status chips of the standalone block (neutral family, tick / cross / info marks) */
.ds2 .bto-chip{position:relative;display:inline-flex;align-items:center;gap:6px;height:24px;margin:0;padding:0 12px;border:1px solid transparent;border-radius:var(--radius-chip);background:var(--subtle);color:var(--ink);font-family:var(--font);font-weight:600;font-size:var(--fs-1);line-height:var(--lh-1);white-space:nowrap;max-width:100%}
.ds2 .bto-chip svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ds2 .bto-chip[data-s=toimis]{background:var(--g100);color:var(--g900)}
.ds2 .bto-chip[data-s=toimis] svg{color:var(--g700)}
.ds2 .bto-chip[data-s=ei_toiminud]{background:var(--subtle)}
.ds2 .bto-chip[data-s=otsas]{background:#fff;border-color:var(--hair);color:var(--muted)}
.ds2 .bto-chip[data-s=info]{background:var(--page);color:var(--muted)}
.ds2 .bto-chip--l{height:32px;font-size:var(--fs-2);line-height:var(--lh-2)}
.ds2 .bto-chip--l svg{width:16px;height:16px}

.ds2 .bto-top{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}
.ds2 .bto-when{color:var(--muted);font-size:var(--fs-1);line-height:var(--lh-1)}
.ds2 .bto-vl{margin:12px 0 0;font-weight:700;font-size:var(--fs-3);line-height:var(--lh-3);max-width:56ch}
.ds2 .bto-vd{margin:4px 0 0;color:var(--muted);max-width:62ch}
.ds2 .bto-meta{margin:8px 0 0;font-size:var(--fs-1);line-height:var(--lh-1);color:var(--muted)}
.ds2 .bto-lead{margin:8px 0 0;max-width:62ch}

/* key facts */
.ds2 .bto-kv{margin:12px 0 0;padding:0}
.ds2 .bto-kv>div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;padding:8px 0;border-top:1px solid var(--hair)}
.ds2 .bto-kv dt{margin:0;color:var(--muted);font-size:var(--fs-2);line-height:var(--lh-2)}
.ds2 .bto-kv dd{margin:0;font-size:var(--fs-2);line-height:var(--lh-2);font-weight:600;min-width:0}
.ds2 .bto-kv .code{max-width:280px}

/* standalone block: expandable log */
.ds2 .bto-d{margin-top:4px}
.ds2 .bto-d>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin:0;padding:0;list-style:none;cursor:pointer;font-weight:600;color:var(--ink);border-top:1px solid var(--hair)}
.ds2 .bto-d>summary::-webkit-details-marker{display:none}
.ds2 .bto-d>summary::after{content:"";flex:none;margin:-4px 4px 0 0;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg)}
.ds2 .bto-d[open]>summary::after{transform:rotate(-135deg);margin-top:4px}
.ds2 .bto-d>summary:hover span{text-decoration:underline;text-decoration-color:var(--hair);text-underline-offset:4px}
.ds2 .bto-d .bto-s-c{display:none}
.ds2 .bto-d[open] .bto-s-o{display:none}
.ds2 .bto-d[open] .bto-s-c{display:inline}
.ds2 .bto-d>.bto-log{padding-top:4px}
.ds2 .bto-d:not([open])>.bto-log{display:none}
.ds2 .bto-h3{margin:20px 0 0;font-weight:600;font-size:var(--fs-2);line-height:var(--lh-2)}
.ds2 .bto-log>.bto-h3:first-child,.ds2 .bto-h3--first{margin-top:0}

/* steps: a plain numbered list, one line each; no tiles, no connector line, no chip per step */
.ds2 .bto-tl{margin:4px 0 0;padding:0 0 0 24px;list-style:decimal}
.ds2 .bto-tl>li::marker{color:var(--muted);font-size:var(--fs-2);font-weight:600}
.ds2 .bto-step{display:list-item;margin:0;padding:0;border-top:1px solid var(--hair)}
.ds2 .bto-step:first-child{border-top:0}
.ds2 .bto-sg{display:grid;grid-template-columns:minmax(0,1fr);align-items:start}
.ds2 .bto-sb{grid-column:1;grid-row:1;min-width:0}
.ds2 .bto-st{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px;width:100%;min-height:44px;margin:0;padding:8px 0;background:none;border:0;text-align:left;color:var(--ink);font-family:var(--font);cursor:default}
.ds2 .bto-js .bto-st{cursor:pointer}
.ds2 .bto-js .bto-st::after{content:"";flex:none;margin:0 4px 0 auto;width:7px;height:7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg)}
.ds2 .bto-js .bto-st[aria-expanded=true]::after{transform:rotate(-135deg);margin-top:6px}
.ds2 .bto-tt{flex:1 1 auto;min-width:0;font-weight:600;font-size:var(--fs-2);line-height:var(--lh-2)}
.ds2 .bto-ss{flex:none;display:inline-flex;align-items:center;gap:4px;font-weight:400;font-size:var(--fs-1);line-height:var(--lh-1);color:var(--muted)}
.ds2 .bto-ss svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ds2 .bto-saw{margin:0 0 8px;font-size:var(--fs-2);line-height:var(--lh-2);max-width:62ch}
.ds2 .bto-did{display:block;color:var(--muted)}
.ds2 .bto-shot{grid-column:1;grid-row:2;display:block;justify-self:start;max-width:100%;padding:0;margin:0 0 12px;border:0;border-radius:var(--radius-tile-s);overflow:hidden;cursor:pointer;text-decoration:none;line-height:0;outline:1px solid var(--hair);outline-offset:-1px}
.ds2 .bto-shot img{display:block;width:auto;max-width:100%;height:auto}
.ds2 .bto-shot:hover img{opacity:.92}
.ds2 .bto-js .bto-step[data-open="0"] .bto-shot{display:none}
.ds2 .bto-step,.ds2 .bto-saw{scroll-margin-top:120px}

/* end of the log: the result detail, who and when, then the close control */
.ds2 .bto-end{margin-top:12px;padding-top:12px;border-top:1px solid var(--hair)}
.ds2 .bto-end .bto-rl{margin:0;font-weight:700;font-size:var(--fs-2);line-height:var(--lh-2);color:var(--ink);max-width:62ch}
.ds2 .bto-end .bto-rd{margin:4px 0 0;font-size:var(--fs-2);line-height:var(--lh-2);color:var(--muted);max-width:62ch}
.ds2 .bto-close{display:flex;align-items:center;min-height:44px;margin:4px 0 0;padding:0;background:none;border:0;cursor:pointer;font-family:var(--font);font-weight:600;font-size:var(--fs-2);line-height:var(--lh-2);color:var(--ink);text-decoration:underline;text-decoration-color:var(--hair);text-underline-offset:4px}
.ds2 .bto-close:hover{text-decoration-color:var(--ink)}

/* earlier tests */
.ds2 .bto-stat{margin:8px 0 0;font-weight:600;max-width:62ch}
.ds2 .bto-er{margin:12px 0 0;padding:0;list-style:none}
.ds2 .bto-er li{display:grid;grid-template-columns:88px minmax(0,1fr);gap:4px 12px;padding:12px 0;margin:0;border-top:1px solid var(--hair)}
.ds2 .bto-er time{color:var(--muted);font-size:var(--fs-2);line-height:var(--lh-2)}
.ds2 .bto-er .bto-erf{margin:0;color:var(--ink);font-size:var(--fs-2);line-height:var(--lh-2)}

/* ---- in-card test ---------------------------------------------------------------------------------------------------------
   Row order in the DOM: "Parim pakkumine" chip (best card only), verdict block (.bto-vb), text, proof price (.bto-fg), code field
   (.row__a), receipt + disclosure (.bto-pf). On a phone that stacks as written; from 768px the price takes the figure column and the
   receipt block sits under the text. Rows are placed automatically (components.css pins every child to row 1 or 2). */
.ds2 .bto-chips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin:0 0 -4px}
.ds2 .bto-chips .best{margin:0}
.ds2 .bto-tag{display:inline-flex;align-items:center;gap:6px}
.ds2 .bto-tag svg{width:14px;height:14px;flex:none;fill:none;stroke:var(--g700);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ds2 .row[data-tested="1"]{scroll-margin-top:120px}

/* the facts line item: the most recent test, ink 15px/700 with a tick, a 44px target */
.ds2 .facts a.bto-fa{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:-11px 0;padding:0;color:var(--ink);font-weight:700;text-decoration:none}
.ds2 .facts a.bto-fa:hover{text-decoration:underline;text-decoration-color:var(--hair);text-underline-offset:4px}
.ds2 .facts a.bto-fa svg{width:16px;height:16px;flex:none;fill:none;stroke:var(--g700);stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}

.ds2 .row.row[data-tested="1"]>*{grid-row:auto}
.ds2 .row.row[data-tested="1"]>.best,.ds2 .row.row[data-tested="1"]>.bto-chips,.ds2 .row.row[data-tested="1"]>.bto-vb{grid-column:1/-1}
.ds2 .row.row[data-tested="1"]>.tx{grid-column:1/-1}
.ds2 .row.row[data-tested="1"]>.bto-fg{grid-column:1/-1;justify-self:start}
.ds2 .row.row[data-tested="1"]>.row__a{margin-top:0}
.ds2 .row.row[data-tested="1"]>.bto-pf{grid-column:1/-1}

/* ---- the verdict block (.bto-vb): the first thing in the card ---- */
.ds2 .bto-vb{display:flex;align-items:flex-start;justify-self:stretch;width:100%;gap:12px;min-width:0;padding:0 0 16px;border-bottom:1px solid var(--hair)}
.ds2 .row .bto-vb__t{flex:1 1 auto;min-width:0;display:block;padding:0;color:var(--ink);text-decoration:none}
.ds2 .row .bto-vb__t:hover .bto-vb__h>span{text-decoration:underline;text-decoration-color:var(--hair);text-underline-offset:4px}
.ds2 .bto-vb__h{display:flex;align-items:center;gap:8px;font-weight:700;font-size:var(--fs-3);line-height:var(--lh-3);color:var(--ink)}
.ds2 .bto-vb__h svg{width:20px;height:20px;flex:none;fill:none;stroke:var(--g700);stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round}
.ds2 .bto-vb__r{display:block;margin-top:4px;font-weight:600;font-size:var(--fs-2);line-height:var(--lh-2);color:var(--ink);text-wrap:pretty}
.ds2 .bto-vb__b{display:block;margin-top:4px;font-weight:400;font-size:var(--fs-1);line-height:var(--lh-1);color:var(--muted)}
.ds2 .row .bto-vb a.bto-vb__i{flex:none;width:88px;margin-left:auto;text-decoration:none}
.ds2 .bto-vb__i img{display:block;width:100%;height:auto;max-height:120px;object-fit:cover;object-position:50% 0}
.ds2 .bto-vb__i--c img{aspect-ratio:11/7;object-position:50% 100%}

/* the proof price: the after price at figure size, the before price struck below it, what the code saved in ink */
.ds2 .bto-fg{display:flex;flex-direction:column;align-items:flex-start;min-width:0;font-variant-numeric:lining-nums tabular-nums}
.ds2 .bto-fg__a{font-weight:700;font-size:var(--fs-5);line-height:var(--lh-5);letter-spacing:-.01em;color:var(--g700);white-space:nowrap}
.ds2 .bto-fg__b{font-size:var(--fs-2);line-height:var(--lh-2);color:var(--muted);text-decoration:line-through;white-space:nowrap}
.ds2 .bto-fg__g{font-weight:700;font-size:var(--fs-3);line-height:var(--lh-3);color:var(--ink)}
.ds2 .bto-fg__v{font-size:var(--fs-2);line-height:var(--lh-2);font-weight:600;color:var(--ink)}

/* the proof block: hairline on the card's white, no box */
.ds2 .bto-pf{display:block;margin:0;padding:0;border-top:1px solid var(--hair);min-width:0}

/* the disclosure: a plain text control with a chevron, 44px tall, not a second button next to the code field */
.ds2 .bto-icd{min-width:0;margin-top:4px}
.ds2 .bto-icd>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;margin:0;padding:0;list-style:none;cursor:pointer;font-weight:600;font-size:var(--fs-2);line-height:var(--lh-2);color:var(--ink)}
.ds2 .bto-icd>summary::-webkit-details-marker{display:none}
.ds2 .bto-icd>summary::after{content:"";flex:none;margin:-4px 4px 0 0;width:8px;height:8px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg)}
.ds2 .bto-icd>summary{scroll-margin-top:120px}
.ds2 .bto-icd[open]>summary::after{transform:rotate(-135deg);margin-top:4px}
.ds2 .bto-icd>summary:hover .bto-s-o,.ds2 .bto-icd>summary:hover .bto-s-c{text-decoration:underline;text-decoration-color:var(--hair);text-underline-offset:4px}
.ds2 .bto-icd .bto-s-c{display:none}
.ds2 .bto-icd[open] .bto-s-o{display:none}
.ds2 .bto-icd[open] .bto-s-c{display:inline}
.ds2 .bto-icd:not([open])>.bto-log{display:none}
.ds2 .bto-icd>.bto-log{margin-top:4px;padding:12px 0 0;border-top:1px solid var(--hair)}

/* components.css resets margins of p / h3 / ol / figure and the list style inside .row and .rows (specificity 0,2,1): inside the
   test the same rules are restated one class higher so the log keeps its own spacing and numbers */
.ds2 .bto-log .bto-lead{margin:8px 0 0}
.ds2 .bto-log .bto-h3{margin:20px 0 0}
.ds2 .bto-log>.bto-h3:first-child{margin-top:0}
.ds2 .bto-log .bto-kv{margin:12px 0 0;padding:0}
.ds2 .bto-log .bto-tl{margin:4px 0 0;padding:0 0 0 24px;list-style:decimal}
.ds2 .bto-log .bto-saw{margin:0 0 8px}
.ds2 .bto-log .bto-end .bto-rl{margin:0}
.ds2 .bto-log .bto-end .bto-rd{margin:4px 0 0}
.ds2 .bto-log .bto-stat{margin:8px 0 0}
.ds2 .bto-ic a.bto-vz,.ds2 .bto-ic a.bto-shot{text-decoration:none}

/* ---- closed-card visuals, 1.4.0 -------------------------------------------------------------------------------------------
   A crisp HTML receipt of the decisive checkout rows, ONE small picture of the shop's own checkout, and a strip of up to 3 step
   pictures. Pictures are shown at or below their natural size (the publisher ships 1x/2x copies), never stretched. */
.ds2 .bto-pf .bto-rp{display:block;margin:16px 0 12px;min-width:0}

.ds2 .bto-rc{box-sizing:border-box;width:100%;max-width:360px;min-width:0;padding:12px 16px;background:#fff;border:1px solid var(--hair);border-radius:var(--radius-tile-s)}
.ds2 .bto-rc .bto-rc__h{margin:0 0 4px;font-size:var(--fs-1);line-height:var(--lh-1);color:var(--muted)}
.ds2 .bto-rc .bto-rc__l{margin:0;padding:0}
.ds2 .bto-rc__r{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0;padding:8px 0;border-top:1px solid var(--hair);font-size:var(--fs-2);line-height:var(--lh-2);font-variant-numeric:lining-nums tabular-nums}
.ds2 .bto-rc .bto-rc__r dt{margin:0;min-width:0;color:var(--muted);font-weight:400}
.ds2 .bto-rc .bto-rc__r dd{margin:0;flex:none;color:var(--ink);font-weight:600;text-align:right;white-space:nowrap}
.ds2 .bto-rc .bto-rc__r:last-child{padding-bottom:0}
.ds2 .bto-rc .bto-rc__r--discount dt{color:var(--ink)}
.ds2 .bto-rc .bto-rc__r--total dt{color:var(--ink);font-weight:600}
.ds2 .bto-rc .bto-rc__r--total dd{font-weight:700}

/* the picture link: a plain hairline frame, the image is never wider than its own pixels allow */
.ds2 .bto-vz{display:block;position:relative;box-sizing:border-box;max-width:100%;line-height:0;text-decoration:none;border:1px solid var(--hair);border-radius:var(--radius-tile-s);overflow:hidden;background:var(--subtle);cursor:zoom-in}
.ds2 .bto-vz:hover{border-color:var(--ink)}
.ds2 .bto-vz img{display:block;width:100%;height:auto}

/* strip: three small pictures, one caption each */
.ds2 .bto-pf .bto-vs__h{margin:16px 0 0;font-size:var(--fs-1);line-height:var(--lh-1);color:var(--muted)}
.ds2 .bto-pf .bto-vs{list-style:none;margin:8px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,160px));gap:8px;justify-content:start}
.ds2 .bto-vs li{margin:0;padding:0;min-width:0}
.ds2 .bto-vs .bto-vz{aspect-ratio:4/3}
.ds2 .bto-vs .bto-vz img{height:100%;object-fit:cover}
.ds2 .bto-vs .bto-vs__c{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:6px 0 0;font-size:var(--fs-1);line-height:var(--lh-1);color:var(--muted)}

@media(min-width:520px){
.ds2 .bto-pf .bto-vs{gap:12px}
}
@media(min-width:768px){
.ds2 .bto-rp .bto-rc{width:100%;max-width:340px}
.ds2 .row .bto-vb a.bto-vb__i{width:120px}
}

/* lightbox: one native dialog for the page (built by bto-script.js) */
.ds2 .bto-lb{box-sizing:border-box;width:calc(100% - 32px);max-width:1120px;max-height:calc(100vh - 32px);padding:0;border:0;background:transparent;color:var(--ink);font-family:var(--font);overflow:visible}
.ds2 .bto-lb::backdrop{background:rgba(22,32,27,.6)}
.ds2 .bto-lb__p{box-sizing:border-box;max-height:calc(100vh - 32px);overflow:auto;padding:var(--pad);background:#fff;border-radius:var(--radius-panel)}
.ds2 .bto-lb__t{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ds2 .bto-lb .bto-lb__c{margin:0;min-width:0;font-weight:600;font-size:var(--fs-2);line-height:var(--lh-2)}
.ds2 .bto-lb .bto-lb__n{margin:0;flex:none;font-size:var(--fs-1);line-height:var(--lh-1);color:var(--muted)}
.ds2 .bto-lb__f{margin:12px 0 0;text-align:center}
.ds2 .bto-lb__f img{display:inline-block;max-width:100%;max-height:calc(100vh - 220px);width:auto;height:auto;border:1px solid var(--hair);border-radius:var(--radius-tile-s)}
.ds2 .bto-lb__bar{display:flex;justify-content:space-between;gap:12px;margin-top:12px}
.ds2 .bto-lb__b{min-height:44px;min-width:44px;padding:0 16px;background:#fff;border:1px solid var(--hair);border-radius:var(--radius-btn);cursor:pointer;font-family:var(--font);font-weight:600;font-size:var(--fs-2);line-height:var(--lh-2);color:var(--ink)}
.ds2 .bto-lb__b:hover{border-color:var(--ink)}
.ds2 .bto-lb__b[hidden]{display:none}
.ds2 .bto-lb :focus-visible{outline:2px solid var(--g700);outline-offset:2px}

/* focus */
.ds2 .bto a:focus-visible,.ds2 .bto button:focus-visible,.ds2 .bto summary:focus-visible,.ds2 .bto-ic a:focus-visible,.ds2 .bto-ic button:focus-visible,.ds2 .bto-ic summary:focus-visible,.ds2 .bto-vb a:focus-visible,.ds2 .facts a.bto-fa:focus-visible{outline:2px solid var(--g700);outline-offset:2px}

/* phones: the struck price and what the code saved share one line under the proof price (keeps the code field inside the first screen) */
@media(max-width:767px){
.ds2 .bto-fg{flex-direction:row;flex-wrap:wrap;align-items:baseline;column-gap:12px}
.ds2 .bto-fg__a{flex:1 1 100%}
}

/* phones: a step picture drops below the step text, full width */
@media(max-width:479px){
.ds2 .bto-kv>div{grid-template-columns:1fr;gap:0}
.ds2 .bto-er li{grid-template-columns:1fr}
}

/* tablet and desktop: best chip and the verdict block span the card; then proof price | text | code field; then the receipt block under the text */
@media(min-width:768px){
.ds2 .row.row[data-tested="1"]{grid-template-columns:176px minmax(0,1fr) 232px;grid-auto-flow:row dense;align-items:start}
.ds2 .row.row[data-tested="1"]>.bto-fg{grid-column:1;justify-self:start}
.ds2 .row.row[data-tested="1"]>.tx{grid-column:2}
.ds2 .row.row[data-tested="1"]>.row__a{grid-column:3;align-self:start}
.ds2 .row.row[data-tested="1"]>.bto-pf{grid-column:2/-1}
}

/* sale tests (1.5.0): an own card without a code field, or without a figure */
@media(min-width:768px){
.ds2 .row.row[data-tested="1"].bto-noact>.tx{grid-column:2/-1}
.ds2 .row.row[data-tested="1"].bto-nofg{grid-template-columns:minmax(0,1fr) 232px}
.ds2 .row.row[data-tested="1"].bto-nofg>.tx{grid-column:1}
.ds2 .row.row[data-tested="1"].bto-nofg>.row__a{grid-column:2}
.ds2 .row.row[data-tested="1"].bto-nofg.bto-noact>.tx{grid-column:1/-1}
}

/* the best offer card already carries the solid action and the "Parim pakkumine" chip: its proof price stays in ink so the first screen keeps one accent (design check e) */
.ds2 .row--top .bto-fg__a{color:var(--ink)}

/* BOF 2.17.1: a brand with no active offer shows its test card above the "no active offers" line */
.ds2 .bof-active-container+.bof-no-active{margin-top:16px}

/* ---- 1.6.2 (04.10.2026, owner): proof thumbnail in a thin printed-photo frame; the disclosure reads as a normal link ---- */
/* frame: 3px white mat inside a 1px hairline, the chip radius; no shadow, no tint */
.ds2 .row .bto-vb a.bto-vb__i{padding:3px;background:#FFFFFF;border:1px solid var(--hair);border-radius:var(--radius-tile-s);overflow:visible}
.ds2 .row .bto-vb a.bto-vb__i img{border-radius:calc(var(--radius-tile-s) - 3px)}
.ds2 .row .bto-vb a.bto-vb__i:hover{border-color:var(--muted)}
/* disclosure: link colour + quiet underline, chevron in the same colour */
.ds2 .bto-icd>summary{color:var(--g700)}
.ds2 .bto-icd>summary .bto-s-o,.ds2 .bto-icd>summary .bto-s-c{text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:currentColor;text-underline-offset:4px}
.ds2 .bto-icd>summary::after{border-color:var(--g700)}
.ds2 .bto-icd>summary:hover .bto-s-o,.ds2 .bto-icd>summary:hover .bto-s-c{text-decoration-thickness:2px}