/* Psychology Clinic Pro v248 – actual transform slider.
   Controls sit inside the same clipped viewport as the cards, so they are always exactly
   halfway up the visual slider: one on the right and one on the left. */
.pcp-home-carousel{
  display:block!important;
  position:relative!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  --pcp-visible:3;
  --pcp-carousel-gap:22px;
}
.pcp-home-carousel-viewport{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  overflow:hidden!important;
  isolation:isolate!important;
  padding:0!important;
  margin:0!important;
  border-radius:18px!important;
}
.pcp-home-carousel .drclinic-carousel-grid{
  display:flex!important;
  flex-direction:row!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  gap:var(--pcp-carousel-gap)!important;
  width:100%!important;
  min-width:100%!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  transform:translate3d(0,0,0)!important;
  transition:transform 560ms cubic-bezier(.22,.75,.18,1)!important;
  will-change:transform!important;
  grid-template-columns:none!important;
  scroll-behavior:auto!important;
}
/* Every card remains in one horizontal track. The viewport clips the rest instead of
   hiding/remounting cards, which creates the real slide movement. */
.pcp-home-carousel .drclinic-carousel-grid > [data-pcp-carousel-item],
.pcp-home-carousel .drclinic-carousel-grid > .drclinic-doctor-card,
.pcp-home-carousel .drclinic-carousel-grid > .drclinic-service-card{
  display:block!important;
  /* JS sets the exact pixel width after the viewport is measured. These are safe first-paint fallbacks. */
  flex:0 0 calc((100% - 44px) / 3)!important;
  width:calc((100% - 44px) / 3)!important;
  min-width:0!important;
  max-width:none!important;
  margin:0!important;
  box-sizing:border-box!important;
  visibility:visible!important;
}

.pcp-home-carousel--services .drclinic-carousel-grid > [data-pcp-carousel-item],
.pcp-home-carousel--services .drclinic-carousel-grid > .drclinic-service-card{flex-basis:calc((100% - 66px) / 4)!important;width:calc((100% - 66px) / 4)!important;}

.pcp-home-carousel .drclinic-carousel-grid > [hidden],
.pcp-home-carousel .drclinic-carousel-grid > [aria-hidden="true"]{
  display:block!important;
  visibility:visible!important;
}
/* Two clear green controls, intentionally borderless with white SVG icons. */
.pcp-home-carousel .pcp-carousel-side-control{
  all:unset!important;
  position:absolute!important;
  top:50%!important;
  bottom:auto!important;
  z-index:50!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:44px!important;
  height:44px!important;
  min-width:44px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  outline:0!important;
  border-radius:50%!important;
  background:#0D6B57!important;
  color:#FFFFFF!important;
  box-shadow:0 10px 24px rgba(9,74,59,.26)!important;
  cursor:pointer!important;
  line-height:1!important;
  font-size:0!important;
  opacity:1!important;
  transition:transform .22s ease,background-color .22s ease,box-shadow .22s ease,opacity .22s ease!important;
  -webkit-tap-highlight-color:transparent!important;
}
/* True sides of the slider, vertically centered inside the viewport. */
.pcp-home-carousel .pcp-carousel-side-control--right{right:12px!important;left:auto!important;transform:translateY(-50%)!important;}
.pcp-home-carousel .pcp-carousel-side-control--left{left:12px!important;right:auto!important;transform:translateY(-50%)!important;}
.pcp-home-carousel .pcp-carousel-side-control svg{
  display:block!important;
  width:22px!important;
  height:22px!important;
  fill:none!important;
  stroke:#FFFFFF!important;
  color:#FFFFFF!important;
  stroke-width:2.7!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  pointer-events:none!important;
}
.pcp-home-carousel .pcp-carousel-side-control:hover:not(:disabled){
  background:#095946!important;
  box-shadow:0 13px 28px rgba(9,74,59,.34)!important;
}
.pcp-home-carousel .pcp-carousel-side-control--right:hover:not(:disabled){transform:translateY(-50%) translateX(2px)!important;}
.pcp-home-carousel .pcp-carousel-side-control--left:hover:not(:disabled){transform:translateY(-50%) translateX(-2px)!important;}
.pcp-home-carousel .pcp-carousel-side-control:focus-visible{outline:3px solid rgba(13,107,87,.32)!important;outline-offset:3px!important;}
.pcp-home-carousel .pcp-carousel-side-control:disabled{opacity:.36!important;cursor:not-allowed!important;pointer-events:none!important;box-shadow:none!important;}
@media (max-width:900px){
  .pcp-home-carousel{--pcp-visible:2;--pcp-carousel-gap:15px;}
  .pcp-home-carousel .drclinic-carousel-grid > [data-pcp-carousel-item],
  .pcp-home-carousel .drclinic-carousel-grid > .drclinic-doctor-card,
  .pcp-home-carousel .drclinic-carousel-grid > .drclinic-service-card{flex-basis:calc((100% - 15px) / 2)!important;width:calc((100% - 15px) / 2)!important;}
  .pcp-home-carousel .pcp-carousel-side-control{width:40px!important;height:40px!important;min-width:40px!important;}
  .pcp-home-carousel .pcp-carousel-side-control--right{right:8px!important;}
  .pcp-home-carousel .pcp-carousel-side-control--left{left:8px!important;}
}
@media (max-width:540px){
  .pcp-home-carousel{--pcp-visible:1;--pcp-carousel-gap:0px;}
  .pcp-home-carousel .drclinic-carousel-grid > [data-pcp-carousel-item],
  .pcp-home-carousel .drclinic-carousel-grid > .drclinic-doctor-card,
  .pcp-home-carousel .drclinic-carousel-grid > .drclinic-service-card{flex-basis:100%!important;width:100%!important;}
  .pcp-home-carousel-viewport{border-radius:14px!important;}
  .pcp-home-carousel .pcp-carousel-side-control{width:36px!important;height:36px!important;min-width:36px!important;}
  .pcp-home-carousel .pcp-carousel-side-control--right{right:7px!important;}
  .pcp-home-carousel .pcp-carousel-side-control--left{left:7px!important;}
  .pcp-home-carousel .pcp-carousel-side-control svg{width:19px!important;height:19px!important;}
}
@media (prefers-reduced-motion:reduce){
  .pcp-home-carousel .drclinic-carousel-grid{transition:none!important;}
}