/* Reusable card-slider layout; brand colors come from the site variables. */
.ak-treatment-slider{--ak-slider-gap:28px;min-width:0}
.ak-treatment-slider__intro{max-width:900px;margin-bottom:32px}
.ak-treatment-slider__intro:empty{display:none}
.ak-treatment-slider__intro h2{margin:0 0 20px;font-size:clamp(30px,3vw,44px);line-height:1.2}
.ak-treatment-slider__text p:last-child{margin-bottom:0}
.ak-treatment-slider__track{display:flex;gap:var(--ak-slider-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#b8b0a7 transparent;overscroll-behavior-x:contain;padding:4px 4px 14px;margin:0 -4px}
.ak-treatment-slider__card{flex:0 0 calc((100% - 2 * var(--ak-slider-gap))/3);min-width:0;scroll-snap-align:start;background:#fff;border:1px solid var(--mm-line,#ded9d4)}
.ak-treatment-slider__link,.ak-treatment-slider__unlinked{display:block;height:100%;color:var(--mm-blue,#0a2d4e);text-decoration:none}
.ak-treatment-slider .ak-treatment-slider__image{display:block;width:100%;height:auto;aspect-ratio:20/13;object-fit:cover;border-radius:0}
.ak-treatment-slider__card h3{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;margin:0;font-size:clamp(22px,2vw,28px);line-height:1.25;overflow-wrap:anywhere}
.ak-treatment-slider__card h3 span{font-family:Arial,sans-serif;font-size:24px;flex-shrink:0}
.ak-treatment-slider__link:hover,.ak-treatment-slider__link:hover h3{color:var(--mm-brown,#462d18);text-decoration:none}
.ak-treatment-slider__link:focus-visible{outline:3px solid var(--mm-blue,#0a2d4e);outline-offset:-3px}
.ak-treatment-slider__controls{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}
.ak-treatment-slider__controls[hidden]{display:none}
.ak-treatment-slider__controls button{display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid var(--mm-line,#ded9d4);border-radius:50%;background:#fff;color:var(--mm-blue,#0a2d4e);cursor:pointer}
.ak-treatment-slider__controls button:hover:not(:disabled){background:var(--mm-blue,#0a2d4e);color:#fff}
.ak-treatment-slider__controls button:disabled{opacity:.35;cursor:default}
.ak-treatment-slider__controls svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media(max-width:991px){.ak-treatment-slider__card{flex-basis:calc((100% - var(--ak-slider-gap))/2)}}
@media(max-width:767px){.ak-treatment-slider{--ak-slider-gap:18px}.ak-treatment-slider__card{flex-basis:86%}.ak-treatment-slider__card h3{padding:20px}}
@media print{.ak-treatment-slider__track{overflow:visible;flex-wrap:wrap}.ak-treatment-slider__controls{display:none}.ak-treatment-slider__card{break-inside:avoid}}

/* Appearance uses the existing TYPO3/Bootstrap background fields. */
.movitamed-site .ak-treatment-slider.frame-background-white{background-color:#fff}
.movitamed-site .ak-treatment-slider:is(.frame-background-primary,.frame-background-secondary,.frame-background-dark) .ak-treatment-slider__intro,
.movitamed-site .ak-treatment-slider:is(.frame-background-primary,.frame-background-secondary,.frame-background-dark) .ak-treatment-slider__intro :is(h2,p,a){color:#fff}
.movitamed-site .ak-treatment-slider .ak-treatment-slider__card :is(h3,a){color:var(--mm-blue,#0a2d4e)}
.movitamed-site .ak-treatment-slider.frame-has-background-image{background-image:var(--frame-background-image);background-position:center;background-size:cover;background-repeat:no-repeat}
