/* No Show Media – Testimonial Slider Modul.
   Alle Selektoren unter .nsm-tslider gescopt -> keine Kollision mit widgets.css. */

.nsm-tslider{
  --purple:#7F37CA;
  --purple-deep:#7F30D6;
  --purple-ink:#170526;
  --yellow:#FFDE32;
  --orange:#FFC240;
  --green:#37e08a;
  --paper:#FBF4FF;
  --white:#ffffff;
  --ink:#140320;
  --maxw:1280px;
  --ease:cubic-bezier(.22,1,.36,1);
  font-family:'Archivo',system-ui,sans-serif;
  color:var(--ink);
}
.nsm-tslider *{box-sizing:border-box;}
.nsm-tslider h2,.nsm-tslider h3{font-family:'Anton',sans-serif;font-weight:400;text-transform:uppercase;line-height:.92;letter-spacing:.005em;}
.nsm-tslider a{color:inherit;text-decoration:none;}
.nsm-tslider img{display:block;max-width:100%;}
.nsm-tslider .wrap{max-width:var(--maxw);margin:0 auto;padding:0 32px;}

.nsm-tslider .eyebrow{display:inline-flex;align-items:center;gap:9px;font-weight:800;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--purple-deep);}
.nsm-tslider .eyebrow::before{content:"";width:26px;height:3px;background:var(--orange);border-radius:2px;}

/* ===== TESTIMONIALS SLIDER ===== */
.nsm-tslider .testi{padding:110px 0;background:var(--paper);}
.nsm-tslider .sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px 50px;margin-bottom:42px;flex-wrap:wrap;}
.nsm-tslider .sec-head h2{font-size:clamp(38px,6vw,80px);margin-top:14px;max-width:720px;}
.nsm-tslider .sec-head p{max-width:300px;font-size:16px;line-height:1.5;color:#5a4668;font-weight:500;}

.nsm-tslider .slider{position:relative;}
.nsm-tslider .viewport{overflow:hidden;border-radius:30px;}
.nsm-tslider .track{display:flex;transition:transform .6s var(--ease);}
.nsm-tslider .slide{min-width:100%;}

/* slide card */
.nsm-tslider .tcard{background:var(--purple-ink);color:#fff;border-radius:30px;padding:30px;display:grid;grid-template-columns:336px minmax(0,1fr);gap:32px;position:relative;overflow:hidden;}
.nsm-tslider .tcard .glow{position:absolute;width:560px;height:560px;border-radius:50%;right:-180px;top:-220px;background:radial-gradient(circle,rgba(127,55,202,.55),transparent 66%);filter:blur(20px);z-index:0;}

/* ===== reel (vertical 9:16) ===== */
.nsm-tslider .reel{position:relative;z-index:1;aspect-ratio:9/16;border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.16);background:linear-gradient(150deg,#3a1d52,#1a0830 60%,#2a1240);cursor:pointer;box-shadow:0 24px 60px -24px rgba(0,0,0,.7);}
.nsm-tslider .reel .reel-media{position:absolute;inset:0;width:100%;height:100%;display:block;background-size:cover;background-position:center;object-fit:cover;transition:transform .6s var(--ease);}
.nsm-tslider .reel .reel-ph{background:repeating-linear-gradient(135deg,#1b0a30 0 11px,#160726 11px 22px);}
.nsm-tslider .reel:hover .reel-media{transform:scale(1.05);}
.nsm-tslider .reel::before{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(180deg,rgba(10,2,20,.45) 0%,transparent 26% 64%,rgba(10,2,20,.78) 100%);pointer-events:none;}
.nsm-tslider .reel .rtop{position:absolute;top:14px;left:14px;right:14px;z-index:4;display:flex;align-items:center;justify-content:space-between;}
.nsm-tslider .ig-tag{display:inline-flex;align-items:center;gap:7px;background:rgba(23,5,38,.5);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:#fff;font-weight:700;font-size:11.5px;letter-spacing:.02em;padding:7px 12px 7px 9px;border-radius:100px;}
.nsm-tslider .ig-tag svg{width:15px;height:15px;}
.nsm-tslider .reel .views{display:inline-flex;align-items:center;gap:5px;background:rgba(23,5,38,.5);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:#fff;font-weight:800;font-size:12px;padding:7px 12px;border-radius:100px;}
.nsm-tslider .reel .views svg{width:11px;height:11px;}
.nsm-tslider .reel .play{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;background:var(--yellow);color:var(--purple-ink);display:flex;align-items:center;justify-content:center;border:0;cursor:pointer;transition:transform .3s var(--ease),box-shadow .3s;box-shadow:0 10px 30px rgba(0,0,0,.45),0 0 0 0 rgba(255,222,50,.5);}
.nsm-tslider .reel:hover .play{transform:translate(-50%,-50%) scale(1.09);box-shadow:0 12px 36px rgba(0,0,0,.5),0 0 0 12px rgba(255,222,50,.14);}
.nsm-tslider .reel .play svg{width:22px;height:22px;margin-left:3px;}
.nsm-tslider .reel .rbottom{position:absolute;z-index:4;bottom:14px;left:14px;right:14px;display:flex;align-items:center;gap:9px;}
.nsm-tslider .reel .rbottom .rlogo{width:30px;height:30px;border-radius:9px;background:conic-gradient(from 210deg,#feda75,#fa7e1e,#d62976,#962fbf,#4f5bd5,#feda75);flex:none;display:flex;align-items:center;justify-content:center;}
.nsm-tslider .reel .rbottom .rlogo svg{width:17px;height:17px;color:#fff;}
.nsm-tslider .reel .rbottom .rtext{display:flex;flex-direction:column;line-height:1.15;}
.nsm-tslider .reel .rbottom .rh{color:#fff;font-weight:800;font-size:14px;text-shadow:0 2px 8px rgba(0,0,0,.6);}
.nsm-tslider .reel .rbottom .rs{color:rgba(255,255,255,.72);font-weight:600;font-size:11.5px;text-shadow:0 1px 6px rgba(0,0,0,.6);}

/* ===== content side ===== */
.nsm-tslider .tcontent{position:relative;z-index:1;display:flex;flex-direction:column;gap:16px;}

/* meta chips */
.nsm-tslider .meta{display:flex;flex-wrap:wrap;gap:8px;}
.nsm-tslider .meta span{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:rgba(255,255,255,.82);font-weight:700;font-size:12px;letter-spacing:.02em;padding:6px 13px;border-radius:100px;}
.nsm-tslider .meta span b{color:var(--yellow);font-weight:800;}

/* white review card (compact) */
.nsm-tslider .review{background:var(--white);border-radius:20px;padding:22px 24px;box-shadow:0 24px 50px -26px rgba(0,0,0,.85);position:relative;}
.nsm-tslider .review .stars{color:var(--orange);font-size:15px;letter-spacing:2px;}
.nsm-tslider .review blockquote{color:#241433;font-size:16.5px;line-height:1.5;font-weight:600;margin:11px 0 18px;}
.nsm-tslider .review blockquote .hl{color:var(--purple-deep);font-weight:800;}
.nsm-tslider .who{display:flex;align-items:center;gap:14px;}
.nsm-tslider .who .av{width:54px;height:54px;border-radius:50%;padding:2.5px;flex:none;background:conic-gradient(from 30deg,var(--yellow),var(--orange),var(--purple-deep),var(--yellow));}
.nsm-tslider .who .av .mono{width:100%;height:100%;border-radius:50%;display:flex;overflow:hidden;background:var(--purple-ink);align-items:center;justify-content:center;font-family:'Anton',sans-serif;color:#fff;font-size:18px;}
.nsm-tslider .who .info{flex:1;min-width:0;}
.nsm-tslider .who .nm{display:flex;align-items:center;gap:7px;font-weight:800;font-size:16px;color:var(--ink);}
.nsm-tslider .who .nm .vf{width:16px;height:16px;color:var(--purple-deep);flex:none;}
.nsm-tslider .who .rl{font-size:13px;color:#6a587a;font-weight:600;margin-top:2px;}
.nsm-tslider .who .loc{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:#9385a3;font-weight:600;margin-top:4px;}
.nsm-tslider .who .loc svg{width:11px;height:11px;}
.nsm-tslider .who .brand{flex:none;display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(20,3,32,.12);background:#f6f0fb;border-radius:11px;padding:7px 12px;font-weight:800;font-size:12.5px;color:var(--ink);}
.nsm-tslider .who .brand .bdot{width:9px;height:9px;border-radius:3px;background:var(--purple-deep);}

/* ===== KPI hierarchy ===== */
.nsm-tslider .kpis{display:flex;flex-direction:column;gap:11px;flex:1;}

/* hero stat */
.nsm-tslider .kpi-hero{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,rgba(255,222,50,.12),rgba(255,194,64,.05) 55%,rgba(255,255,255,.03));border:1px solid rgba(255,222,50,.32);border-radius:20px;padding:20px 26px;flex:1.25;}
.nsm-tslider .kpi-hero::after{content:"";position:absolute;right:-10%;top:-60%;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(255,222,50,.22),transparent 64%);pointer-events:none;}
.nsm-tslider .kpi-hero .hl-left{position:relative;z-index:1;display:flex;flex-direction:column;gap:11px;}
.nsm-tslider .kpi-hero .hl-label{font-weight:800;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:rgba(255,255,255,.92);}
.nsm-tslider .kpi-hero .hl-before{font-weight:700;font-size:14px;color:rgba(255,255,255,.5);display:flex;align-items:center;gap:6px;}
.nsm-tslider .kpi-hero .hl-before b{font-family:'Anton',sans-serif;font-weight:400;font-size:26px;color:rgba(255,255,255,.72);}
.nsm-tslider .kpi-hero .hl-right{position:relative;z-index:1;text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:6px;}
.nsm-tslider .kpi-hero .hl-num{font-family:'Anton',sans-serif;font-size:clamp(52px,7vw,82px);line-height:.82;color:var(--yellow);text-shadow:0 0 32px rgba(255,222,50,.4);}
.nsm-tslider .kpi-hero .hl-cap{font-weight:800;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--green);}

/* secondary stats */
.nsm-tslider .kpi-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px;flex:1;}
.nsm-tslider .kpi-mini{position:relative;overflow:hidden;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.1);border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;transition:transform .3s var(--ease),border-color .3s,background .3s;}
.nsm-tslider .kpi-mini:hover{transform:translateY(-3px);border-color:rgba(255,222,50,.4);background:rgba(255,255,255,.07);}
.nsm-tslider .kpi-mini .km-top{display:flex;align-items:center;justify-content:space-between;gap:8px;}
.nsm-tslider .kpi-mini .km-label{font-weight:700;font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.62);}
.nsm-tslider .kpi-delta{display:inline-flex;align-items:center;gap:3px;background:rgba(55,224,138,.14);border:1px solid rgba(55,224,138,.32);color:var(--green);font-weight:800;font-size:11px;padding:4px 9px;border-radius:100px;white-space:nowrap;}
.nsm-tslider .kpi-mini .km-ba{display:flex;align-items:flex-end;gap:9px;}
.nsm-tslider .kpi-mini .km-before{font-family:'Anton',sans-serif;font-size:27px;color:rgba(255,255,255,.5);line-height:.85;white-space:nowrap;}
.nsm-tslider .kpi-mini .km-arrow{color:var(--orange);font-size:14px;padding-bottom:2px;}
.nsm-tslider .kpi-mini .km-after{font-family:'Anton',sans-serif;font-size:clamp(28px,3.4vw,36px);color:var(--yellow);line-height:.85;white-space:nowrap;}
.nsm-tslider .kpi-mini:last-child .km-after{color:var(--orange);}

/* CTA */
.nsm-tslider .case-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:3px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);flex-wrap:wrap;}
.nsm-tslider .case-cta .cta-txt{font-weight:700;font-size:15px;color:rgba(255,255,255,.86);}
.nsm-tslider .case-cta .cta-txt b{color:#fff;font-weight:800;}
.nsm-tslider .cta-btn{display:inline-flex;align-items:center;gap:9px;background:var(--yellow);color:var(--purple-ink);border:0;border-radius:100px;padding:14px 24px;font-family:inherit;font-weight:800;font-size:14.5px;cursor:pointer;transition:transform .25s var(--ease),background .2s,box-shadow .25s;white-space:nowrap;box-shadow:0 10px 26px -10px rgba(255,222,50,.6);}
.nsm-tslider .cta-btn:hover{transform:translateY(-2px);background:var(--orange);box-shadow:0 14px 32px -10px rgba(255,194,64,.7);}
.nsm-tslider .cta-btn svg{width:16px;height:16px;}

/* ===== controls ===== */
.nsm-tslider .controls{display:flex;align-items:center;justify-content:space-between;margin-top:30px;gap:24px;flex-wrap:wrap;}
.nsm-tslider .nav-btn{display:inline-flex;align-items:center;gap:10px;border:2px solid var(--ink);background:var(--white);color:var(--ink);font-weight:800;font-size:14px;padding:13px 22px;border-radius:100px;cursor:pointer;transition:all .25s var(--ease);}
.nsm-tslider .nav-btn:hover{background:var(--purple-ink);color:#fff;border-color:var(--purple-ink);transform:translateY(-2px);}
.nsm-tslider .nav-btn svg{width:18px;height:18px;flex:none;}
.nsm-tslider .nav-mid{flex:1;max-width:420px;display:flex;flex-direction:column;align-items:center;gap:13px;}
.nsm-tslider .pbar{position:relative;width:100%;height:8px;border-radius:100px;background:rgba(127,48,214,.16);overflow:hidden;cursor:pointer;}
.nsm-tslider .pbar .pfill{position:absolute;left:0;top:0;height:100%;border-radius:100px;background:linear-gradient(90deg,var(--purple-deep),var(--orange));width:0;}
.nsm-tslider .pmarks{position:absolute;inset:0;display:flex;}
.nsm-tslider .pmarks button{flex:1;background:transparent;border:0;border-right:2px solid rgba(251,244,255,.55);cursor:pointer;padding:0;}
.nsm-tslider .pmarks button:last-child{border-right:0;}
.nsm-tslider .counter{font-family:'Anton',sans-serif;font-size:18px;color:var(--ink);letter-spacing:.06em;white-space:nowrap;}
.nsm-tslider .counter .c-cur{color:var(--purple-deep);}
.nsm-tslider .counter .c-tot{color:#b3a3c4;}
.nsm-tslider .counter .c-name{font-family:'Archivo',sans-serif;font-weight:700;font-size:13px;letter-spacing:0;color:#6a587a;margin-left:8px;text-transform:none;}

@media(max-width:880px){
  .nsm-tslider .tcard{grid-template-columns:1fr;gap:24px;padding:22px;}
  .nsm-tslider .reel{max-width:300px;margin:0 auto;width:100%;}
  .nsm-tslider .controls{justify-content:center;}
  .nsm-tslider .kpi-hero{flex:none;}
  .nsm-tslider .kpi-mini-grid{flex:none;}
}
@media(max-width:560px){
  .nsm-tslider .nav-btn .lbl{display:none;}
  .nsm-tslider .nav-btn{padding:13px;}
  .nsm-tslider .kpi-mini-grid{grid-template-columns:1fr;}
  .nsm-tslider .who .brand{display:none;}
  .nsm-tslider .case-cta{justify-content:center;text-align:center;}
}
@media(max-width:640px){.nsm-tslider .wrap{padding:0 20px;}}
