/* =========================================================
   IO PARFUM — CARROSSEL PRINCIPAL v3.5.0
   ========================================================= */
.pa-hero-carousel{
  position:relative;
  width:min(
    calc(100% - (var(--pa-hero-carousel-desktop-gap,20px) * 2)),
    var(--pa-hero-carousel-max-width,1220px)
  );
  max-width:var(--pa-hero-carousel-max-width,1220px);
  height:var(--pa-hero-carousel-desktop-height,500px);
  margin:22px auto 0;
  overflow:hidden;
  border-radius:var(--pa-hero-carousel-radius,18px);
  background:#f1e5db;
  box-shadow:0 10px 30px rgba(59,46,38,.06);
  isolation:isolate;
}
.pa-hero-carousel__viewport,
.pa-hero-carousel__track,
.pa-hero-carousel__slide,
.pa-hero-carousel__link,
.pa-hero-carousel__link picture{
  width:100%;height:100%;
}
.pa-hero-carousel__viewport{overflow:hidden}
.pa-hero-carousel__track{position:relative}
.pa-hero-carousel__slide{
  position:absolute;
  inset:0;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity .48s ease,visibility .48s ease;
}
.pa-hero-carousel__slide.is-active{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  z-index:2;
}
.pa-hero-carousel__link{display:block;text-decoration:none}
.pa-hero-carousel__link picture{display:block}
.pa-hero-carousel__image{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
  background:#f1e5db;
}
.pa-hero-carousel__arrow{
  position:absolute;
  z-index:5;
  top:50%;
  width:44px;
  height:44px;
  margin:0;
  padding:0;
  transform:translateY(-50%);
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.68);
  border-radius:50%;
  background:rgba(255,255,255,.88);
  color:#3b2e26;
  box-shadow:0 5px 18px rgba(59,46,38,.10);
  font:300 32px/1 Arial,sans-serif;
  cursor:pointer;
  transition:.2s ease;
}
.pa-hero-carousel__arrow:hover{background:#fff;transform:translateY(-50%) scale(1.04)}
.pa-hero-carousel__arrow--prev{left:24px}
.pa-hero-carousel__arrow--next{right:24px}
.pa-hero-carousel__dots{
  position:absolute;
  z-index:6;
  left:50%;
  bottom:18px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(255,255,255,.55);
  backdrop-filter:blur(8px);
}
.pa-hero-carousel__dot{
  width:8px;height:8px;padding:0;border:0;border-radius:999px;
  background:rgba(59,46,38,.28);cursor:pointer;transition:.2s ease;
}
.pa-hero-carousel__dot.is-active{width:24px;background:#c59a4e}
@media(max-width:768px){
  .pa-hero-carousel{
    width:calc(100% - (var(--pa-hero-carousel-mobile-gap,12px) * 2));
    height:var(--pa-hero-carousel-mobile-height,330px);
    margin-top:12px;
    border-radius:min(var(--pa-hero-carousel-radius,18px),18px);
  }
  .pa-hero-carousel__arrow{width:36px;height:36px;font-size:27px}
  .pa-hero-carousel__arrow--prev{left:10px}
  .pa-hero-carousel__arrow--next{right:10px}
  .pa-hero-carousel__dots{bottom:10px;gap:6px;padding:6px 8px}
  .pa-hero-carousel__dot{width:7px;height:7px}
  .pa-hero-carousel__dot.is-active{width:20px}
}
@media(prefers-reduced-motion:reduce){
  .pa-hero-carousel__slide,.pa-hero-carousel__arrow,.pa-hero-carousel__dot{transition:none!important}
}