#synAuthModal{
      position: fixed;
      inset: 0;
      display: none;
      align-items: center;
      justify-content: center;
      z-index: 999999;
      padding: 22px;
      font-family: "Montserrat", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
    }

    #synAuthModal.active{
      display: flex;
    }

    #synAuthModal .syn-modal__overlay{
      position: absolute;
      inset: 0;
      background: rgba(31,27,36,.30);
      backdrop-filter: blur(7px);
      -webkit-backdrop-filter: blur(7px);
    }

    #synAuthModal .syn-modal__box{
      position: relative;
      z-index: 2;
      width: min(640px, calc(100vw - 28px));
      max-height: calc(100dvh - 28px);
      overflow-y: auto;
      overflow-x: hidden;
      background:
        radial-gradient(560px 180px at 100% 0%, rgba(75,49,83,.08), transparent 58%),
        linear-gradient(180deg, #FFFFFF 0%, #FCFAFD 100%);
      color: #1F1B24;
      border: 1px solid rgba(75,49,83,.10);
      border-radius: 30px;
      box-shadow:
        0 24px 64px rgba(31,27,36,.12),
        inset 0 1px 0 rgba(255,255,255,.92);
      padding: 28px 28px 22px;
    }

    #synAuthModal .syn-modal__close{
      position: absolute;
      top: 16px;
      right: 16px;
      width: 44px;
      height: 44px;
      border-radius: 14px;
      border: 1px solid rgba(75,49,83,.12);
      background: rgba(75,49,83,.05);
      color: #4B3153;
      cursor: pointer;
      font-size: 22px;
      line-height: 1;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: background .18s ease, transform .18s ease, box-shadow .18s ease, border-color .18s ease;
    }

    #synAuthModal .syn-modal__close:hover,
    #synAuthModal .syn-modal__close:focus-visible{
      background: rgba(75,49,83,.10);
      border-color: rgba(75,49,83,.18);
      transform: translateY(-1px);
      box-shadow: 0 10px 24px rgba(31,27,36,.08);
      outline: none;
    }

    #synAuthModal .syn-modal__panel{
      display: block;
    }

    #synAuthModal .syn-modal__header{
      max-width: 500px;
      margin: 0 auto 24px;
      text-align: center;
      display: grid;
      gap: 12px;
    }

    #synAuthModal .syn-modal__header h2{
      margin: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 16px;
      font-size: clamp(28px, 3vw, 38px);
      line-height: 1.12;
      font-weight: 700;
      letter-spacing: -.03em;
      color: #1F1B24;
    }

    #synAuthModal .syn-modal__header h2::before,
    #synAuthModal .syn-modal__header h2::after{
      content: "";
      width: min(70px, 14vw);
      height: 1px;
      background: rgba(75,49,83,.24);
      flex: 0 0 auto;
    }

    #synAuthModal .syn-modal__header p{
      margin: 0;
      color: #6E6675;
      font-size: 15px;
      line-height: 1.7;
      font-weight: 500;
    }

    html.syn-modal-open,
    html.syn-modal-open body{
      overflow: hidden;
    }

    #synAuthModal .woocommerce-form,
    #synAuthModal form.woocommerce-form-login{
      margin: 0 !important;
      padding: 24px !important;
      border: 1px solid rgba(75,49,83,.10) !important;
      border-radius: 24px !important;
      background: linear-gradient(180deg, #FFFFFF 0%, #FCFAFD 100%) !important;
      box-shadow: 0 10px 26px rgba(31,27,36,.04) !important;
      overflow: hidden !important;
    }

    #synAuthModal .woocommerce-form::after,
    #synAuthModal form.woocommerce-form-login::after{
      content: "";
      display: table;
      clear: both;
    }

    #synAuthModal .woocommerce-form-login > *{
      max-width: 100%;
      min-width: 0;
      box-sizing: border-box;
    }

    #synAuthModal .woocommerce-form-login .form-row{
      width: 100% !important;
      float: none !important;
      clear: both !important;
      margin: 0 0 18px 0 !important;
      padding: 0 !important;
    }

    #synAuthModal .woocommerce-form-login label{
      display: block !important;
      margin: 0 0 8px 0 !important;
      color: #1F1B24 !important;
      font-size: 12px !important;
      line-height: 1.3 !important;
      font-weight: 700 !important;
      letter-spacing: .05em !important;
      text-transform: uppercase !important;
    }

    #synAuthModal .woocommerce-form-login input[type="text"],
    #synAuthModal .woocommerce-form-login input[type="email"],
    #synAuthModal .woocommerce-form-login input[type="password"]{
      display: block !important;
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      height: 54px !important;
      margin: 0 !important;
      padding: 0 16px !important;
      border-radius: 16px !important;
      border: 1px solid rgba(75,49,83,.14) !important;
      background: #FFFFFF !important;
      color: #1F1B24 !important;
      font-size: 15px !important;
      line-height: 1 !important;
      box-shadow: none !important;
      outline: none !important;
      transition: border-color .18s ease, box-shadow .18s ease !important;
    }

    #synAuthModal .woocommerce-form-login input[type="text"]::placeholder,
    #synAuthModal .woocommerce-form-login input[type="email"]::placeholder,
    #synAuthModal .woocommerce-form-login input[type="password"]::placeholder{
      color: #8A8390 !important;
      opacity: 1 !important;
    }

    #synAuthModal .woocommerce-form-login input[type="text"]:focus,
    #synAuthModal .woocommerce-form-login input[type="email"]:focus,
    #synAuthModal .woocommerce-form-login input[type="password"]:focus{
      border-color: rgba(75,49,83,.30) !important;
      box-shadow: 0 0 0 4px rgba(75,49,83,.08) !important;
    }

    #synAuthModal .woocommerce-form-login .woocommerce-form-login__rememberme{
      display: flex !important;
      align-items: center !important;
      gap: 10px !important;
      margin: 2px 0 2px 0 !important;
      color: #6E6675 !important;
      font-size: 14px !important;
      line-height: 1.45 !important;
      font-weight: 500 !important;
      text-transform: none !important;
      letter-spacing: 0 !important;
      cursor: pointer;
    }

    #synAuthModal .woocommerce-form-login .woocommerce-form-login__rememberme input{
      width: 18px !important;
      height: 18px !important;
      margin: 0 !important;
      accent-color: #4B3153;
      flex: 0 0 auto;
    }

    /* JEDYNY BLOK OD PRZYCISKU */
    #synAuthModal .woocommerce-form-login button.woocommerce-form-login__submit.woocommerce-button.button{
      display: block !important;
      width: 260px !important;
      min-width: 260px !important;
      max-width: 260px !important;
      height: 54px !important;
      min-height: 54px !important;
      margin: 8px auto 0 !important;
      padding: 0 !important;
      border-radius: 999px !important;
      border: 1px solid transparent !important;
      background: #4B3153 !important;
      color: #FFFFFF !important;
      font-size: 13px !important;
      line-height: 54px !important;
      font-weight: 700 !important;
      letter-spacing: .08em !important;
      text-transform: uppercase !important;
      text-align: center !important;
      box-shadow: 0 12px 28px rgba(75,49,83,.16) !important;
      cursor: pointer !important;
      transition: background .18s ease, transform .18s ease, box-shadow .18s ease !important;
    }

    #synAuthModal .woocommerce-form-login button.woocommerce-form-login__submit.woocommerce-button.button:hover,
    #synAuthModal .woocommerce-form-login button.woocommerce-form-login__submit.woocommerce-button.button:focus-visible{
      background: #3F2746 !important;
      transform: translateY(-1px) !important;
      box-shadow: 0 16px 34px rgba(63,39,70,.18) !important;
      outline: none !important;
    }

    #synAuthModal .woocommerce-LostPassword,
    #synAuthModal .lost_password{
      margin: 16px 0 0 0 !important;
      text-align: center !important;
      font-size: 14px !important;
      line-height: 1.6 !important;
    }

    #synAuthModal .woocommerce-LostPassword a,
    #synAuthModal .lost_password a{
      color: #4B3153 !important;
      font-weight: 700 !important;
      text-decoration: none !important;
    }

    #synAuthModal .woocommerce-LostPassword a:hover,
    #synAuthModal .lost_password a:hover{
      text-decoration: underline !important;
    }

    #synAuthModal .woocommerce-error,
    #synAuthModal .woocommerce-info,
    #synAuthModal .woocommerce-message{
      margin: 0 0 16px 0 !important;
      padding: 14px 16px !important;
      border-radius: 16px !important;
      border: 1px solid rgba(75,49,83,.10) !important;
      background: #FFFFFF !important;
      color: #1F1B24 !important;
      font-size: 14px !important;
      line-height: 1.6 !important;
      list-style: none !important;
      box-shadow: 0 8px 20px rgba(31,27,36,.04) !important;
    }

    #synAuthModal .woocommerce-error li{
      margin: 0 !important;
    }

    #synAuthModal .syn-modal__terms{
      margin: 18px 0 0 0;
      text-align: center;
      color: #6E6675;
      font-size: 13px;
      line-height: 1.65;
      font-weight: 500;
    }

    #synAuthModal .syn-modal__terms a{
      color: #4B3153;
      font-weight: 700;
      text-decoration: none;
    }

    #synAuthModal .syn-modal__terms a:hover{
      text-decoration: underline;
    }

    #synAuthModal .syn-register-link,
    #synAuthModal .register,
    #synAuthModal .woocommerce-form-register,
    #synAuthModal .woocommerce-register,
    #synAuthModal .create-account{
      display: none !important;
    }

    @media (max-width: 640px){
      #synAuthModal{
        padding: 12px;
      }

      #synAuthModal .syn-modal__box{
        width: min(100vw - 12px, 100%);
        max-height: calc(100dvh - 12px);
        padding: 20px 16px 16px;
        border-radius: 22px;
      }

      #synAuthModal .syn-modal__close{
        top: 10px;
        right: 10px;
        width: 40px;
        height: 40px;
        border-radius: 12px;
      }

      #synAuthModal .syn-modal__header{
        text-align: left;
        margin-bottom: 18px;
      }

      #synAuthModal .syn-modal__header h2{
        justify-content: flex-start;
        gap: 10px;
        font-size: 28px;
      }

      #synAuthModal .syn-modal__header h2::before,
      #synAuthModal .syn-modal__header h2::after{
        width: 28px;
      }

      #synAuthModal .woocommerce-form,
      #synAuthModal form.woocommerce-form-login{
        padding: 18px !important;
        border-radius: 18px !important;
      }

      #synAuthModal .woocommerce-form-login button.woocommerce-form-login__submit.woocommerce-button.button{
        width: 240px !important;
        min-width: 240px !important;
        max-width: 240px !important;
      }
    }
								  /* =========================================================
   ZMIANA ETYKIETY "NAZWA UŻYTKOWNIKA..." NA "ADRES E-MAIL"
========================================================= */
#synAuthModal .woocommerce-form-login label[for="username"] {
  font-size: 0 !important; /* Ukrywa stary, długi tekst */
}

#synAuthModal .woocommerce-form-login label[for="username"]::after {
  content: "ADRES E-MAIL *";
  font-size: 12px !important; /* Przywraca widoczność naszego nowego tekstu */
}

#synAuthModal .woocommerce-form-login label[for="username"] .required {
  display: none !important; /* Ukrywa starą czerwoną gwiazdkę (mamy już nową w content) */
}

    /* PANEL RESETU – DODANY BEZ ZMIANY STYLÓW LOGOWANIA */
    #synAuthModal .syn-modal__panel[hidden]{
      display: none !important;
    }

    #synAuthModal .syn-reset-form{
      margin: 0 !important;
      padding: 24px !important;
      border: 1px solid rgba(75,49,83,.10) !important;
      border-radius: 24px !important;
      background: linear-gradient(180deg, #FFFFFF 0%, #FCFAFD 100%) !important;
      box-shadow: 0 10px 26px rgba(31,27,36,.04) !important;
      overflow: hidden !important;
    }

    #synAuthModal .syn-reset-form .form-row{
      width: 100% !important;
      margin: 0 0 18px !important;
      padding: 0 !important;
    }

    #synAuthModal .syn-reset-form label{
      display: block !important;
      margin: 0 0 8px !important;
      color: #1F1B24 !important;
      font-size: 12px !important;
      line-height: 1.3 !important;
      font-weight: 700 !important;
      letter-spacing: .05em !important;
      text-transform: uppercase !important;
    }

    #synAuthModal .syn-reset-form input[type="email"],
    #synAuthModal .syn-reset-form input[type="password"]{
      display: block !important;
      width: 100% !important;
      height: 54px !important;
      margin: 0 !important;
      padding: 0 16px !important;
      border-radius: 16px !important;
      border: 1px solid rgba(75,49,83,.14) !important;
      background: #FFFFFF !important;
      color: #1F1B24 !important;
      font-size: 15px !important;
      box-shadow: none !important;
      outline: none !important;
    }

    #synAuthModal .syn-reset-form input[type="email"]:focus,
    #synAuthModal .syn-reset-form input[type="password"]:focus{
      border-color: rgba(75,49,83,.30) !important;
      box-shadow: 0 0 0 4px rgba(75,49,83,.08) !important;
    }

    #synAuthModal .syn-reset-submit{
      display: block !important;
      width: 260px !important;
      min-width: 260px !important;
      max-width: 260px !important;
      height: 54px !important;
      min-height: 54px !important;
      margin: 8px auto 0 !important;
      padding: 0 !important;
      border-radius: 999px !important;
      border: 1px solid transparent !important;
      background: #4B3153 !important;
      color: #FFFFFF !important;
      font-size: 12px !important;
      line-height: 54px !important;
      font-weight: 700 !important;
      letter-spacing: .07em !important;
      text-transform: uppercase !important;
      text-align: center !important;
      cursor: pointer !important;
    }

    #synAuthModal .syn-reset-submit:hover,
    #synAuthModal .syn-reset-submit:focus-visible{
      background: #3F2746 !important;
      outline: none !important;
    }

    #synAuthModal .syn-reset-submit[disabled]{
      opacity: .65 !important;
      cursor: wait !important;
    }

    #synAuthModal .syn-reset-back{
      display: block;
      margin: 16px auto 0;
      padding: 4px;
      border: 0;
      background: transparent;
      color: #4B3153;
      font-size: 14px;
      line-height: 1.5;
      font-weight: 700;
      cursor: pointer;
    }

    #synAuthModal .syn-reset-message{
      display: none;
      margin: 0 0 16px;
      padding: 14px 16px;
      border: 1px solid rgba(75,49,83,.10);
      border-radius: 16px;
      background: #FFFFFF;
      color: #1F1B24;
      font-size: 14px;
      line-height: 1.6;
    }

    #synAuthModal .syn-reset-message.is-visible{
      display: block;
    }

    #synAuthModal .syn-reset-message.is-error{
      border-color: rgba(166,55,55,.22);
      background: #FFF8F8;
    }

    @media (max-width: 640px){
      #synAuthModal .syn-reset-form{
        padding: 18px !important;
        border-radius: 18px !important;
      }

      #synAuthModal .syn-reset-submit{
        width: 240px !important;
        min-width: 240px !important;
        max-width: 240px !important;
      }
    }