.ps-wrap {
position: relative;
width: 100%;
overflow: hidden;
} .ps-wrap .ps-slider,
.ps-wrap .slick-list,
.ps-wrap .slick-track,
.ps-wrap .slick-slide,
.ps-wrap .slick-slide>div {
height: 100%;
}
.ps-wrap .ps-slider {
margin: 0;
} .ps-wrap .ps-slider:not(.slick-initialized) {
visibility: hidden;
}
.ps-wrap .ps-slide {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
} .ps-wrap .ps-image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
} .ps-wrap .ps-title {
position: absolute;
left: 0;
bottom: 0;
max-width: 80%;
height: auto !important;
padding: 1.5rem 2rem;
color: #fff;
font-size: clamp(1.1rem, 2vw, 2rem);
font-weight: 600;
line-height: 1.2;
text-shadow: 0 1px 4px rgba(0, 0, 0, 0.6); background-color: var(--couleur-survol);
pointer-events: none;
opacity: .6;
}
.ps-wrap .ps-title:hover {
opacity: 1;
}
.ps-wrap .ps-title a {
pointer-events: auto;
color: inherit; text-underline-offset: 0.15em;
}  .ps-wrap .ps-arrow {
position: absolute;
top: 50%;
z-index: 10;
display: flex;
align-items: center;
justify-content: center;
width: 56px;
height: 56px;
padding: 0;
margin-top: -28px;
border: 0;
border-radius: 50%;
background: rgba(0, 0, 0, 0.6);
color: #fff;
cursor: pointer;
opacity: 0.3; transition: opacity 0.25s ease;
}
.ps-wrap .ps-arrow:hover,
.ps-wrap .ps-arrow:focus-visible {
opacity: 1; }
.ps-wrap .ps-arrow svg {
width: 24px;
height: 24px;
fill: none;
stroke: currentColor;
stroke-width: 2.5;
stroke-linecap: round;
stroke-linejoin: round;
}
.ps-wrap .ps-prev {
left: 1rem;
}
.ps-wrap .ps-next {
right: 1rem;
}
@media (max-width: 600px) {
.ps-wrap .ps-arrow {
width: 44px;
height: 44px;
margin-top: -22px;
}
.ps-wrap .ps-title {
padding: 1rem 1.25rem;
}
}