@scope (#checkout-dialog) {

  @keyframes slide-up {
    from {
      transform: translateY(100%);
      opacity: 0;
    }
    to {
      transform: translateY(0);
      opacity: 1;
    }
  }

  .animate-slide-up {
    animation: slide-up 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  }

  
  .ptprelinker--box {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 auto !important;
    width: 100% !important;
    max-width: 100% !important;
    background: transparent !important;
  }

  .ptprelinker-content,
  .ptprelinker-content-inner,
  .ptprelinker-content-content {
    width: 100% !important;
    max-width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    background: transparent !important;
  }

  .ptprelinker-register-form,
  .ptprelinker-register-form form {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important;
    background-color: transparent !important;
  }

  .ptprelinker-input,
  #prelinker-form .ptprelinker-input,
  input.ptprelinker-input,
  input[type="email"].ptprelinker-input,
  input[type="text"].ptprelinker-input {
    width: 100% !important;
    background-color: rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    border: 2px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 16px !important;
    padding: 16px 20px !important;
    color: #ffffff !important;
    font-size: 15px !important;
    transition: all 0.3s ease !important;
    margin-bottom: 14px !important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) !important;
    outline: none !important;
  }

  .ptprelinker-input:focus,
  #prelinker-form .ptprelinker-input:focus {
    border-color: #e8192c !important;
    box-shadow: 0 0 0 4px rgba(232, 25, 44, 0.2), 0 1px 3px rgba(0, 0, 0, 0.2) !important;
    background-color: rgba(255, 255, 255, 0.12) !important;
  }

  .ptprelinker-input::placeholder,
  #prelinker-form .ptprelinker-input::placeholder {
    color: rgba(255, 255, 255, 0.5) !important;
    opacity: 1 !important;
  }

  .ptprelinker-input-group {
    width: 100% !important;
    margin-bottom: 4px !important;
  }

  .ptprelinker-button,
  .ptprelinker-button-success,
  #prelinker-form .ptprelinker-button,
  #prelinker-form input[type="submit"].ptprelinker-button,
  #prelinker-form input[type="submit"],
  #prelinker-form button,
  #prelinker-form .btn,
  #prelinker-form .submit,
  input.ptprelinker-button-success,
  .ptprelinker--box button,
  .ptprelinker--box input[type="submit"],
  .ptprelinker-register-form button,
  .ptprelinker-register-form input[type="submit"] {
    width: 100% !important;
    background: linear-gradient(135deg, #e8192c 0%, #b5101e 100%) !important;
    background-color: #e8192c !important;
    border: none !important;
    border-radius: 16px !important;
    padding: 16px 28px !important;
    color: #ffffff !important;
    font-weight: 700 !important;
    font-size: 16px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    margin-top: 8px !important;
    box-shadow: 0 4px 14px rgba(232, 25, 44, 0.4), 0 0 22px rgba(232, 25, 44, 0.35) !important;
    text-transform: none !important;
    letter-spacing: 0.3px !important;
  }

  .ptprelinker-button:hover,
  .ptprelinker-button-success:hover,
  #prelinker-form .ptprelinker-button:hover,
  #prelinker-form input[type="submit"]:hover,
  #prelinker-form button:hover,
  .ptprelinker--box button:hover,
  .ptprelinker--box input[type="submit"]:hover,
  .ptprelinker-register-form button:hover,
  .ptprelinker-register-form input[type="submit"]:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(232, 25, 44, 0.5), 0 0 32px rgba(232, 25, 44, 0.45) !important;
    background: linear-gradient(135deg, #d41628 0%, #a30f1b 100%) !important;
  }

  .ptprelinker-button:active,
  #prelinker-form .ptprelinker-button:active,
  #prelinker-form input[type="submit"]:active,
  #prelinker-form button:active,
  .ptprelinker--box button:active,
  .ptprelinker--box input[type="submit"]:active {
    transform: scale(0.98) !important;
  }

  .ptprelinker-checkbox {
    display: flex;
    align-items: flex-start !important;
    margin-bottom: 16px !important;
    width: 100% !important;
  }

  .ptprelinker-input-checkbox,
  #prelinker-form .ptprelinker-input-checkbox,
  input[type="checkbox"].ptprelinker-input-checkbox {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px !important;
    margin-right: 12px !important;
    margin-top: 2px !important;
    accent-color: #e8192c !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
    border-radius: 6px !important;
  }

  .ptprelinker-label-checkbox,
  #prelinker-form .ptprelinker-label-checkbox {
    color: rgba(255, 255, 255, 0.7) !important;
    font-size: 13px !important;
    line-height: 1.6 !important;
    cursor: pointer !important;
    flex: 1 !important;
  }

  .ptprelinker-buttons {
    width: 100% !important;
    margin-top: 8px !important;
  }

  .ptprelinker-cgu-link,
  #prelinker-form .ptprelinker-cgu-link,
  #prelinker-form a.ptprelinker-cgu-link {
    color: #e8192c !important;
    text-decoration: none !important;
    font-weight: 600 !important;
    transition: color 0.2s ease !important;
  }

  .ptprelinker-cgu-link:hover,
  #prelinker-form .ptprelinker-cgu-link:hover {
    color: #b5101e !important;
    text-decoration: underline !important;
  }

  .ptprelinker-label:empty {
    display: none !important;
  }

  .error-register {
    color: #ef4444 !important;
    font-size: 13px !important;
    margin: 8px 0 !important;
    text-align: center !important;
  }

}
    #prelinker-form .ptprelinker--box{position:static!important;inset:auto!important;transform:none!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important;padding:0!important;background:transparent!important;box-shadow:none!important;border:none!important}
    #prelinker-form .ptprelinker-content,
    #prelinker-form .ptprelinker-content-inner,
    #prelinker-form .ptprelinker-content-content{background:transparent!important;box-shadow:none!important;border:none!important;padding:0!important;margin:0!important;width:100%!important;max-width:100%!important}
    #prelinker-form .ptprelinker-input-group{width:100%!important;max-width:100%!important}
    #prelinker-form .ptprelinker-close,
    #prelinker-form .ptprelinker-content-close{display:none!important}
    #prelinker-form .ptprelinker-input-group:empty{display:none!important;margin:0!important}
    #prelinker-form .ptprelinker-input-group:not(:has(input:not([type="hidden"]))){display:none!important;margin:0!important}
    #prelinker-form .ptprelinker-label:empty{display:none!important}
    .ptprelinker-modal-cgu{z-index:10001!important}
    body > .ptprelinker--box{position:fixed!important;left:-9999px!important;top:0!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;pointer-events:none!important}
    .prelinker-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:120px;color:var(--grey);font-size:.85rem}
    .prelinker-loading::before{content:'';width:18px;height:18px;border:2px solid rgba(255,255,255,.15);border-top-color:var(--red);border-radius:50%;animation:plspin .7s linear infinite}
    @keyframes plspin{to{transform:rotate(360deg)}}



.conv-form input,.conv-form button,.conv-form label{font-family:'DM Sans',sans-serif!important}

.checkout-modal>.ptprelinker-modal-cgu{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;margin:0!important;padding:16px!important;overflow:auto!important;background:rgba(0,0,0,.86)!important;z-index:10001!important}
.checkout-modal .ptprelinker-modal-cgu-content{width:100%!important;max-width:800px!important;margin:0 auto!important;padding:24px!important;background:#f8f8f8!important;border-radius:12px!important;color:#222!important;box-sizing:border-box!important}
.checkout-modal .ptprelinker-modal-cgu-close{position:sticky!important;top:0!important;float:right;width:32px!important;height:32px!important;line-height:32px!important;font-size:28px!important;cursor:pointer;color:#333!important;z-index:1}
.checkout-modal #ptprelinker-modal-cgu-body{font-family:'DM Sans',sans-serif!important;font-size:13px!important;line-height:1.7!important;overflow-wrap:anywhere}
.checkout-modal #ptprelinker-modal-cgu-body h1{font:600 22px/1.4 'DM Sans',sans-serif!important;letter-spacing:normal!important;margin:12px 0!important}
.checkout-modal #ptprelinker-modal-cgu-body h2,.checkout-modal #ptprelinker-modal-cgu-body h3{font:600 17px/1.5 'DM Sans',sans-serif!important;letter-spacing:normal!important;margin:16px 0 8px!important}