
.pdd-pop-item{display:none;position:fixed;inset:0;z-index:2147483000!important;font-family:Arial,Helvetica,sans-serif;pointer-events:none;background:transparent!important}
.pdd-pop-item.is-open{display:block}
.pdd-pop-overlay{position:absolute;inset:0;z-index:2147483001;pointer-events:auto;opacity:1!important;background-image:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}
.pdd-pop-box{position:absolute;z-index:2147483002!important;height:auto!important;max-height:none!important;overflow:visible!important;color:var(--text);border-radius:var(--radius);box-shadow:var(--shadow);pointer-events:auto;background-image:none!important;border-style:var(--border-style);border-width:var(--border-width);border-color:var(--border-color);box-sizing:border-box!important}
.pdd-pop-copy{padding:var(--title-top) 30px 76px}
.pdd-pop-copy h2{margin:0 0 14px;color:var(--title);font-family:var(--title-font),Georgia,serif;font-size:var(--title-size);line-height:var(--title-line);text-align:var(--title-align)}
.pdd-pop-text{color:var(--text);font-family:var(--text-font),Arial,sans-serif;font-size:var(--text-size);line-height:1.5}
.pdd-pop-img{width:100%;max-height:320px;object-fit:cover;display:block}
.pdd-pop-x{display:none!important}
.pdd-pop-close{position:absolute;margin:0;z-index:4;padding:10px 18px;background:var(--close-bg-rgba,var(--close-bg))!important;color:var(--close-color);border-radius:var(--close-radius);font-size:var(--close-size);font-weight:700;cursor:pointer;border-style:var(--close-border-style,none)!important;border-width:var(--close-border-width,0)!important;border-color:var(--close-border-color,transparent)!important}
.closepos-top-left .pdd-pop-close{top:14px;left:14px}.closepos-top-center .pdd-pop-close{top:14px;left:50%;transform:translateX(-50%)}.closepos-top-right .pdd-pop-close{top:14px;right:14px}.closepos-bottom-left .pdd-pop-close{bottom:14px;left:14px}.closepos-bottom-center .pdd-pop-close{bottom:14px;left:50%;transform:translateX(-50%)}.closepos-bottom-right .pdd-pop-close{bottom:14px;right:14px}
.pos-top-left .pdd-pop-box{top:20px;left:20px}.pos-top-center .pdd-pop-box{top:20px;left:50%;transform:translateX(-50%)}.pos-top-right .pdd-pop-box{top:20px;right:20px}.pos-center-left .pdd-pop-box{top:50%;left:20px;transform:translateY(-50%)}.pos-center-center .pdd-pop-box{top:50%;left:50%;transform:translate(-50%,-50%)}.pos-center-right .pdd-pop-box{top:50%;right:20px;transform:translateY(-50%)}.pos-bottom-left .pdd-pop-box{bottom:20px;left:20px}.pos-bottom-center .pdd-pop-box{bottom:20px;left:50%;transform:translateX(-50%)}.pos-bottom-right .pdd-pop-box{bottom:20px;right:20px}
.type-top-bar .pdd-pop-box{top:0!important;left:0!important;right:0!important;bottom:auto!important;width:100%!important;max-width:none!important;border-radius:0!important;transform:none!important;display:flex;align-items:center}.type-top-bar .pdd-pop-overlay,.type-slide-right .pdd-pop-overlay,.type-notice-left .pdd-pop-overlay{display:none}.type-slide-right .pdd-pop-box{right:18px!important;left:auto!important;bottom:18px!important;top:auto!important;transform:none!important}.type-notice-left .pdd-pop-box{left:18px!important;right:auto!important;bottom:18px!important;top:auto!important;transform:none!important}.type-top-bar .pdd-pop-img{width:min(260px,30vw);height:160px}.type-top-bar .pdd-pop-copy{flex:1}
@media(max-width:700px){.pdd-pop-box{width:calc(100vw - 24px)!important;max-width:none!important;left:12px!important;right:12px!important}.pos-top-left .pdd-pop-box,.pos-top-center .pdd-pop-box,.pos-top-right .pdd-pop-box{top:12px!important;transform:none!important}.pos-center-left .pdd-pop-box,.pos-center-center .pdd-pop-box,.pos-center-right .pdd-pop-box{top:50%!important;transform:translateY(-50%)!important}.pos-bottom-left .pdd-pop-box,.pos-bottom-center .pdd-pop-box,.pos-bottom-right .pdd-pop-box{bottom:12px!important;transform:none!important}.type-top-bar .pdd-pop-box{left:0!important;right:0!important;width:100%!important}.type-top-bar .pdd-pop-img{display:none}.pdd-pop-copy{padding-left:22px;padding-right:22px}.pdd-pop-copy h2{font-size:min(var(--title-size),25px)}.pdd-pop-text{font-size:min(var(--text-size),15px)}}

/* v1.3.1 — bouton Fermer : hauteur et bordure fiables */
.pdd-pop-close{
  height:var(--close-height,38px)!important;
  min-height:var(--close-height,38px)!important;
  border-style:var(--close-border-style,none)!important;
  border-width:var(--close-border-width,0px)!important;
  border-color:var(--close-border-color,transparent)!important;
  box-sizing:border-box!important;
}

/* v1.3.3 — petits téléphones : pop-up toujours accessible */
@media (max-width:520px){
  .pdd-pop-item .pdd-pop-box{
    width:calc(100vw - 20px)!important;
    max-width:calc(100vw - 20px)!important;
    left:50%!important;
    right:auto!important;
    transform:translateX(-50%)!important;
    box-sizing:border-box!important;
    max-height:calc(100dvh - 20px)!important;
    overflow:auto!important;
    -webkit-overflow-scrolling:touch;
    padding-left:14px!important;
    padding-right:14px!important;
  }
  .pdd-pop-item.pos-center .pdd-pop-box{
    top:10px!important;
    bottom:10px!important;
    height:auto!important;
  }
  .pdd-pop-copy{
    padding-left:8px!important;
    padding-right:8px!important;
    padding-bottom:18px!important;
  }
  .pdd-pop-copy h2{
    font-size:clamp(22px,7vw,var(--title-size,32px))!important;
  }
  .pdd-pop-text{
    font-size:clamp(14px,4.2vw,var(--text-size,16px))!important;
    line-height:1.35!important;
  }
  .pdd-pop-close{
    position:sticky!important;
    top:6px!important;
    z-index:5!important;
    display:block!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
}
@media (max-width:360px){
  .pdd-pop-item .pdd-pop-box{
    width:calc(100vw - 12px)!important;
    max-width:calc(100vw - 12px)!important;
    max-height:calc(100dvh - 12px)!important;
    top:6px!important;
    bottom:6px!important;
  }
  .pdd-pop-copy{
    padding-left:4px!important;
    padding-right:4px!important;
  }
}

/* v1.3.4 — correction petits iPhone : centrage réel + fermeture toujours visible */
@media (max-width:520px){
  .pdd-pop-item{
    box-sizing:border-box!important;
    padding:8px!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:hidden!important;
  }
  .pdd-pop-item .pdd-pop-box,
  .pdd-pop-item.pos-center .pdd-pop-box{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:min(var(--popup-width, 440px), calc(100vw - 16px))!important;
    max-width:calc(100vw - 16px)!important;
    height:auto!important;
    max-height:calc(100dvh - 16px)!important;
    margin:auto!important;
    overflow-y:auto!important;
    overflow-x:hidden!important;
    box-sizing:border-box!important;
    overscroll-behavior:contain;
    -webkit-overflow-scrolling:touch;
  }
  .pdd-pop-item .pdd-pop-close{
    position:sticky!important;
    top:6px!important;
    z-index:999999!important;
    margin:6px auto 8px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
  }
}
@supports not (height:100dvh){
  @media (max-width:520px){
    .pdd-pop-item .pdd-pop-box,
    .pdd-pop-item.pos-center .pdd-pop-box{
      max-height:calc(100vh - 16px)!important;
    }
  }
}

/* v1.6.1 — bouton Fermer : hauteur exacte et centrage fiable */
.pdd-pop-item .pdd-pop-close{
  box-sizing:border-box!important;
  height:var(--close-height,38px)!important;
  min-height:var(--close-height,38px)!important;
  padding:0 18px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  line-height:1!important;
  white-space:nowrap!important;
  font-family:inherit!important;
  appearance:none;
  -webkit-appearance:none;
}

/* Sur mobile on conserve la position choisie, sans transformer le bouton en élément sticky. */
@media (max-width:520px){
  .pdd-pop-item .pdd-pop-close{
    position:absolute!important;
    top:auto!important;
    margin:0!important;
  }
  .pdd-pop-item.closepos-top-left .pdd-pop-close{top:14px!important;bottom:auto!important;left:14px!important;right:auto!important;transform:none!important}
  .pdd-pop-item.closepos-top-center .pdd-pop-close{top:14px!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important}
  .pdd-pop-item.closepos-top-right .pdd-pop-close{top:14px!important;bottom:auto!important;left:auto!important;right:14px!important;transform:none!important}
  .pdd-pop-item.closepos-bottom-left .pdd-pop-close{top:auto!important;bottom:14px!important;left:14px!important;right:auto!important;transform:none!important}
  .pdd-pop-item.closepos-bottom-center .pdd-pop-close{top:auto!important;bottom:14px!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important}
  .pdd-pop-item.closepos-bottom-right .pdd-pop-close{top:auto!important;bottom:14px!important;left:auto!important;right:14px!important;transform:none!important}
}
