/* bharatpest pest slideshow — charcoal + gold */
.bp-ps-host{margin:0!important;padding:0!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important}
.bp-ps{--ps-ink:#1d1d1f;--ps-gold:#d4af6a;position:relative;width:100%}
.bp-ps *{box-sizing:border-box}
.bp-ps-vp{position:relative;overflow:hidden;touch-action:pan-y;--ps-w:360px;--ps-gap:18px}
.bp-ps-empty{padding:40px;text-align:center;color:#6e6e73}

/* ---- card (shared) ---- */
.bp-ps-card{position:relative;display:block;overflow:hidden;border-radius:26px;color:#fff;text-decoration:none;isolation:isolate;
  background:linear-gradient(135deg,var(--g1,#2d2d30),var(--g2,#55555c));user-select:none;-webkit-user-drag:none;
  box-shadow:0 18px 44px rgba(0,0,0,.16)}
.bp-ps-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;transform:scale(1.01);
  transition:transform 1.4s cubic-bezier(.2,.7,.2,1);-webkit-user-drag:none}
.bp-ps-card:hover img,.bp-ps-card:focus-visible img{transform:scale(1.08)}
.bp-ps-card::after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(0,0,0,0) 38%,rgba(0,0,0,.78) 100%);pointer-events:none}
.bp-ps-ph{position:absolute;inset:0;display:grid;place-items:center;font-size:clamp(70px,9vw,120px);opacity:.92;z-index:0;filter:drop-shadow(0 8px 20px rgba(0,0,0,.35))}
.bp-ps-cap{position:absolute;left:24px;right:24px;bottom:24px;z-index:2;display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.bp-ps-tag{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ps-gold)}
.bp-ps-cap b{font-size:clamp(20px,2.1vw,28px);line-height:1.15;font-weight:700;letter-spacing:-.01em}
.bp-ps-go{margin-top:8px;font-size:13px;font-weight:600;padding:8px 16px;border-radius:980px;background:rgba(255,255,255,.16);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.28);transition:background .3s,transform .3s}
.bp-ps-card:hover .bp-ps-go,.bp-ps-card:focus-visible .bp-ps-go{background:#fff;color:#1d1d1f;transform:translateX(4px)}
.bp-ps-card:focus-visible{outline:3px solid var(--ps-gold);outline-offset:3px}

/* ---- glide ---- */
.bp-ps[data-style=glide] .bp-ps-vp{padding:6px 0 26px;margin-bottom:-6px}
.bp-ps[data-style=glide] .bp-ps-track{display:flex;gap:var(--ps-gap);will-change:transform}
.bp-ps[data-style=glide] .bp-ps-card{flex:0 0 var(--ps-w);width:var(--ps-w);aspect-ratio:4/5}

/* ---- marquee ---- */
.bp-ps[data-style=marquee] .bp-ps-vp{padding:6px 0 26px;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 60px,#000 calc(100% - 60px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 60px,#000 calc(100% - 60px),transparent 100%)}
.bp-ps[data-style=marquee] .bp-ps-track{display:flex;gap:18px;width:max-content;animation:bp-ps-marq 60s linear infinite;will-change:transform}
.bp-ps[data-style=marquee]:hover .bp-ps-track{animation-play-state:paused}
.bp-ps[data-style=marquee] .bp-ps-card{flex:0 0 clamp(250px,26vw,370px);width:clamp(250px,26vw,370px);aspect-ratio:4/5}
.bp-ps[data-style=marquee] .bp-ps-card[aria-hidden=true]{pointer-events:auto}
@keyframes bp-ps-marq{from{transform:translate3d(0,0,0)}to{transform:translate3d(calc(-50% - 9px),0,0)}}

/* ---- fade spotlight (Ken Burns) ---- */
.bp-ps[data-style=fade] .bp-ps-vp{border-radius:30px;box-shadow:0 24px 60px rgba(0,0,0,.18);background:#1d1d1f}
.bp-ps[data-style=fade] .bp-ps-stage{position:relative;aspect-ratio:21/9}
.bp-ps[data-style=fade] .bp-ps-card{position:absolute;inset:0;border-radius:0;box-shadow:none;opacity:0;visibility:hidden;transition:opacity 1.3s ease,visibility 0s linear 1.3s}
.bp-ps[data-style=fade] .bp-ps-card.is-active{opacity:1;visibility:visible;z-index:2;transition:opacity 1.3s ease,visibility 0s}
.bp-ps[data-style=fade] .bp-ps-card.is-active img{animation:bp-ps-kb 9s ease-out forwards}
.bp-ps[data-style=fade] .bp-ps-card:hover img{transform:none}
.bp-ps[data-style=fade] .bp-ps-cap{left:clamp(22px,4vw,56px);bottom:clamp(22px,4vw,48px);max-width:min(560px,80%)}
.bp-ps[data-style=fade] .bp-ps-cap b{font-size:clamp(26px,3.6vw,48px)}
.bp-ps[data-style=fade] .bp-ps-card::after{background:linear-gradient(90deg,rgba(0,0,0,.7) 0%,rgba(0,0,0,.15) 55%,rgba(0,0,0,0) 100%)}
@keyframes bp-ps-kb{from{transform:scale(1.02)}to{transform:scale(1.12)}}

/* ---- coverflow ---- */
.bp-ps[data-style=coverflow] .bp-ps-vp{overflow:hidden;padding:14px 0 30px}
.bp-ps[data-style=coverflow] .bp-ps-stage{position:relative;height:clamp(380px,46vw,560px);perspective:1500px}
.bp-ps[data-style=coverflow] .bp-ps-card{position:absolute;top:0;left:50%;height:100%;width:clamp(260px,34vw,440px);margin-left:calc(clamp(260px,34vw,440px)/-2);
  transition:transform .95s cubic-bezier(.22,.8,.2,1),opacity .95s ease;will-change:transform}
.bp-ps[data-style=coverflow] .bp-ps-card:not(.is-active)::after{background:linear-gradient(180deg,rgba(0,0,0,.25),rgba(0,0,0,.8))}
.bp-ps[data-style=coverflow] .bp-ps-card:not(.is-active) .bp-ps-go{display:none}

/* ---- controls ---- */
.bp-ps-ctl{display:flex;align-items:center;justify-content:center;gap:14px;margin-top:6px}
.bp-ps-btn{width:46px;height:46px;border-radius:50%;border:1px solid #d2d2d7;background:#fff;color:#1d1d1f;font-size:26px;line-height:1;cursor:pointer;display:grid;place-items:center;
  padding:0 0 3px;transition:background .25s,color .25s,border-color .25s,transform .25s}
.bp-ps-btn:hover{background:#1d1d1f;color:#fff;border-color:#1d1d1f}
.bp-ps-btn:active{transform:scale(.94)}
.bp-ps-pause{font-size:0;padding:0;position:relative}
.bp-ps-pause::before,.bp-ps-pause::after{content:"";position:absolute;top:15px;width:4px;height:16px;border-radius:2px;background:currentColor;transition:all .2s}
.bp-ps-pause::before{left:16px}.bp-ps-pause::after{right:16px}
.bp-ps-pause.is-paused::before{left:18px;top:14px;width:0;height:0;background:none;border-radius:0;border-left:13px solid currentColor;border-top:9px solid transparent;border-bottom:9px solid transparent}
.bp-ps-pause.is-paused::after{display:none}
.bp-ps-dots{display:flex;gap:7px;align-items:center;flex-wrap:wrap;justify-content:center;max-width:min(420px,60vw)}
.bp-ps-dot{width:8px;height:8px;border-radius:99px;border:0;padding:0;background:#c7c7cc;cursor:pointer;transition:width .45s cubic-bezier(.22,.8,.2,1),background .3s}
.bp-ps-dot.on{width:30px;background:#1d1d1f}
.bp-ps-dot:hover{background:#86868b}.bp-ps-dot.on:hover{background:#1d1d1f}

/* ---- mobile ---- */
@media(max-width:700px){
  .bp-ps-card{border-radius:22px}
  .bp-ps-cap{left:18px;right:18px;bottom:18px}
  .bp-ps[data-style=fade] .bp-ps-stage{aspect-ratio:4/5}
  .bp-ps[data-style=fade] .bp-ps-card::after{background:linear-gradient(180deg,rgba(0,0,0,0) 40%,rgba(0,0,0,.8) 100%)}
  .bp-ps[data-style=coverflow] .bp-ps-stage{height:clamp(360px,110vw,470px)}
  .bp-ps[data-style=coverflow] .bp-ps-card{width:72%;margin-left:-36%}
  .bp-ps-btn{width:42px;height:42px}
  .bp-ps-ctl{gap:10px}
  .bp-ps-dots{max-width:none;gap:5px;flex-wrap:nowrap}
  .bp-ps-dot{width:6px;height:6px}.bp-ps-dot.on{width:20px}
  .bp-ps-pause::before,.bp-ps-pause::after{top:13px}
  .bp-ps-pause::before{left:14px}.bp-ps-pause::after{right:14px}
  .bp-ps-pause.is-paused::before{left:16px;top:12px}
}
@media(prefers-reduced-motion:reduce){
  .bp-ps[data-style=marquee] .bp-ps-track{animation:none;flex-wrap:wrap;width:auto}
  .bp-ps[data-style=marquee] .bp-ps-card[aria-hidden=true]{display:none}
  .bp-ps-card img,.bp-ps-card,.bp-ps-dot{transition:none}
  .bp-ps[data-style=fade] .bp-ps-card.is-active img{animation:none}
}
