
.mw-slider{position:relative;width:100%;box-sizing:border-box;--mw-step:calc((100% - (var(--mw-cols) - 1)*var(--mw-gap))/var(--mw-cols))}
.mw-slider *{box-sizing:border-box}
.mw-slider-viewport{overflow:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;overscroll-behavior-inline:contain;outline-offset:3px}
.mw-slider-track{display:flex;gap:var(--mw-gap);align-items:stretch}
.mw-slider-item{flex:0 0 var(--mw-step);min-width:0;scroll-snap-align:start;overflow:hidden;border-radius:var(--mw-radius);background:#f5f5f5;position:relative}
.mw-slider-image{height:var(--mw-height);overflow:hidden}
.mw-slider-image img{width:100%;height:100%;object-fit:cover;display:block}
.mw-slider-image a{display:block;height:100%}
.mw-slider-content{padding:18px}
.mw-slider-content h3{margin:0 0 8px;font-size:1.2em;line-height:1.3}
.mw-slider-subtitle{margin:0 0 6px;opacity:.7;font-size:.85em}
.mw-slider-description p{margin:0 0 10px}
.mw-slider-button{display:inline-block;padding:9px 16px;border-radius:4px;background:#222;color:#fff;text-decoration:none;margin-top:8px}
.mw-slider-button:hover{background:#444;color:#fff}
.mw-slider-prev,.mw-slider-next{position:absolute;top:calc(var(--mw-height)/2);transform:translateY(-50%);z-index:2;display:grid;place-items:center;border:0;border-radius:50%;width:38px;height:38px;background:rgba(20,20,20,.75);color:white;font-size:28px;line-height:1;cursor:pointer}
.mw-slider-prev{left:8px}.mw-slider-next{right:8px}
.mw-slider-prev:disabled,.mw-slider-next:disabled{opacity:.3;cursor:default}
.mw-slider-dots{display:flex;justify-content:center;gap:7px;padding:14px}
.mw-slider-dots button{width:9px;height:9px;padding:0;border-radius:50%;background:#aaa;border:0;cursor:pointer}
.mw-slider-dots button[aria-current=true]{background:#222}
.mw-overlay .mw-slider-content{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;padding:35px 20px 20px}
.mw-overlay .mw-slider-button{background:#fff;color:#111}
.mw-overlay .mw-slider-image{height:max(var(--mw-height),320px)}
.mw-variable .mw-slider-item{flex-basis:auto;width:clamp(180px,35vw,460px)}
.mw-variable .mw-slider-item:nth-child(3n+2){width:clamp(150px,25vw,320px)}
.mw-variable .mw-slider-item:nth-child(4n+3){width:clamp(200px,45vw,550px)}
.mw-center .mw-slider-item{scroll-snap-align:center}
.mw-design-2 .mw-slider-item,.mw-design-8 .mw-slider-item,.mw-design-14 .mw-slider-item,.mw-design-20 .mw-slider-item,.mw-design-26 .mw-slider-item{background:#fff;border:1px solid #ddd}
.mw-design-3 .mw-slider-item,.mw-design-9 .mw-slider-item,.mw-design-15 .mw-slider-item,.mw-design-21 .mw-slider-item,.mw-design-27 .mw-slider-item{background:#202020;color:#fff}
.mw-design-4 .mw-slider-item,.mw-design-10 .mw-slider-item,.mw-design-16 .mw-slider-item,.mw-design-22 .mw-slider-item,.mw-design-28 .mw-slider-item{box-shadow:0 3px 12px #0002;background:#fff}
.mw-design-5 .mw-slider-item,.mw-design-11 .mw-slider-item,.mw-design-17 .mw-slider-item,.mw-design-23 .mw-slider-item,.mw-design-29 .mw-slider-item{background:#edf1f4}
.mw-design-6 .mw-slider-item,.mw-design-12 .mw-slider-item,.mw-design-18 .mw-slider-item,.mw-design-24 .mw-slider-item,.mw-design-30 .mw-slider-item{background:#f8f0e8}
.mw-design-7 .mw-slider-image img,.mw-design-13 .mw-slider-image img,.mw-design-19 .mw-slider-image img,.mw-design-25 .mw-slider-image img{object-fit:contain;background:#f2f2f2}
@media(max-width:900px){.mw-slider{--mw-cols:var(--mw-tablet)}}
@media(max-width:600px){.mw-slider{--mw-cols:var(--mw-mobile)}.mw-slider-prev,.mw-slider-next{width:32px;height:32px;font-size:24px}.mw-slider-content{padding:12px}.mw-slider-content h3{font-size:1.05em}}
@media(prefers-reduced-motion:reduce){.mw-slider-viewport{scroll-behavior:auto}}

/* Featured center layout: 22% / 52% / 22%, with equal gaps. */
.mw-type-featured .mw-slider-viewport{scroll-snap-type:none;overflow:hidden}
.mw-type-featured .mw-slider-track{gap:var(--mw-gap);justify-content:center;align-items:stretch;transition:opacity .18s ease}
.mw-type-featured .mw-slider-item{flex:0 0 calc((100% - 2*var(--mw-gap)) * .22);scroll-snap-align:none}
.mw-type-featured .mw-slider-item:nth-child(2){flex-basis:calc((100% - 2*var(--mw-gap)) * .56)}
.mw-type-featured .mw-slider-item:nth-child(n+4){display:none}
.mw-type-featured .mw-slider-prev,.mw-type-featured .mw-slider-next{top:calc(var(--mw-height)/2)}
@media(max-width:600px){
 .mw-type-featured .mw-slider-item{flex-basis:calc((100% - 2*var(--mw-gap)) * .18)}
 .mw-type-featured .mw-slider-item:nth-child(2){flex-basis:calc((100% - 2*var(--mw-gap)) * .64)}
 .mw-type-featured .mw-slider-content{padding:8px}
 .mw-type-featured .mw-slider-item:not(:nth-child(2)) .mw-slider-content{display:none}
}

/* Featured center: overlay text is reserved for the center slide and appears on hover/focus. */
.mw-type-featured.mw-overlay .mw-slider-item:not(:nth-child(2)) .mw-slider-content{display:none}
.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2) .mw-slider-content{
 opacity:0;visibility:hidden;transform:translateY(8px);pointer-events:none;
 transition:opacity .22s ease,transform .22s ease,visibility .22s;
}
.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2):hover .mw-slider-content,
.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2):focus-within .mw-slider-content{
 opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto;
}
/* On touch-only devices there is no reliable hover; show the center overlay. */
@media (hover:none){
 .mw-type-featured.mw-overlay .mw-slider-item:nth-child(2) .mw-slider-content{
  opacity:1;visibility:visible;transform:none;pointer-events:auto;
 }
}
@media(prefers-reduced-motion:reduce){
 .mw-type-featured.mw-overlay .mw-slider-item:nth-child(2) .mw-slider-content{transition:none}
}

/* Explicit slider-owned text colors prevent theme heading/link styles from leaking into overlays. */
.mw-slider.mw-overlay .mw-slider-content h3,
.mw-slider.mw-overlay .mw-slider-content h3 a{
 color:var(--mw-title-color,#ffffff)!important;
}
.mw-slider.mw-overlay .mw-slider-content,
.mw-slider.mw-overlay .mw-slider-content .mw-slider-description,
.mw-slider.mw-overlay .mw-slider-content .mw-slider-description p,
.mw-slider.mw-overlay .mw-slider-content .mw-slider-subtitle{
 color:var(--mw-description-color,#ffffff)!important;
}
.mw-slider.mw-overlay .mw-slider-content .mw-slider-button,
.mw-slider.mw-overlay .mw-slider-content .mw-slider-button:visited,
.mw-slider.mw-overlay .mw-slider-content .mw-slider-button:hover,
.mw-slider.mw-overlay .mw-slider-content .mw-slider-button:focus{
 color:var(--mw-button-color,#111111)!important;
 background-color:var(--mw-button-bg,#ffffff)!important;
}

/* Hover colors override normal button styles and theme link rules. */
.mw-slider.mw-overlay .mw-slider-content .mw-slider-button:hover,
.mw-slider.mw-overlay .mw-slider-content .mw-slider-button:focus-visible{
 color:var(--mw-button-hover-color,#ffffff)!important;
 background-color:var(--mw-button-hover-bg,#333333)!important;
}

/* Featured center: title remains visible; supporting content appears on hover. */
.mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2) .mw-slider-content{
 opacity:1;visibility:visible;transform:none;pointer-events:none;
}
.mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2) .mw-slider-content h3{
 opacity:1;visibility:visible;transform:none;
}
.mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2) .mw-slider-content > :not(h3){
 opacity:0;visibility:hidden;transform:translateY(8px);
 transition:opacity .22s ease,transform .22s ease,visibility .22s;
}
.mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2):hover .mw-slider-content,
.mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2):focus-within .mw-slider-content{pointer-events:auto}
.mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2):hover .mw-slider-content > :not(h3),
.mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2):focus-within .mw-slider-content > :not(h3){
 opacity:1;visibility:visible;transform:none;
}
@media(hover:none){
 .mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2) .mw-slider-content > :not(h3){opacity:1;visibility:visible;transform:none}
 .mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2) .mw-slider-content{pointer-events:auto}
}
@media(prefers-reduced-motion:reduce){
 .mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2) .mw-slider-content > :not(h3){transition:none}
}

/* Featured center: keep the title anchored to the bottom-left, even before hover. */
.mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2) .mw-slider-content{
 inset:auto 0 0;
 padding:24px 20px 64px;
 min-height:100px;
}
.mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2) .mw-slider-content h3{
 position:absolute;
 left:20px;
 bottom:18px;
 right:20px;
 margin:0;
 text-align:left;
 z-index:1;
}
@media(max-width:600px){
 .mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2) .mw-slider-content{
  padding:16px 12px 56px;
 }
 .mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2) .mw-slider-content h3{
  left:12px;right:12px;bottom:12px;
 }
}

/* v1.0.10: the center title rises naturally as description/button expand beneath it. */
.mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2) .mw-slider-content{
 position:absolute; inset:auto 0 0; display:flex; flex-direction:column;
 align-items:flex-start; justify-content:flex-end;
 padding:24px 20px 18px; min-height:0;
 transform:none; opacity:1; visibility:visible; pointer-events:none;
}
.mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2) .mw-slider-content h3{
 position:static; order:0; width:100%; margin:0;
 opacity:1; visibility:visible; transform:none;
 transition:transform .3s ease;
}
.mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2) .mw-slider-content .mw-slider-subtitle{order:1}
.mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2) .mw-slider-content .mw-slider-description{order:2}
.mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2) .mw-slider-content .mw-slider-button{order:3}
.mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2) .mw-slider-content > :not(h3){
 max-height:0; min-height:0; margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:0;
 overflow:hidden; opacity:0; visibility:hidden; transform:translateY(10px);
 transition:max-height .35s ease, opacity .3s ease, transform .3s ease, margin .3s ease, padding .3s ease, visibility .3s;
}
.mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2):hover .mw-slider-content,
.mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2):focus-within .mw-slider-content{pointer-events:auto}
.mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2):hover .mw-slider-content > :not(h3),
.mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2):focus-within .mw-slider-content > :not(h3){
 max-height:260px; opacity:1; visibility:visible; transform:translateY(0);
}
.mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2):hover .mw-slider-content .mw-slider-subtitle,
.mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2):focus-within .mw-slider-content .mw-slider-subtitle{margin-top:7px}
.mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2):hover .mw-slider-content .mw-slider-description,
.mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2):focus-within .mw-slider-content .mw-slider-description{margin-top:8px}
.mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2):hover .mw-slider-content .mw-slider-button,
.mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2):focus-within .mw-slider-content .mw-slider-button{
 margin-top:10px; padding:9px 16px;
}
@media(hover:none){
 .mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2) .mw-slider-content{pointer-events:auto}
 .mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2) .mw-slider-content > :not(h3){
  max-height:260px; opacity:1; visibility:visible; transform:none;
 }
 .mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2) .mw-slider-content .mw-slider-description{margin-top:8px}
 .mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2) .mw-slider-content .mw-slider-button{margin-top:10px;padding:9px 16px}
}
@media(max-width:600px){
 .mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2) .mw-slider-content{padding:14px 12px 12px}
}
@media(prefers-reduced-motion:reduce){
 .mw-slider.mw-type-featured.mw-overlay .mw-slider-item:nth-child(2) .mw-slider-content > :not(h3){transition:none}
}

/* v1.0.11: smooth fade between complete featured-center slide arrangements. */
.mw-type-featured .mw-slider-track{opacity:1;transition:opacity 400ms cubic-bezier(.22,1,.36,1);will-change:opacity}
.mw-type-featured .mw-slider-track.mw-featured-fading{opacity:0;transition-duration:240ms}
@media(prefers-reduced-motion:reduce){.mw-type-featured .mw-slider-track{transition:none}}

/* v1.0.12: true horizontal featured-center glide with animated center width. */
.mw-type-featured .mw-slider-track{opacity:1;transition:none;will-change:transform}
.mw-type-featured .mw-slider-track.mw-featured-gliding{pointer-events:none}
.mw-type-featured .mw-slider-track.mw-featured-gliding .mw-slider-content{opacity:0!important;transition:none!important}
@media(prefers-reduced-motion:reduce){.mw-type-featured .mw-slider-track,.mw-type-featured .mw-slider-item{transition:none!important}}
