/* KLI · כלי — kit: boost (loads only where KLI Store switched it on).
   Quiet and part of the page: hairlines, the page's own type and buttons, the brand colour only where a number is real.
   Everything lives under .bst-* / .pop, so nothing reaches the rest of the store */

/* the hidden attribute wins over the display values below (a countdown at zero, a sent form, the write button after sending) */
:is(.bst-price, .bst-rv, .bst-fbt, .pop) [hidden]{ display:none !important; }

/* ---------- under the price ---------- */
.bst-price{ display:grid; justify-items:start; gap:var(--s8); margin-top:var(--s8); }
.bst-rate{ display:inline-flex; align-items:center; gap:var(--s8); min-height:44px; margin-block:-6px; font-size:14px; color:var(--muted); }
.bst-rate .stars{ font-size:15px; }
a.bst-rate > span:last-child{ border-bottom:1px solid transparent; transition:border-color var(--t-text) var(--ease), color var(--t-text) var(--ease); }
@media (hover:hover) and (pointer:fine){ a.bst-rate:hover > span:last-child{ color:var(--ink); border-color:currentColor; } }
.bst-cd{ display:inline-flex; align-items:center; gap:var(--s8); max-width:none; padding-block:6px; padding-inline:14px 12px; border-radius:var(--r-control); background:color-mix(in srgb, var(--clay) 9%, var(--bg)); color:var(--ink); font-size:14px; line-height:1.4; }
.bst-cd svg{ flex:none; width:18px; height:18px; color:var(--clay); }
.bst-cd b{ font-weight:700; font-variant-numeric:tabular-nums; }

/* ---------- bought together ---------- */
.bst-fbt{ --g:var(--s16); margin-top:var(--s32); padding-top:var(--s24); border-top:1px solid var(--line); }
.bst-fbt h2{ font-family:var(--font-body); font-size:15px; line-height:1.35; font-weight:700; margin-bottom:var(--s16); } /* an h2 after the h1, set as a small label */
.bst-fbt-row{ display:flex; align-items:flex-start; gap:var(--g); }
.bst-fbt-it{ position:relative; flex:1 1 0; min-width:0; display:grid; gap:var(--s12); cursor:pointer; -webkit-tap-highlight-color:transparent; }
.bst-fbt-img{ position:relative; display:block; aspect-ratio:1/1; }
.bst-fbt-img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:calc(var(--r-card) * .66); background:var(--photo-bg); transition:opacity var(--t-card-color) var(--ease), filter var(--t-card-color) var(--ease); }
.bst-fbt-it.is-focal .bst-fbt-img img{ box-shadow:0 0 0 1.5px var(--ink); }
/* the round "+" between photos, drawn (no text for screen readers) and sitting in the gap */
.bst-fbt-it + .bst-fbt-it .bst-fbt-img::before{ content:""; position:absolute; z-index:2; top:50%; inset-inline-start:calc(-12px - var(--g) / 2); width:24px; height:24px; margin-top:-12px; border-radius:50%; border:1px solid var(--line);
  background:linear-gradient(var(--muted), var(--muted)) center / 10px 1.5px no-repeat, linear-gradient(var(--muted), var(--muted)) center / 1.5px 10px no-repeat, var(--bg); }
/* the tick: a real checkbox, drawn round, in the photo's top corner */
.bst-fbt-img input{ position:absolute; z-index:1; top:8px; inset-inline-start:8px; width:26px; height:26px; margin:0; appearance:none; -webkit-appearance:none; border-radius:50%; border:1.5px solid color-mix(in srgb, var(--ink) 60%, transparent); background:var(--bg); cursor:pointer;
  transition:background-color var(--t-btn) var(--ease), border-color var(--t-btn) var(--ease); }
.bst-fbt-img input:checked{ background:var(--ink); border-color:var(--ink); }
.bst-fbt-img input:focus-visible{ outline:2px solid var(--ink); outline-offset:2px; }
.bst-tick{ position:absolute; z-index:1; top:8px; inset-inline-start:8px; width:26px; height:26px; display:grid; place-items:center; color:var(--buy-ink); pointer-events:none; opacity:0; transition:opacity var(--t-btn) var(--ease); }
.bst-tick svg{ width:15px; height:15px; }
.bst-fbt-img input:checked + .bst-tick{ opacity:1; }
.bst-fbt-txt{ display:grid; gap:2px; font-size:14px; line-height:1.35; }
.bst-fbt-this{ position:absolute; z-index:1; bottom:8px; inset-inline-start:8px; padding:3px 9px; border-radius:var(--r-control); background:var(--bg); color:var(--ink); font-size:12px; font-weight:700; line-height:1.3; white-space:nowrap; }
.bst-fbt-name{ font-weight:700; }
.bst-fbt-gl{ color:var(--muted); font-size:13px; }
.bst-fbt-pr{ margin-top:var(--s4); font-variant-numeric:tabular-nums; }
.bst-fbt-it.off .bst-fbt-img img{ opacity:.42; filter:saturate(.3); }
.bst-fbt-it.off .bst-fbt-txt{ color:var(--muted); }
.bst-fbt-it.off .bst-fbt-pr{ text-decoration:line-through; text-decoration-thickness:1px; }
@media (hover:hover) and (pointer:fine){ .bst-fbt-it:hover .bst-fbt-img input:not(:checked){ border-color:var(--ink); } }
.bst-fbt-foot{ display:grid; gap:var(--s16); margin-top:var(--s24); }
.bst-fbt-sum{ display:grid; gap:var(--s12); }
.bst-fbt-sum:empty{ display:none; }
.bst-fbt-total{ display:flex; justify-content:space-between; align-items:baseline; gap:var(--s12); font-size:15px; }
.bst-fbt-total b{ font-family:var(--font-head); font-weight:var(--head-weight, 700); font-size:24px; line-height:1.1; font-variant-numeric:tabular-nums; }
.bst-fbt-total s{ color:var(--muted); font-size:15px; margin-inline-end:var(--s8); }
.bst-fbt-set{ display:flex; align-items:center; gap:var(--s8); max-width:none; padding:10px 14px; border-radius:calc(var(--r-card) * .58); background:color-mix(in srgb, var(--clay) 8%, var(--bg)); color:var(--clay-deep); font-size:14px; font-weight:700; line-height:1.4; }
.bst-fbt-set svg{ flex:none; width:20px; height:20px; }
.bst-fbt-add[disabled]{ opacity:.5; cursor:not-allowed; }
.bst-fbt-add.done{ background:var(--ink); color:var(--buy-ink); border-color:var(--ink); }
.bst-fbt-add svg{ width:18px; height:18px; }
@media (min-width:768px){ .bst-fbt-it{ max-width:200px; } } /* a full-width buybox (tablet) keeps the photos at a buybox size */
@media (max-width:767px){ .bst-fbt{ --g:var(--s12); } .bst-fbt-img img{ border-radius:calc(var(--r-card) * .58); } .bst-fbt-txt{ font-size:13px; } .bst-fbt-gl{ font-size:12px; } }

/* ---------- sections below the piece: the same rhythm as the spec and the recommendations ---------- */
/* each section pads its bottom, the next starts at 0; after the photos or another booster section it pads its own top */
.bst-sec{ padding-block:0; }
.pdp + .kit-slot > .bst-sec, .kit-slot + .kit-slot > .bst-sec{ padding-top:var(--sec); }
.kit-slot:last-child > .bst-sec{ padding-bottom:var(--sec); }
.bst-txt{ min-height:44px; padding-inline:var(--s4); font-size:14px; color:var(--muted); text-decoration:underline; text-decoration-color:color-mix(in srgb, currentColor 40%, transparent); text-underline-offset:4px; transition:color var(--t-text) var(--ease); }
@media (hover:hover) and (pointer:fine){ .bst-txt:hover{ color:var(--ink); } }

/* ---------- reviews ---------- */
.bst-rv{ scroll-margin-top:calc(var(--header-h) + var(--s24)); }
.bst-rv h2:focus{ outline:none; }
.bst-rv-grid{ display:grid; grid-template-columns:minmax(0, 4fr) minmax(0, 7fr); gap:var(--s48) clamp(48px, 7vw, 120px); align-items:start; padding-top:var(--s48); border-top:1px solid var(--line); }
.bst-rv-sum{ position:sticky; top:calc(var(--header-h) + var(--s32)); display:grid; justify-items:start; }
html[data-hdr-sticky="off"] .bst-rv-sum{ top:var(--s32); } /* the header scrolls away: no empty band above the summary */
.bst-rv-score{ display:flex; align-items:center; gap:var(--s16); margin-top:var(--s28); }
.bst-rv-score > b{ font-family:var(--font-head); font-weight:var(--head-weight, 700); font-size:64px; line-height:.9; letter-spacing:-.02em; font-variant-numeric:tabular-nums; }
.bst-rv-score div{ display:grid; gap:6px; }
.bst-rv-score .stars{ font-size:20px; letter-spacing:2px; }
.bst-rv-score span:not(.stars){ font-size:14px; color:var(--muted); }
.bst-rv-bars{ list-style:none; margin:var(--s28) 0 0; padding:0; width:100%; max-width:360px; display:grid; gap:10px; }
.bst-rv-bars li{ display:grid; grid-template-columns:32px minmax(0, 1fr) 28px; align-items:center; gap:var(--s12); font-size:13px; color:var(--muted); font-variant-numeric:tabular-nums; }
.bst-bar-l i{ font-style:normal; font-size:11px; margin-inline-start:3px; color:var(--clay); }
.bst-bar{ position:relative; height:6px; border-radius:3px; background:color-mix(in srgb, var(--ink) 8%, transparent); overflow:hidden; }
.bst-bar i{ position:absolute; inset:0; border-radius:inherit; background:var(--clay); transform:scaleX(var(--w)); transform-origin:right; }
[dir="ltr"] .bst-bar i{ transform-origin:left; }
.bst-bar-n{ text-align:end; }
.bst-rv-write{ margin-top:var(--s32); }
.bst-rv-list{ list-style:none; margin:0; padding:0; }
.bst-rv-it{ padding-block:var(--s28); border-bottom:1px solid var(--line); }
.bst-rv-it:first-child{ padding-top:0; }
.bst-rv-it:focus{ outline:none; }
.bst-rv-it:focus-visible{ outline:2px solid var(--ink); outline-offset:8px; border-radius:8px; }
.bst-rv-top{ display:flex; align-items:center; justify-content:space-between; gap:var(--s16); }
.bst-rv-top .stars{ font-size:15px; }
.bst-rv-top time{ font-size:13px; color:var(--muted); }
.bst-rv-t{ margin-top:var(--s12); font-size:17px; line-height:1.65; white-space:pre-line; overflow-wrap:anywhere; }
.bst-rv-by{ display:flex; align-items:center; flex-wrap:wrap; gap:var(--s8) var(--s12); margin-top:var(--s16); font-size:14px; }
.bst-rv-by:empty{ display:none; }
.bst-av{ width:32px; height:32px; flex:none; display:grid; place-items:center; border-radius:50%; background:var(--photo-bg); font-family:var(--font-head); font-weight:var(--head-weight, 700); font-size:15px; line-height:1; }
.bst-av:empty{ display:none; }
.bst-ver{ display:inline-flex; align-items:center; gap:6px; color:var(--muted); font-size:13px; }
.bst-ver svg{ width:16px; height:16px; color:var(--ink); }
.bst-rv-re{ margin-top:var(--s16); margin-inline-start:var(--s16); padding-inline-start:var(--s16); border-inline-start:2px solid var(--line); font-size:15px; line-height:1.6; }
.bst-rv-re b{ display:block; font-size:13px; color:var(--muted); margin-bottom:2px; }
.bst-rv-re p{ white-space:pre-line; overflow-wrap:anywhere; }
.bst-rv-more{ margin-top:var(--s32); }

/* the form: a soft panel; native radios under the stars */
.bst-rv-form{ background:var(--surface); border-radius:var(--r-card); padding:var(--s32); margin-bottom:var(--s48); }
.bst-rv-form .field{ background:var(--bg); width:100%; }
.bst-rv-form textarea.field{ min-height:132px; padding:var(--s12) var(--s16); line-height:1.55; resize:vertical; }
.bst-rv-form input.field{ border-radius:14px; }
.bst-rv-form .f label, .bst-rate-in legend{ font-size:14px; font-weight:700; }
.bst-help{ font-size:13px; color:var(--muted); margin-top:-4px; }
.bst-rv-two{ display:grid; grid-template-columns:1fr 1fr; gap:0 var(--s16); }
.bst-rate-in{ border:0; padding:0; margin:0 0 var(--s20); min-width:0; }
.bst-rate-in legend{ padding:0; margin-bottom:var(--s4); }
.bst-st{ display:flex; align-items:center; gap:0; margin-inline-start:-8px; }
.bst-st label{ width:44px; height:44px; display:grid; place-items:center; font-size:30px; line-height:1; color:color-mix(in srgb, var(--ink) 55%, transparent); cursor:pointer; border-radius:50%; transition:color var(--t-btn) var(--ease), transform var(--t-press) var(--ease); }
.bst-st label:active{ transform:scale(.9); }
.bst-st input:focus-visible + label{ outline:2px solid var(--ink); outline-offset:-4px; }
.bst-st[data-v="1"] label:nth-of-type(-n+1), .bst-st[data-v="2"] label:nth-of-type(-n+2), .bst-st[data-v="3"] label:nth-of-type(-n+3), .bst-st[data-v="4"] label:nth-of-type(-n+4), .bst-st[data-v="5"] label{ color:var(--clay); }
.bst-st-hint{ margin-inline-start:var(--s12); font-size:14px; color:var(--muted); min-width:7em; }
.bst-rate-in .err{ display:block; font-size:13px; color:var(--error); }
.bst-rate-in .err:empty{ display:none; }
.bst-hp{ position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); opacity:0; pointer-events:none; } /* the trap: hidden in place (off-screen would widen an RTL page) */
.bst-rv-ferr{ max-width:none; font-size:14px; color:var(--error); }
.bst-rv-ferr:empty{ display:none; }
.bst-rv-ferr:not(:empty){ margin-bottom:var(--s16); }
.bst-rv-acts{ display:flex; align-items:center; gap:var(--s20); flex-wrap:wrap; margin-top:var(--s8); }
.bst-rv-acts .btn[aria-busy="true"]{ opacity:.7; cursor:progress; }
.bst-rv-done{ display:flex; gap:var(--s16); align-items:flex-start; background:var(--surface); border-radius:var(--r-card); padding:var(--s24) var(--s28); margin-bottom:var(--s48); font-size:16px; line-height:1.55; }
.bst-rv-done:focus{ outline:none; }
.bst-rv-done svg{ flex:none; width:28px; height:28px; padding:6px; border-radius:50%; background:var(--ink); color:var(--buy-ink); }
/* no reviews yet: one calm panel with the invitation */
.bst-rv-empty{ display:grid; grid-template-columns:minmax(0, 1fr); justify-items:center; text-align:center; gap:var(--s16); background:var(--surface); border-radius:var(--r-card); padding:var(--s56) var(--s32); }
.bst-rv-hollow{ font-size:22px; letter-spacing:4px; }
.bst-rv-lead{ font-size:17px; color:var(--muted); max-width:44ch; }
.bst-rv-empty .bst-rv-write{ margin-top:var(--s8); }
.bst-rv-empty .bst-rv-form, .bst-rv-empty .bst-rv-done{ width:100%; max-width:var(--w-form); margin:var(--s16) 0 0; text-align:start; background:var(--bg); }
.bst-rv-empty.is-writing{ padding-bottom:var(--s32); }
@media (max-width:1023px){
  .bst-rv-grid{ grid-template-columns:1fr; gap:var(--s40); }
  .bst-rv-sum{ position:static; }
}
/* tablet: the score and the spread side by side, so the summary doesn't leave half the width empty */
@media (min-width:768px) and (max-width:1023px){
  .bst-rv-sum{ grid-template-columns:minmax(0, 1fr) minmax(0, 1fr); column-gap:var(--s48); }
  .bst-rv-sum h2{ grid-column:1 / -1; }
  .bst-rv-bars{ grid-column:2; grid-row:2 / span 2; max-width:none; align-self:center; }
  .bst-rv-write{ grid-column:1; grid-row:3; }
}
@media (max-width:767px){
  .bst-rv-grid{ padding-top:var(--s40); }
  .bst-rv-score > b{ font-size:56px; }
  .bst-rv-bars{ max-width:none; }
  .bst-rv-write{ width:100%; }
  .bst-rv-t{ font-size:16px; }
  .bst-rv-form{ padding:var(--s20); border-radius:calc(var(--r-card) * .83); margin-inline:calc(-1 * var(--s4)); }
  .bst-rv-two{ grid-template-columns:1fr; }
  .bst-rv-acts .btn{ flex:1; }
  .bst-rv-empty{ padding:var(--s40) var(--s20); }
  .bst-rv-empty.is-writing{ padding-inline:var(--s12); }
  .bst-rv-empty .bst-rv-form{ padding:var(--s20) var(--s16); margin-inline:0; }
}

/* ---------- recently viewed ---------- */
.bst-seen .sec-head{ align-items:baseline; flex-wrap:nowrap; gap:var(--s16); }
.bst-seen .sec-head h2{ min-width:0; }
.bst-seen-x{ flex:none; }
.bst-seen-done{ font-size:15px; color:var(--muted); }
.bst-seen-done:focus{ outline:none; }

/* ---------- order-by date ---------- */
.facts-mini li.bst-hd::before{ display:none; }
.bst-hd{ display:flex; align-items:flex-start; gap:var(--s4); }
.bst-hd svg{ flex:none; width:14px; height:14px; margin-top:5px; color:var(--clay); } /* 14 + 4 = the dot and its gap: the text lines up with the lines under it */
.bst-hd-line{ margin-top:var(--s16); font-size:15px; gap:var(--s8); }
.bst-hd-line svg{ width:16px; height:16px; margin-top:4px; }

/* ---------- welcome offer: a centred card on desktop, a bottom sheet on phones ---------- */
.bst-pop-wrap{ position:fixed; inset:0; z-index:85; display:grid; place-items:center; padding:var(--gutter); pointer-events:none; }
.bst-pop-scrim{ position:fixed; inset:0; z-index:85; background:rgba(47,42,37,.42); opacity:0; pointer-events:auto; }
.pop{ position:relative; z-index:86; width:min(800px, 100%); max-height:calc(100svh - 2 * var(--s24)); overflow:auto; overscroll-behavior:contain; display:grid; grid-template-columns:minmax(0, 6fr) minmax(0, 5fr);
  background:var(--bg); color:var(--ink); border-radius:var(--r-card); box-shadow:0 40px 80px -24px rgba(32,24,16,.38), 0 0 0 1px rgba(32,24,16,.04); opacity:0; pointer-events:auto; }
.pop:focus{ outline:none; }
.bst-pop-wrap.open .bst-pop-scrim, .bst-pop-wrap.open .pop{ opacity:1; }
.bst-pop-img{ position:relative; order:2; background:var(--photo-bg); min-height:100%; } /* the words first in reading order, the photo after */
.bst-pop-img img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:0; }
.bst-pop-img img.in{ opacity:1; }
.bst-pop-body{ display:flex; flex-direction:column; justify-content:center; align-items:flex-start; padding:var(--s56) var(--s48) var(--s40); min-height:460px; }
.bst-pop-body h2{ font-size:clamp(25px, .95rem + 1vw, 31px); line-height:1.2; text-wrap:balance; }
.bst-pop-body h2:focus{ outline:none; }
.bst-pop-body > p{ margin-top:var(--s12); font-size:16px; line-height:1.6; color:var(--muted); }
.bst-pop-form{ width:100%; margin-top:var(--s28); display:grid; gap:var(--s12); }
.bst-pop-form .field{ width:100%; }
.bst-pop-e{ font-size:14px; color:var(--error); margin-top:-4px; }
.bst-pop-e:empty{ display:none; }
.bst-pop-form .btn[aria-busy="true"]{ opacity:.7; cursor:progress; }
.bst-pop-later{ margin-top:var(--s12); align-self:center; }
@media (min-width:768px) and (max-width:1023px){ .bst-pop-body{ padding:var(--s48) var(--s32) var(--s32); } }
.bst-pop-x{ position:absolute; z-index:2; top:var(--s12); inset-inline-end:var(--s12); width:44px; height:44px; background:var(--bg); color:var(--ink); box-shadow:0 2px 10px rgba(32,24,16,.12); }
.bst-pop-x svg{ width:20px; height:20px; }
@media (hover:hover) and (pointer:fine){ .bst-pop-x:hover{ background:var(--surface); } }
.bst-pop-ok{ width:48px; height:48px; display:grid; place-items:center; border-radius:50%; background:var(--ink); color:var(--buy-ink); margin-bottom:var(--s20); }
.bst-pop-ok svg{ width:24px; height:24px; }
.bst-pop-body > .bst-pop-code{ margin-top:var(--s12); color:var(--ink); }
.bst-pop-body .ann-code{ min-height:44px; padding:0 var(--s20); margin:0; font-family:var(--font-body); font-size:20px; letter-spacing:.08em; vertical-align:middle; }
.bst-pop-tip{ margin-top:var(--s12); font-size:14px; color:var(--muted); }
.bst-pop-applied{ display:flex; align-items:center; gap:var(--s8); margin-top:var(--s8); font-size:15px; }
.bst-pop-applied:empty{ display:none; }
.bst-pop-applied svg{ flex:none; width:18px; height:18px; color:var(--clay); }
.bst-pop-go{ margin-top:var(--s28); }
@media (max-width:767px){
  .bst-pop-wrap{ place-items:end stretch; padding:0; }
  .pop{ width:100%; max-height:92svh; grid-template-columns:1fr; border-radius:var(--r-sheet) var(--r-sheet) 0 0; box-shadow:0 -12px 40px -12px rgba(32,24,16,.3); }
  .bst-pop-img{ order:0; aspect-ratio:16/8; min-height:0; }
  .bst-pop-body{ min-height:0; padding:var(--s28) var(--gutter) calc(var(--s16) + env(safe-area-inset-bottom)); }
  .bst-pop-body h2{ max-width:none; }
  .bst-pop-later{ align-self:stretch; }
}

/* ---------- motion: fades at "subtle", movement only at "full"; nothing for reduced motion or the visitor's still switch ---------- */
@media (prefers-reduced-motion:no-preference){
  html:not(.a11y-still) .bst-pop-scrim{ transition:opacity calc(var(--t-backdrop) * var(--m, 1)) var(--ease); }
  html:not(.a11y-still) .pop{ transition:opacity calc(var(--t-panel) * var(--m, 1)) var(--ease); }
  html:not(.a11y-still) .bst-pop-img img{ transition:opacity calc(.5s * var(--m, 1)) var(--ease); }
  html:not(.a11y-still):not([data-motion]) .pop{ transform:translateY(16px) scale(.985); transition:opacity calc(var(--t-panel) * var(--m, 1)) var(--ease), transform calc(.45s * var(--m, 1)) cubic-bezier(.2,.8,.2,1); }
  html:not(.a11y-still):not([data-motion]) .bst-pop-wrap.open .pop{ transform:none; }
  html:not(.a11y-still):not([data-motion]) .bst-rv-bars.rv .bst-bar i{ transform:scaleX(0); transition:transform calc(.9s * var(--m, 1)) var(--ease); }
  html:not(.a11y-still):not([data-motion]) .bst-rv-bars.rv.in .bst-bar i{ transform:scaleX(var(--w)); }
  html:not(.a11y-still):not([data-motion]) .bst-rv-bars.rv.in li:nth-child(2) .bst-bar i{ transition-delay:calc(60ms * var(--m, 1)); }
  html:not(.a11y-still):not([data-motion]) .bst-rv-bars.rv.in li:nth-child(3) .bst-bar i{ transition-delay:calc(120ms * var(--m, 1)); }
  html:not(.a11y-still):not([data-motion]) .bst-rv-bars.rv.in li:nth-child(4) .bst-bar i{ transition-delay:calc(180ms * var(--m, 1)); }
  html:not(.a11y-still):not([data-motion]) .bst-rv-bars.rv.in li:nth-child(5) .bst-bar i{ transition-delay:calc(240ms * var(--m, 1)); }
  html:not(.a11y-still):not([data-motion]) .bst-rv-form:not([hidden]), html:not(.a11y-still):not([data-motion]) .bst-rv-done:not([hidden]){ animation:bst-in calc(.4s * var(--m, 1)) var(--ease) both; }
  @keyframes bst-in{ from{ opacity:0; transform:translateY(8px); } }
}
@media (prefers-reduced-motion:no-preference) and (max-width:767px){
  html:not(.a11y-still):not([data-motion]) .pop{ transform:translateY(100%); transition:opacity calc(var(--t-panel) * var(--m, 1)) var(--ease), transform calc(var(--t-sheet) * 1.3 * var(--m, 1)) cubic-bezier(.2,.8,.2,1); }
}