/* ============================================================
   AO Physiotherapie — Erweiterungen (Behandlungen, Bewertungen,
   Team, Blog, Anfrage-Formular, WhatsApp)
   Nutzt die bestehenden Variablen aus :root der Seite.
   ============================================================ */

/* ---------- gemeinsame Kopfzeile ---------- */
.aox-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:42px;flex-wrap:wrap}
.aox-head h2{font-size:clamp(28px,3.8vw,46px);margin-top:14px;max-width:720px}
.aox-head p{color:var(--text-dim);max-width:420px;line-height:1.6;font-size:15px}

/* ---------- Behandlungen ---------- */
#behandlungen{background:var(--paper)}
.bh-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}
.bh-card{background:var(--white);border:1px solid var(--line-soft);display:flex;flex-direction:column;overflow:hidden;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s}
.bh-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.bh-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:var(--sand)}
.bh-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}
.bh-card:hover .bh-media img{transform:scale(1.05)}
.bh-num{position:absolute;top:12px;left:12px;background:rgba(255,253,248,.92);color:var(--petrol-deep);font-size:11px;padding:5px 9px;letter-spacing:.08em}
html[dir=rtl] .bh-num{left:auto;right:12px}
.bh-tag{position:absolute;bottom:12px;left:12px;background:var(--petrol);color:var(--white);font-size:10.5px;padding:5px 9px;letter-spacing:.12em;text-transform:uppercase;font-family:"Fragment Mono",monospace}
html[dir=rtl] .bh-tag{left:auto;right:12px}
.bh-copy{padding:20px 20px 24px}
.bh-copy h4{font-family:Petrona,serif;font-size:20px;font-weight:600;color:var(--petrol-deep);margin-bottom:8px;line-height:1.2}
.bh-copy p{font-size:14px;line-height:1.6;color:var(--text-dim)}
html[lang=ar] .bh-copy h4,html[lang=ar] .tm-card h4,html[lang=ar] .bl-copy h3{font-family:"Noto Naskh Arabic",serif}
.bh-foot{margin-top:34px;display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.bh-foot small{color:var(--text-dim);font-size:13px}

/* ---------- Google Bewertungen ---------- */
#bewertungen{position:relative;background:var(--petrol-deep);color:var(--ivory);overflow:hidden}
#bewertungen::before{content:"";position:absolute;inset:0;background:url("img/photo-29567505.jpg") center/cover;opacity:.22;filter:saturate(.7)}
#bewertungen::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 20% 0%,rgba(51,116,108,.55),transparent 60%),linear-gradient(180deg,rgba(14,33,31,.35),rgba(14,33,31,.85))}
#bewertungen .wrap{position:relative;z-index:1}
#bewertungen .eyebrow{color:var(--sand)}
#bewertungen h2{color:var(--white)}
.rv-summary{display:flex;align-items:center;gap:14px;background:rgba(255,253,248,.08);border:1px solid rgba(255,253,248,.18);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);padding:14px 20px}
.rv-summary .g{width:30px;height:30px;flex:none}
.rv-summary strong{font-size:26px;font-family:Petrona,serif;color:var(--white)}
.rv-summary .meta{font-size:12.5px;color:rgba(250,247,240,.75);line-height:1.4}
.rv-stars{color:#f4c54a;letter-spacing:2px;font-size:15px}
.rv-viewport{overflow:hidden;margin:0 -10px;padding:6px 0 4px}
.rv-track{display:flex;transition:transform .9s cubic-bezier(.16,1,.3,1);will-change:transform}
.rv-slide{flex:0 0 33.333%;padding:0 10px}
.rv-card{height:100%;min-height:250px;display:flex;flex-direction:column;gap:14px;padding:26px 24px;background:rgba(255,253,248,.09);border:1px solid rgba(255,253,248,.2);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);box-shadow:0 20px 50px -30px rgba(0,0,0,.6)}
.rv-top{display:flex;align-items:center;gap:12px}
.rv-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;flex:none;background:var(--petrol-mid);color:var(--white);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;border:2px solid rgba(255,253,248,.35)}
.rv-name{font-weight:700;font-size:15px;color:var(--white)}
.rv-date{font-size:12px;color:rgba(250,247,240,.6)}
.rv-text{font-size:14.5px;line-height:1.65;color:rgba(250,247,240,.92);display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
.rv-src{margin-top:auto;font-size:11.5px;color:rgba(250,247,240,.55);font-family:"Fragment Mono",monospace;letter-spacing:.06em}
.rv-ctrl{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:30px;flex-wrap:wrap}
.rv-dots{display:flex;gap:8px}
.rv-dots button{width:8px;height:8px;border-radius:50%;background:rgba(255,253,248,.3);transition:.3s}
.rv-dots button.on{background:var(--sand);width:24px;border-radius:5px}
.rv-arrows{display:flex;gap:10px}
.rv-arrows button{width:44px;height:44px;border:1px solid rgba(255,253,248,.35);color:var(--white);font-size:20px;transition:.3s}
.rv-arrows button:hover{background:rgba(255,253,248,.12)}
.rv-preview{display:inline-block;margin-left:10px;background:#f4c54a;color:#3a2b00;font-size:10.5px;font-weight:800;padding:3px 8px;letter-spacing:.08em;vertical-align:middle}

/* ---------- Team ---------- */
.tm-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.tm-card{display:grid;grid-template-columns:150px 1fr;gap:26px;align-items:center;background:var(--white);border:1px solid var(--line-soft);padding:26px}
.tm-photo{aspect-ratio:4/5;background:linear-gradient(160deg,var(--sand),var(--sand-mid));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.tm-photo span{font-family:Petrona,serif;font-size:44px;color:var(--petrol);font-weight:500}
.tm-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.tm-card h4{font-family:Petrona,serif;font-size:24px;font-weight:600;color:var(--petrol-deep)}
.tm-role{font-family:"Fragment Mono",monospace;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--petrol-mid);margin:6px 0 12px}
.tm-card p{font-size:14.5px;line-height:1.6;color:var(--text-dim)}
.tm-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.tm-chips span{font-size:12px;border:1px solid var(--line);padding:4px 10px;color:var(--petrol)}

/* ---------- Blog / Aus der Praxis ---------- */
#blog{background:var(--paper)}
.bl-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:56px;align-items:center}
.bl-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.bl-person figure{margin:0}
.bl-person .ph{aspect-ratio:3/4;background:linear-gradient(160deg,var(--petrol-soft),var(--petrol));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.bl-person .ph span{font-family:Petrona,serif;font-size:64px;color:rgba(255,253,248,.85)}
.bl-person .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.bl-person:nth-child(2){margin-top:48px}
.bl-person figcaption{padding-top:12px}
.bl-person figcaption b{display:block;font-size:15px;color:var(--petrol-deep)}
.bl-person figcaption small{font-family:"Fragment Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--petrol-mid)}
.bl-copy h3{font-family:Petrona,serif;font-size:clamp(26px,3vw,38px);line-height:1.15;color:var(--petrol-deep);margin:14px 0 18px;font-weight:500}
.bl-copy h3 em{color:var(--petrol-mid)}
.bl-copy p{line-height:1.7;color:var(--text-dim);margin-bottom:14px}
.bl-quote{border-left:2px solid var(--petrol-mid);padding:4px 0 4px 18px;font-family:Petrona,serif;font-style:italic;font-size:19px;color:var(--petrol);margin:22px 0}
html[dir=rtl] .bl-quote{border-left:0;border-right:2px solid var(--petrol-mid);padding:4px 18px 4px 0}
.bl-posts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:64px}
.bl-post{background:var(--white);border:1px solid var(--line-soft);padding:24px}
.bl-post .mono{font-size:11px;color:var(--petrol-mid);letter-spacing:.12em;text-transform:uppercase}
.bl-post h5{font-family:Petrona,serif;font-size:20px;font-weight:600;color:var(--petrol-deep);margin:10px 0 8px;line-height:1.25}
.bl-post p{font-size:14px;line-height:1.6;color:var(--text-dim)}
.bl-post details{margin-top:10px}
.bl-post summary{cursor:pointer;font-size:13px;font-weight:700;color:var(--petrol);list-style:none}
.bl-post summary::-webkit-details-marker{display:none}
.bl-post details[open] summary{margin-bottom:8px}

/* ---------- Anfrage-Formular ---------- */
.af-shell{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;background:var(--white);border:1px solid var(--line-soft);padding:40px}
.af-intro h2{font-size:clamp(26px,3vw,38px);margin:14px 0 14px}
.af-intro p{color:var(--text-dim);line-height:1.65;font-size:15px}
.af-steps{display:flex;gap:8px;margin:22px 0 0}
.af-steps i{flex:1;height:3px;background:var(--line);font-style:normal;transition:.4s}
.af-steps i.on{background:var(--petrol)}
.af-steplbl{font-family:"Fragment Mono",monospace;font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--petrol-mid);margin-top:10px}
.af-step{display:none;animation:afIn .5s cubic-bezier(.16,1,.3,1)}
.af-step.on{display:block}
@keyframes afIn{from{opacity:0;transform:translateX(14px)}to{opacity:1;transform:none}}
.af-q{font-weight:700;font-size:14px;margin:0 0 10px;color:var(--ink)}
.af-q+.af-chips{margin-bottom:20px}
.af-chips{display:flex;flex-wrap:wrap;gap:8px}
.af-chips label{cursor:pointer}
.af-chips input{position:absolute;opacity:0;pointer-events:none}
.af-chips span{display:inline-block;padding:9px 14px;border:1px solid var(--line);font-size:13.5px;transition:.25s;background:var(--ivory)}
.af-chips input:checked+span{background:var(--petrol);border-color:var(--petrol);color:var(--white)}
.af-chips input:focus-visible+span{outline:2px solid var(--petrol-mid);outline-offset:2px}
.af-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}
.af-field{display:flex;flex-direction:column;gap:6px;margin-bottom:12px}
.af-field label{font-size:12.5px;font-weight:700;color:var(--text-dim)}
.af-field input,.af-field textarea,.af-field select{font:inherit;font-size:15px;padding:12px 14px;border:1px solid var(--line);background:var(--ivory);color:var(--ink);border-radius:2px;width:100%}
.af-field textarea{min-height:84px;resize:vertical}
.af-field input:focus,.af-field textarea:focus,.af-field select:focus{outline:none;border-color:var(--petrol);background:var(--white)}
.af-consent{display:flex;gap:10px;align-items:flex-start;font-size:12.5px;color:var(--text-dim);line-height:1.5;margin:6px 0 16px}
.af-consent input{margin-top:3px;accent-color:var(--petrol);width:16px;height:16px;flex:none}
.af-consent a{text-decoration:underline}
.af-nav{display:flex;justify-content:space-between;gap:12px;margin-top:8px}
.af-nav .btn[hidden]{display:none}
.af-err{color:#a33b2b;font-size:13px;min-height:18px;margin-top:6px}
.af-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.af-done{display:none;text-align:center;padding:40px 10px}
.af-done.on{display:block}
.af-done .ok{width:56px;height:56px;border-radius:50%;background:var(--petrol);color:var(--white);display:flex;align-items:center;justify-content:center;font-size:26px;margin:0 auto 16px}
.af-done h3{font-family:Petrona,serif;font-size:26px;color:var(--petrol-deep);margin-bottom:8px}
.af-done p{color:var(--text-dim)}

/* ---------- WhatsApp ---------- */
#aoWa{position:fixed;right:22px;bottom:22px;z-index:160;display:flex;align-items:center;gap:10px;text-decoration:none}
html[dir=rtl] #aoWa{right:auto;left:22px}
#aoWa .ic{width:58px;height:58px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 14px 30px -10px rgba(0,0,0,.45);transition:transform .3s}
#aoWa:hover .ic{transform:scale(1.07)}
#aoWa .ic svg{width:32px;height:32px;fill:#fff}
#aoWa .lbl{background:var(--white);color:var(--petrol-deep);font-size:13px;font-weight:700;padding:9px 14px;box-shadow:0 10px 26px -12px rgba(0,0,0,.35);opacity:0;transform:translateX(8px);transition:.35s;pointer-events:none;white-space:nowrap}
#aoWa:hover .lbl{opacity:1;transform:none}
#aoWa .pulse{position:absolute;right:0;bottom:0;width:58px;height:58px;border-radius:50%;background:#25d366;opacity:.5;animation:waPulse 2.4s infinite;z-index:-1}
html[dir=rtl] #aoWa .pulse{right:auto;left:0}
@keyframes waPulse{0%{transform:scale(1);opacity:.5}100%{transform:scale(1.6);opacity:0}}

/* ---------- Responsive ---------- */
@media (max-width:1180px){.bh-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:980px){
  .bh-grid{grid-template-columns:repeat(2,1fr)}
  .rv-slide{flex-basis:50%}
  .tm-grid{grid-template-columns:1fr}
  .bl-grid{grid-template-columns:1fr;gap:40px}
  .bl-posts{grid-template-columns:1fr}
  .af-shell{grid-template-columns:1fr;padding:28px 22px;gap:24px}
  #aoWa{bottom:84px;right:16px}
  html[dir=rtl] #aoWa{left:16px}
  #aoWa .lbl{display:none}
}
@media (max-width:640px){
  .bh-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -24px;padding:0 24px 8px;scrollbar-width:none}
  .bh-grid::-webkit-scrollbar{display:none}
  .bh-card{flex:0 0 78%;scroll-snap-align:start}
  .rv-slide{flex-basis:100%}
  .tm-card{grid-template-columns:96px 1fr;gap:16px;padding:18px}
  .tm-photo span{font-size:30px}
  .af-row{grid-template-columns:1fr}
}

/* ---------- Blog-Foto ---------- */
.bl-photo{margin:0;position:relative}
.bl-photo img{width:100%;aspect-ratio:1235/1300;object-fit:cover;display:block;box-shadow:var(--shadow)}
.bl-photo figcaption{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:14px;align-items:baseline}
.bl-photo figcaption b{font-size:15px;color:var(--petrol-deep)}
.bl-photo figcaption small{font-family:"Fragment Mono",monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--petrol-mid)}

/* ---------- Körpermodell (drehbar) ---------- */
.body3d-stage{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none}
.body3d-stage.dragging{cursor:grabbing}
.bm-frame{position:absolute;top:0;left:0;height:100%;aspect-ratio:440/952;transform-origin:0 0;transition:transform 1s cubic-bezier(.16,1,.3,1);will-change:transform}
.bm-view{position:absolute;inset:0;opacity:0;transition:opacity .45s ease;pointer-events:none}
.bm-view.on{opacity:1;pointer-events:auto}
.bm-view img{width:100%;height:100%;display:block;-webkit-user-drag:none;pointer-events:none}
.bm-view.mirror img{transform:scaleX(-1)}
.body3d-stage .bm-view .body3d-hotspot{left:var(--x);top:var(--y);width:8.6%;height:auto;aspect-ratio:1;margin:0;transform:translate(-50%,-50%);border:2.5px solid var(--petrol-mid);background:#fbfaf6;box-shadow:0 2px 8px rgba(14,33,31,.22)}
.body3d-stage .bm-view .body3d-hotspot span{inset:28%;opacity:0;background:var(--petrol)}
.body3d-stage .bm-view .body3d-hotspot:hover{transform:translate(-50%,-50%) scale(1.15)}
.body3d-stage .bm-view .body3d-hotspot.active{border-color:var(--petrol);background:var(--white)}
.body3d-stage .bm-view .body3d-hotspot.active span{opacity:1}
.body3d-stage .bm-view .body3d-hotspot.active::after{content:"";position:absolute;inset:-6px;border-radius:50%;border:2px solid var(--petrol-mid);animation:bmPulse 1.8s ease-out infinite}
@keyframes bmPulse{0%{transform:scale(.8);opacity:.9}100%{transform:scale(2.1);opacity:0}}
.body3d-stage.zoomed .bm-view .body3d-hotspot:not(.active){opacity:.35}
.bm-glow{position:absolute;width:30%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(51,116,108,.38),rgba(51,116,108,0) 68%);pointer-events:none;opacity:0;transition:opacity .6s}
.body3d-stage.zoomed .bm-glow{opacity:1}
.bm-ui{position:absolute;top:14px;left:14px;right:14px;display:flex;justify-content:space-between;align-items:center;gap:10px;pointer-events:none;z-index:3}
.bm-ui>*{pointer-events:auto}
.bm-views{display:flex;background:rgba(255,253,248,.92);border:1px solid var(--line);padding:3px}
.bm-views button{font-family:"Fragment Mono",monospace;font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;padding:7px 10px;color:var(--text-dim)}
.bm-views button.on{background:var(--petrol);color:var(--white)}
.bm-reset{font-size:12px;font-weight:700;background:var(--petrol);color:var(--white);padding:9px 13px;opacity:0;transform:translateY(-6px);transition:.35s;pointer-events:none}
.body3d-stage.zoomed .bm-reset{opacity:1;transform:none;pointer-events:auto}
.bm-label{position:absolute;left:16px;bottom:44px;font-family:Petrona,serif;font-size:28px;color:var(--petrol-deep);opacity:0;transition:.4s;pointer-events:none;z-index:3}
.body3d-stage.zoomed .bm-label{opacity:1}
html[lang=ar] .bm-label{font-family:"Noto Naskh Arabic"}
@media (prefers-reduced-motion:reduce){.bm-frame,.bm-view{transition:none}.body3d-stage .bm-view .body3d-hotspot.active::after{animation:none}}

/* Bereichsfotos: aktive Karte in Farbe */
.region-card.active .rc-imgwrap img,.region-card:hover .rc-imgwrap img{filter:none}

/* Bewertungen als Endlosband */
.rv-viewport{overflow:hidden;margin:0;padding:6px 0 4px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.rv-track{width:max-content;transition:none}
.rv-track .rv-slide{flex:0 0 380px;padding:0 10px}
.rv-track.rv-run{animation:rvMarquee var(--rv-dur,60s) linear infinite}
.rv-viewport:hover .rv-track.rv-run,.rv-track.rv-hold{animation-play-state:paused}
html[dir=rtl] .rv-track.rv-run{animation-name:rvMarqueeRtl}
@keyframes rvMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes rvMarqueeRtl{from{transform:translateX(0)}to{transform:translateX(50%)}}
.rv-hint{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:rgba(250,247,240,.55)}
@media (max-width:640px){.rv-track .rv-slide{flex-basis:300px}}
@media (prefers-reduced-motion:reduce){.rv-track.rv-run{animation:none}.rv-viewport{overflow-x:auto}}

/* Ansprechpartner: Teamfoto */
.prak-mark-wrap.prak-photo{padding:0;position:relative;min-height:320px;overflow:hidden}
.prak-mark-wrap.prak-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 30%}
@media (max-width:980px){.prak-mark-wrap.prak-photo{min-height:340px}}

.tm-photo img{object-position:center 20%}

/* ---------- Logo ---------- */
.ao-logo{flex-direction:row!important;align-items:center;gap:10px}
.ao-logo .lg-mark{height:42px;width:auto;display:block}
.ao-logo .lg-light{display:none}
.hero-nav-light .ao-logo .lg-dark{display:none}
.hero-nav-light .ao-logo .lg-light{display:block}
.ao-logo .lg-txt{display:flex;flex-direction:column;line-height:1}
.ao-logo .lg-name{font-family:Manrope,sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.24em;text-transform:uppercase;padding-bottom:5px;border-bottom:1px solid currentColor}
.ao-logo .lg-sub{font-family:Manrope,sans-serif;font-size:11.5px;letter-spacing:.04em;margin-top:5px;text-align:center;opacity:.85}
.foot-logo{display:inline-flex;color:var(--ivory)}
.foot-logo .lg-mark{height:46px}
@media (max-width:640px){.ao-logo .lg-mark{height:36px}.ao-logo .lg-name{font-size:11px;letter-spacing:.18em}.ao-logo .lg-sub{font-size:10.5px}}

/* ---------- Praxis-Galerie (läuft endlos) ---------- */
.praxis-gallery{overflow:hidden;margin-top:40px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.pg-track{display:flex;gap:16px;width:max-content;animation:pgRun 70s linear infinite}
.praxis-gallery:hover .pg-track{animation-play-state:paused}
html[dir=rtl] .pg-track{animation-name:pgRunRtl}
@keyframes pgRun{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 8px))}}
@keyframes pgRunRtl{from{transform:translateX(0)}to{transform:translateX(calc(50% + 8px))}}
.pg-item{margin:0;height:420px;flex:none;overflow:hidden}
.pg-item img{height:100%;width:auto;display:block;transition:transform 1s cubic-bezier(.16,1,.3,1)}
.pg-item:hover img{transform:scale(1.04)}
@media (max-width:640px){.pg-item{height:280px}}
@media (prefers-reduced-motion:reduce){.pg-track{animation:none}.praxis-gallery{overflow-x:auto}}
#bewegung .tib-card .tc-media img{object-position:center 20%}

/* Therapie in Bewegung: Endlosband, ohne Nummern und Pfeile */
#bewegung .tib-nav{display:none}
#bewegung .tc-num{display:none}
#tibTrack.tib-run{overflow:hidden!important;scroll-snap-type:none;display:block;-webkit-mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent);mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
#tibTrack .tib-inner{display:flex;gap:18px;width:max-content;animation:tibRun 45s linear infinite}
#tibTrack:hover .tib-inner,#tibTrack .tib-inner.hold{animation-play-state:paused}
html[dir=rtl] #tibTrack .tib-inner{animation-name:tibRunRtl}
@keyframes tibRun{from{transform:translateX(0)}to{transform:translateX(calc(-50% - 9px))}}
@keyframes tibRunRtl{from{transform:translateX(0)}to{transform:translateX(calc(50% + 9px))}}
@media (prefers-reduced-motion:reduce){#tibTrack .tib-inner{animation:none}#tibTrack.tib-run{overflow-x:auto!important}}