/* MeisterKlug Thekenblick: kleines animiertes Handy (tbh-) und Teaser-Band auf Start- und Branchenseiten (tbt-).
   Wird auf der Startseite aus dem Teaser-Partial geladen und auf /thekenblick im Kopf.
   Läuft ohne JavaScript: Die Schilder sitzen über die Positionsklassen tb-x-NN / tb-y-NN (ganz unten), die Kamera
   schwenkt per CSS über die Theke. Farben nur aus dem Siegel (Tokens aus site.css), Bewegung nur ohne reduzierte Bewegung. */

/* ---------- Kleines Handy ---------- */
.tbh{--tbh-b:290px;--tbh-pan:-65%;position:relative;z-index:1;width:var(--tbh-b);max-width:100%;margin-inline:auto}
.tbh-gross{--tbh-b:320px}
.tbh-karte{--tbh-pan:-68.9%}
.tbh-geraet{position:relative;aspect-ratio:9/18.6;padding:calc(var(--tbh-b)*.035);border-radius:calc(var(--tbh-b)*.15);
  background:linear-gradient(150deg,#1F5A3A 0%,#0B2519 42%,#06150E 100%);
  box-shadow:0 0 0 2px rgba(246,175,47,.6),0 0 0 7px rgba(11,37,25,.35),0 46px 80px -34px rgba(11,37,25,.85),inset 0 0 0 1px rgba(249,239,220,.14)}
.tbh-geraet::before{content:"";position:absolute;right:-3px;top:22%;width:3px;height:12%;border-radius:0 3px 3px 0;background:#C27F0A}
.tbh-schirm{position:relative;height:100%;overflow:hidden;border-radius:calc(var(--tbh-b)*.12);background:#06150E;isolation:isolate;font-family:var(--f-body)}
.tbh-kamera{position:absolute;inset:0;overflow:hidden}
.tbh-buehne{position:absolute;left:0;top:0;height:100%;aspect-ratio:4/3;animation:tbh-pan 18s ease-in-out 1.2s infinite alternate both}
.tbh-karte .tbh-buehne{aspect-ratio:3/2}
.tbh-buehne img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
@keyframes tbh-pan{0%,6%{transform:translateX(0)}94%,100%{transform:translateX(var(--tbh-pan))}}

/* Schilder */
.tbh-schild{--d:1s;position:absolute;left:var(--x);top:var(--y);z-index:1;display:flex;flex-direction:column;align-items:center;
  padding:.3em .65em .35em;border-radius:.7em;border:1.5px solid #F6AF2F;background:rgba(249,239,220,.95);color:#0B2519;
  font-size:calc(var(--tbh-b)*.037);line-height:1.15;white-space:nowrap;transform:translate(-50%,calc(-100% - 9px));transform-origin:50% 100%;
  box-shadow:0 6px 14px -4px rgba(6,21,14,.6);animation:tbh-pop .65s cubic-bezier(.3,1.7,.5,1) var(--d) both}
.tbh-schild b{max-width:9.5em;overflow:hidden;text-overflow:ellipsis;font-weight:700}
.tbh-schild i{font-style:normal;font-family:var(--f-mono);font-weight:500;color:#9A6510}
.tbh-schild::after{content:"";position:absolute;left:50%;top:100%;width:9px;height:9px;margin:5px 0 0 -4.5px;border-radius:50%;background:#F6AF2F;box-shadow:0 0 0 3px rgba(246,175,47,.35);animation:tbh-puls 2.4s ease-in-out calc(var(--d) + .7s) infinite}
.tbh-schild.ist-unten{transform:translate(-50%,9px);transform-origin:50% 0}
.tbh-schild.ist-unten::after{top:auto;bottom:100%;margin:0 0 5px -4.5px}
.tbh-schild.ist-aus{border-color:rgba(249,239,220,.6);background:rgba(249,239,220,.7);filter:grayscale(1)}
.tbh-schild.ist-aus i{color:#5B1A62}
.tbh-d1{--d:1.4s}.tbh-d2{--d:2.2s}.tbh-d3{--d:3.6s}.tbh-d4{--d:5.2s}.tbh-d5{--d:7s}.tbh-d6{--d:8.8s}.tbh-d7{--d:10.4s}
@keyframes tbh-pop{from{scale:.2;opacity:0}to{scale:1;opacity:1}}
@keyframes tbh-puls{0%,100%{box-shadow:0 0 0 3px rgba(246,175,47,.35)}50%{box-shadow:0 0 0 8px rgba(246,175,47,0)}}

/* Kamera-Anmutung: Lichtkante, Sucher-Ecken, Fokus */
.tbh-scan{position:absolute;left:0;right:0;top:-12%;z-index:2;height:12%;pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(246,175,47,.18) 60%,rgba(249,239,220,.95) 96%,transparent);
  box-shadow:0 10px 24px -6px rgba(246,175,47,.7);animation:tbh-scan 9s ease-in-out .3s infinite both}
@keyframes tbh-scan{0%{top:-12%;opacity:1}16%{top:100%;opacity:1}17%,100%{top:100%;opacity:0}}
.tbh-ecken{position:absolute;inset:26% 9% 25%;z-index:2;pointer-events:none;
  background:
    linear-gradient(#F9EFDC,#F9EFDC) 0 0/22px 2.5px no-repeat,linear-gradient(#F9EFDC,#F9EFDC) 0 0/2.5px 22px no-repeat,
    linear-gradient(#F9EFDC,#F9EFDC) 100% 0/22px 2.5px no-repeat,linear-gradient(#F9EFDC,#F9EFDC) 100% 0/2.5px 22px no-repeat,
    linear-gradient(#F9EFDC,#F9EFDC) 0 100%/22px 2.5px no-repeat,linear-gradient(#F9EFDC,#F9EFDC) 0 100%/2.5px 22px no-repeat,
    linear-gradient(#F9EFDC,#F9EFDC) 100% 100%/22px 2.5px no-repeat,linear-gradient(#F9EFDC,#F9EFDC) 100% 100%/2.5px 22px no-repeat;
  opacity:.75}
.tbh-fokus{position:absolute;left:50%;top:52%;z-index:2;width:46px;height:46px;margin:-23px 0 0 -23px;border:2px solid #F6AF2F;border-radius:6px;opacity:0;animation:tbh-fokus 6s ease-out 2s infinite}
@keyframes tbh-fokus{0%{opacity:0;transform:scale(1.6)}6%{opacity:1;transform:scale(1)}10%{opacity:1;transform:scale(1.08)}14%{opacity:1;transform:scale(1)}24%,100%{opacity:0;transform:scale(1)}}

/* Kopf mit Uhr, Betrieb, Live, Filtern */
.tbh-kopf{position:absolute;left:0;right:0;top:0;z-index:3;display:flex;flex-direction:column;gap:6px;padding:calc(var(--tbh-b)*.03) calc(var(--tbh-b)*.05) 22px;
  background:linear-gradient(180deg,rgba(6,21,14,.92),rgba(6,21,14,.66) 70%,transparent);color:#F9EFDC;font-size:calc(var(--tbh-b)*.038)}
.tbh-status{display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:.85em}
.tbh-akku{width:1.9em;height:.9em;border-radius:3px;border:1.5px solid #F9EFDC;background:linear-gradient(90deg,#F9EFDC 70%,transparent 70%) 2px 50%/calc(100% - 4px) calc(100% - 4px) no-repeat}
.tbh-titel{display:flex;align-items:center;justify-content:space-between;gap:6px}
.tbh-titel b{font-family:var(--f-display);font-size:1.25em;line-height:1.1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.tbh-live{flex:none;display:inline-flex;align-items:center;gap:4px;padding:1px 8px;border-radius:999px;background:#B0090D;color:#fff;font-weight:700;font-size:.78em;letter-spacing:.06em;text-transform:uppercase}
.tbh-live::before{content:"";width:6px;height:6px;border-radius:50%;background:#fff;animation:tbh-blinken 1.2s steps(2) infinite}
@keyframes tbh-blinken{50%{opacity:.2}}
.tbh-filter{display:flex;gap:4px;overflow:hidden}
.tbh-filter span{flex:none;padding:2px 8px;border-radius:999px;border:1px solid rgba(249,239,220,.4);font-size:.8em;font-weight:600;white-space:nowrap}
.tbh-filter span:first-child{background:#F6AF2F;border-color:#F6AF2F;color:#0B2519}

/* Karte von unten: Produktname wechselt durch die fünf Sprachen */
.tbh-blatt{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;flex-direction:column;gap:5px;padding:8px calc(var(--tbh-b)*.055) calc(var(--tbh-b)*.06);
  border-radius:18px 18px 0 0;background:#F9EFDC;color:#0B2519;box-shadow:0 -10px 24px -10px rgba(6,21,14,.7);font-size:calc(var(--tbh-b)*.04);
  animation:tbh-blatt 1s cubic-bezier(.2,.8,.2,1) 3.4s both}
@keyframes tbh-blatt{from{transform:translateY(105%)}}
.tbh-griff{align-self:center;width:34px;height:4px;border-radius:4px;background:rgba(11,37,25,.25)}
.tbh-sprachen{position:relative;display:block;height:1.5em}
.tbh-sprache{position:absolute;inset:0;display:flex;align-items:center;gap:6px;opacity:0;animation:tbh-sprache 15s ease-in-out infinite}
.tbh-sprache b{font-family:var(--f-display);font-size:1.18em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tbh-sprache i{flex:none;padding:0 5px;border-radius:4px;background:#5B1A62;color:#F9EFDC;font-style:normal;font-family:var(--f-mono);font-size:.68em;line-height:1.5}
.tbh-s1{animation-delay:3.6s}.tbh-s2{animation-delay:6.6s}.tbh-s3{animation-delay:9.6s}.tbh-s4{animation-delay:12.6s}.tbh-s5{animation-delay:15.6s}
@keyframes tbh-sprache{0%{opacity:0;transform:translateY(6px)}3%,18%{opacity:1;transform:none}21%,100%{opacity:0;transform:translateY(-6px)}}
.tbh-blatt-zeile{display:flex;justify-content:space-between;gap:8px;font-size:.86em}
.tbh-preis{font-family:var(--f-mono);font-weight:500;color:#9A6510;white-space:nowrap}
.tbh-rest{font-weight:700;color:#1F5A3A;white-space:nowrap}
.tbh-knopf{display:block;margin-top:2px;padding:.55em .8em;border-radius:999px;background:#F6AF2F;color:#0B2519;font-weight:700;font-size:.86em;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* ---------- Teaser-Band auf Start- und Branchenseiten ---------- */
.tbt{position:relative;z-index:2;overflow:hidden;overflow-x:clip;overflow-y:visible;padding-block:92px 100px;color:var(--logo-creme);
  --fg:var(--logo-creme);--muted:#CFC6AE;--brass:var(--logo-gold);--line:#24442F;--folie:var(--folie-hell);
  background:
    url(../img/grafik/muster.svg) 0 0/180px,
    radial-gradient(45% 60% at 82% 42%,rgba(246,175,47,.26),transparent 70%),
    radial-gradient(42% 70% at 0% 100%,rgba(91,26,98,.6),transparent 70%),
    radial-gradient(30% 40% at 30% 0%,rgba(176,9,13,.18),transparent 70%),
    var(--logo-gruen)}
.tbt::after{content:"";position:absolute;left:0;right:0;bottom:-13px;z-index:3;height:14px;pointer-events:none;background:url(../img/grafik/zacken-gruen.svg) 0 0/24px 14px repeat-x;transform:scaleY(-1)}
.tbt .funkeln{overflow:hidden}
.tbt-siegel{position:absolute;left:-120px;bottom:24px;width:380px;opacity:.07;pointer-events:none;transform:rotate(-12deg)}
.tbt-siegel img{display:block;width:100%;height:auto}
.tbt-raster{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:56px;align-items:center}
.tbt-text{display:flex;flex-direction:column;gap:20px;min-width:0}
.tbt-neu{display:inline-flex;align-items:center;gap:12px;align-self:flex-start;font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--logo-gold)}
.tbt-neu-band{position:relative;isolation:isolate;padding:4px 18px 5px;color:var(--logo-gold);font-family:var(--f-script);font-size:22px;font-weight:400;letter-spacing:0;text-transform:none;line-height:1.1}
.tbt-neu-band::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:3px;background:linear-gradient(var(--logo-gold),var(--logo-gold)) 0 3px/100% 1.5px no-repeat,linear-gradient(var(--logo-gold),var(--logo-gold)) 0 calc(100% - 3px)/100% 1.5px no-repeat,linear-gradient(180deg,#5B1A62,#3A0A3F);clip-path:polygon(0 0,100% 0,calc(100% - 8px) 50%,100% 100%,0 100%,8px 50%)}
.tbt h2{color:var(--logo-creme);font-size:clamp(34px,4.6vw,56px)}
.tbt-lead{font-size:18.5px;line-height:1.55;color:#E7DDC6;max-width:56ch}
.tbt-schritte{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.tbt-schritte li{display:flex;align-items:center;gap:10px;padding:6px 16px 6px 6px;border-radius:999px;background:rgba(249,239,220,.07);border:1px solid rgba(246,175,47,.3)}
.tbt-schritte b{font-size:15.5px;font-weight:700}
.tbt-nr{display:grid;place-items:center;width:32px;aspect-ratio:1;border-radius:50%;font-family:var(--f-display);font-weight:700;font-size:17px;color:var(--logo-gruen);background:radial-gradient(circle at 35% 30%,#F9EFDC,#F6AF2F 55%,#C27F0A)}
.tbt-merkmale{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tbt-merkmale li{display:inline-flex;align-items:center;gap:7px;padding:5px 12px;border-radius:999px;background:rgba(249,239,220,.1);font-size:14.5px;font-weight:600}
.tbt-merkmale li::before{content:"";width:11px;height:11px;background:var(--logo-gold);-webkit-mask:url(../img/grafik/funkel.svg) center/contain no-repeat;mask:url(../img/grafik/funkel.svg) center/contain no-repeat}
.tbt-ctas{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px}
.tbt-ctas .btn{position:relative;overflow:hidden;min-height:54px;padding:0 26px;font-size:17px;font-weight:700}
.tbt-paket{font-size:14.5px;color:#CFC6AE}
.tbt-buehne{position:relative;display:grid;place-items:center;min-width:0;padding-block:10px}
.tbt-strahlen{left:50%;top:50%;width:min(150%,700px);translate:-50% -50%;opacity:.55}
.tbt-plakette{position:absolute;z-index:2;display:grid;place-items:center;align-content:center;width:96px;aspect-ratio:1;isolation:isolate;color:var(--logo-gruen);font-weight:700;font-size:12px;line-height:1.05;text-align:center;animation:wippen 3.4s ease-in-out infinite alternate}
.tbt-plakette::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--gold-rand);-webkit-mask:url(../img/grafik/plakette.svg) center/contain no-repeat;mask:url(../img/grafik/plakette.svg) center/contain no-repeat;filter:drop-shadow(0 8px 14px rgba(0,0,0,.45))}
.tbt-plakette b{display:block;font-family:var(--f-display);font-size:32px;line-height:1}
.tbt-p1{left:2%;top:12%;rotate:-10deg}
.tbt-p2{right:2%;bottom:16%;rotate:8deg;animation-delay:-1.6s}
.tbt-zettel{position:absolute;z-index:2;padding:7px 14px;border-radius:12px;background:var(--logo-creme);color:var(--logo-gruen);font-weight:700;font-size:14px;white-space:nowrap;box-shadow:0 14px 26px -12px rgba(0,0,0,.6);border:2px solid var(--logo-gold);animation:wippen 3s ease-in-out infinite alternate}
.tbt-z1{right:0;top:20%;rotate:4deg;animation-delay:-.8s}
.tbt-z2{left:0;bottom:24%;rotate:-5deg;font-size:16px;animation-delay:-2.2s}
@media (max-width:980px){
  .tbt-raster{grid-template-columns:minmax(0,1fr);gap:40px}
  .tbt-buehne{order:2}
}
@media (max-width:560px){
  .tbt{padding-block:64px 76px}
  .tbh-teaser{--tbh-b:250px}
  .tbt-plakette{width:76px;font-size:10px}
  .tbt-plakette b{font-size:25px}
  .tbt-p1{left:-4px;top:4%}
  .tbt-p2{right:-4px;bottom:26%}
  .tbt-zettel{font-size:12.5px;padding:6px 10px}
  .tbt-z1{right:-4px;top:30%}
  .tbt-z2{left:-4px;bottom:30%;font-size:14px}
  .tbt-lead{font-size:17px}
  .tbt-merkmale{display:none}
  .tbt-schritte li{padding-right:12px}
}
@media (prefers-reduced-motion: reduce){
  .tbh-buehne{animation:none;transform:translateX(calc(var(--tbh-pan) / 2))}
  .tbh-schild,.tbh-blatt{animation:none}
  .tbh-scan,.tbh-fokus{display:none}
  .tbh-sprache{animation:none}
  .tbh-s1{opacity:1}
}

/* ---------- Positionsklassen (Prozent), für Schilder ohne Inline-Styles ---------- */
.tb-x-0{--x:0%}.tb-x-1{--x:1%}.tb-x-2{--x:2%}.tb-x-3{--x:3%}.tb-x-4{--x:4%}.tb-x-5{--x:5%}.tb-x-6{--x:6%}.tb-x-7{--x:7%}.tb-x-8{--x:8%}.tb-x-9{--x:9%}.tb-x-10{--x:10%}.tb-x-11{--x:11%}.tb-x-12{--x:12%}.tb-x-13{--x:13%}.tb-x-14{--x:14%}.tb-x-15{--x:15%}.tb-x-16{--x:16%}.tb-x-17{--x:17%}.tb-x-18{--x:18%}.tb-x-19{--x:19%}.tb-x-20{--x:20%}.tb-x-21{--x:21%}.tb-x-22{--x:22%}.tb-x-23{--x:23%}.tb-x-24{--x:24%}.tb-x-25{--x:25%}.tb-x-26{--x:26%}.tb-x-27{--x:27%}.tb-x-28{--x:28%}.tb-x-29{--x:29%}.tb-x-30{--x:30%}.tb-x-31{--x:31%}.tb-x-32{--x:32%}.tb-x-33{--x:33%}.tb-x-34{--x:34%}.tb-x-35{--x:35%}.tb-x-36{--x:36%}.tb-x-37{--x:37%}.tb-x-38{--x:38%}.tb-x-39{--x:39%}.tb-x-40{--x:40%}.tb-x-41{--x:41%}.tb-x-42{--x:42%}.tb-x-43{--x:43%}.tb-x-44{--x:44%}.tb-x-45{--x:45%}.tb-x-46{--x:46%}.tb-x-47{--x:47%}.tb-x-48{--x:48%}.tb-x-49{--x:49%}.tb-x-50{--x:50%}.tb-x-51{--x:51%}.tb-x-52{--x:52%}.tb-x-53{--x:53%}.tb-x-54{--x:54%}.tb-x-55{--x:55%}.tb-x-56{--x:56%}.tb-x-57{--x:57%}.tb-x-58{--x:58%}.tb-x-59{--x:59%}.tb-x-60{--x:60%}.tb-x-61{--x:61%}.tb-x-62{--x:62%}.tb-x-63{--x:63%}.tb-x-64{--x:64%}.tb-x-65{--x:65%}.tb-x-66{--x:66%}.tb-x-67{--x:67%}.tb-x-68{--x:68%}.tb-x-69{--x:69%}.tb-x-70{--x:70%}.tb-x-71{--x:71%}.tb-x-72{--x:72%}.tb-x-73{--x:73%}.tb-x-74{--x:74%}.tb-x-75{--x:75%}.tb-x-76{--x:76%}.tb-x-77{--x:77%}.tb-x-78{--x:78%}.tb-x-79{--x:79%}.tb-x-80{--x:80%}.tb-x-81{--x:81%}.tb-x-82{--x:82%}.tb-x-83{--x:83%}.tb-x-84{--x:84%}.tb-x-85{--x:85%}.tb-x-86{--x:86%}.tb-x-87{--x:87%}.tb-x-88{--x:88%}.tb-x-89{--x:89%}.tb-x-90{--x:90%}.tb-x-91{--x:91%}.tb-x-92{--x:92%}.tb-x-93{--x:93%}.tb-x-94{--x:94%}.tb-x-95{--x:95%}.tb-x-96{--x:96%}.tb-x-97{--x:97%}.tb-x-98{--x:98%}.tb-x-99{--x:99%}.tb-x-100{--x:100%}
.tb-y-0{--y:0%}.tb-y-1{--y:1%}.tb-y-2{--y:2%}.tb-y-3{--y:3%}.tb-y-4{--y:4%}.tb-y-5{--y:5%}.tb-y-6{--y:6%}.tb-y-7{--y:7%}.tb-y-8{--y:8%}.tb-y-9{--y:9%}.tb-y-10{--y:10%}.tb-y-11{--y:11%}.tb-y-12{--y:12%}.tb-y-13{--y:13%}.tb-y-14{--y:14%}.tb-y-15{--y:15%}.tb-y-16{--y:16%}.tb-y-17{--y:17%}.tb-y-18{--y:18%}.tb-y-19{--y:19%}.tb-y-20{--y:20%}.tb-y-21{--y:21%}.tb-y-22{--y:22%}.tb-y-23{--y:23%}.tb-y-24{--y:24%}.tb-y-25{--y:25%}.tb-y-26{--y:26%}.tb-y-27{--y:27%}.tb-y-28{--y:28%}.tb-y-29{--y:29%}.tb-y-30{--y:30%}.tb-y-31{--y:31%}.tb-y-32{--y:32%}.tb-y-33{--y:33%}.tb-y-34{--y:34%}.tb-y-35{--y:35%}.tb-y-36{--y:36%}.tb-y-37{--y:37%}.tb-y-38{--y:38%}.tb-y-39{--y:39%}.tb-y-40{--y:40%}.tb-y-41{--y:41%}.tb-y-42{--y:42%}.tb-y-43{--y:43%}.tb-y-44{--y:44%}.tb-y-45{--y:45%}.tb-y-46{--y:46%}.tb-y-47{--y:47%}.tb-y-48{--y:48%}.tb-y-49{--y:49%}.tb-y-50{--y:50%}.tb-y-51{--y:51%}.tb-y-52{--y:52%}.tb-y-53{--y:53%}.tb-y-54{--y:54%}.tb-y-55{--y:55%}.tb-y-56{--y:56%}.tb-y-57{--y:57%}.tb-y-58{--y:58%}.tb-y-59{--y:59%}.tb-y-60{--y:60%}.tb-y-61{--y:61%}.tb-y-62{--y:62%}.tb-y-63{--y:63%}.tb-y-64{--y:64%}.tb-y-65{--y:65%}.tb-y-66{--y:66%}.tb-y-67{--y:67%}.tb-y-68{--y:68%}.tb-y-69{--y:69%}.tb-y-70{--y:70%}.tb-y-71{--y:71%}.tb-y-72{--y:72%}.tb-y-73{--y:73%}.tb-y-74{--y:74%}.tb-y-75{--y:75%}.tb-y-76{--y:76%}.tb-y-77{--y:77%}.tb-y-78{--y:78%}.tb-y-79{--y:79%}.tb-y-80{--y:80%}.tb-y-81{--y:81%}.tb-y-82{--y:82%}.tb-y-83{--y:83%}.tb-y-84{--y:84%}.tb-y-85{--y:85%}.tb-y-86{--y:86%}.tb-y-87{--y:87%}.tb-y-88{--y:88%}.tb-y-89{--y:89%}.tb-y-90{--y:90%}.tb-y-91{--y:91%}.tb-y-92{--y:92%}.tb-y-93{--y:93%}.tb-y-94{--y:94%}.tb-y-95{--y:95%}.tb-y-96{--y:96%}.tb-y-97{--y:97%}.tb-y-98{--y:98%}.tb-y-99{--y:99%}.tb-y-100{--y:100%}