.elementor-12619 .elementor-element.elementor-element-49417321{--display:flex;--min-height:0px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12619 .elementor-element.elementor-element-49417321.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12619 .elementor-element.elementor-element-26dac085{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-12619 .elementor-element.elementor-element-26dac085.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-12619 .elementor-element.elementor-element-825f741{--display:flex;--margin-top:-20px;--margin-bottom:-20px;--margin-left:0px;--margin-right:0px;}.elementor-12619 .elementor-element.elementor-element-825f741.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-12619 .elementor-element.elementor-element-2038856 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-12619 .elementor-element.elementor-element-36a5d8e6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 10px;border-style:none;}.elementor-12619 .elementor-element.elementor-element-1f8846a3{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:-11px;--margin-bottom:-11px;--margin-left:0px;--margin-right:0px;}.elementor-12619 .elementor-element.elementor-element-1f8846a3:not(.elementor-motion-effects-element-type-background), .elementor-12619 .elementor-element.elementor-element-1f8846a3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.volumenzeit.com/wp-content/uploads/2025/12/ExtraStraptime_d_transparent.webp");background-position:center center;background-repeat:no-repeat;background-size:contain;}#elementor-popup-modal-12619{background-color:#00000078;justify-content:center;align-items:center;pointer-events:all;}#elementor-popup-modal-12619 .dialog-message{width:915px;height:auto;}#elementor-popup-modal-12619 .dialog-close-button{display:flex;font-size:12px;}#elementor-popup-modal-12619 .dialog-widget-content{border-radius:20px 20px 20px 20px;box-shadow:2px 8px 23px 3px rgba(0,0,0,0.2);}#elementor-popup-modal-12619 .dialog-close-button i{color:var( --e-global-color-text );}#elementor-popup-modal-12619 .dialog-close-button svg{fill:var( --e-global-color-text );}@media(max-width:767px){.elementor-12619 .elementor-element.elementor-element-2038856 > .elementor-widget-container{margin:15px 0px 0px 0px;}.elementor-12619 .elementor-element.elementor-element-2038856 img{width:75%;}.elementor-12619 .elementor-element.elementor-element-36a5d8e6 > .elementor-widget-container{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}#elementor-popup-modal-12619 .dialog-message{width:85vw;}}@media(min-width:768px){.elementor-12619 .elementor-element.elementor-element-49417321{--width:100%;}.elementor-12619 .elementor-element.elementor-element-26dac085{--width:55%;}.elementor-12619 .elementor-element.elementor-element-825f741{--width:100%;}}/* Start custom CSS for image, class: .elementor-element-2038856 *//* MOBILE-ONLY IMAGE: по умолчанию (десктоп/таблет) — полностью убираем из потока */
.vz-mobile-img{
  display: none !important;
  height: 0 !important;
  max-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}

/* на мобиле — показываем и даём аккуратный отступ снизу */
@media (max-width: 767px){
  .vz-mobile-img{
    display: block !important;
    height: auto !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    margin-bottom: 12px !important; /* подгони 0/8/12/16 */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-26dac085 */.elementor-popup-modal .dialog-message {
  overflow: hidden !important;
}/* End custom CSS */
/* Start custom CSS */<!-- Begin Brevo Form (stable, layout-safe) -->

<link rel="stylesheet" href="https://sibforms.com/forms/end-form/build/sib-styles.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap">

<style>
  /* ===== ONLY SAFE OVERRIDES (no container layout hacks) ===== */
  #sib-container, #sib-container * { font-family: Poppins, sans-serif !important; }

  /* Keep Brevo layout. Just ensure nothing inside gets clipped by our CSS */
  #sib-form-container,
  #sib-container { overflow: visible !important; }

  /* Typography */
  #sib-container .vz-title {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #292828 !important;
    line-height: 1.1 !important;
    margin: 0 !important;
  }
  #sib-container .vz-subtitle {
    font-size: 16px !important;
    font-weight: 400 !important;
    color: #3C4858 !important;
    line-height: 1.25 !important;
    margin: 0 !important;
  }

  /* Input: remove "double border" caused by Brevo + our overrides */
  #sib-container .entry__field { border: 0 !important; box-shadow: none !important; background: transparent !important; }
  #sib-container input.input {
    width: 100% !important;
    border: 1px solid #d6dde8 !important;
    border-radius: 10px !important;
    background: #fff !important;
    box-shadow: none !important;
    outline: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    padding: 12px 14px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
  }
  #sib-container input.input:focus {
    border-color: #4c3cff !important;
    box-shadow: 0 0 0 3px rgba(76,60,255,0.15) !important;
  }
  #sib-container input::placeholder {
    text-align: left;
    color: #9aa3b2 !important;
    font-size: 14px !important;
  }

  #sib-container .entry__specification {
    display: block !important;
    margin-top: 6px !important;
    line-height: 1.25 !important;
  }

  /* Button */
  #sib-container button {
    width: 60% !important;
    padding: 12px 14px !important;
    text-align: center !important;
  }

  /* Hide Brevo loader arc */
  #sib-container .sib-hide-loader-icon,
  #sib-container .progress-indicator__icon,
  #sib-container .clickable__icon {
    display: none !important;
  }
  #sib-container .sib-form-block__button-with-loader {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  /* Messages: don't glue to image / keep compact */
  #success-message, #error-message { margin: 0 0 12px 0 !important; }

  /* ===== Mobile: reduce vertical paddings so nothing gets cut ===== */
  @media (max-width: 767px) {
    #sib-container .vz-title { font-size: 20px !important; text-align: center !important; }
    #sib-container .vz-subtitle { font-size: 14px !important; text-align: center !important; }

    #sib-container button { width: 100% !important; }

    /* tighten your inline paddings */
    #sib-form .vz-pad-title { padding: 12px 0 !important; }
    #sib-form .vz-pad-subtitle { padding: 12px 0 !important; }
    #sib-form .vz-pad-btn { padding: 16px 0 10px !important; }

    /* add a tiny safe bottom breathing room so button never touches popup edge */
    #sib-form { padding-bottom: 10px !important; }
  }
</style>

<div class="sib-form" style="text-align:center;">
  <div id="sib-form-container" class="sib-form-container">

    <div id="error-message" class="sib-form-message-panel"
         style="display:none;font-size:16px;text-align:left;font-family:Poppins,sans-serif;color:#661d1d;background-color:#ffeded;border-radius:3px;border-color:#ff4949;max-width:540px;">
      <div class="sib-form-message-panel__text sib-form-message-panel__text--center">
        <svg viewBox="0 0 512 512" class="sib-icon sib-notification__icon">
          <path d="M256 40c118.621 0 216 96.075 216 216 0 119.291-96.61 216-216 216-119.244 0-216-96.562-216-216 0-119.203 96.602-216 216-216m0-32C119.043 8 8 119.083 8 256c0 136.997 111.043 248 248 248s248-111.003 248-248C504 119.083 392.957 8 256 8zm-11.49 120h22.979c6.823 0 12.274 5.682 11.99 12.5l-7 168c-.268 6.428-5.556 11.5-11.99 11.5h-8.979c-6.433 0-11.722-5.073-11.99-11.5l-7-168c-.283-6.818 5.167-12.5 11.99-12.5zM256 340c-15.464 0-28 12.536-28 28s12.536 28 28 28 28-12.536 28-28-12.536-28-28-28z"/>
        </svg>
        <span class="sib-form-message-panel__inner-text">Your subscription could not be saved. Please try again.</span>
      </div>
    </div>

    <div id="success-message" class="sib-form-message-panel"
         style="display:none;font-size:16px;text-align:left;font-family:Poppins,sans-serif;color:#085229;background-color:#e7faf0;border-radius:3px;border-color:#13ce66;max-width:540px;">
      <div class="sib-form-message-panel__text sib-form-message-panel__text--center">
        <svg viewBox="0 0 512 512" class="sib-icon sib-notification__icon">
          <path d="M256 8C119.033 8 8 119.033 8 256s111.033 248 248 248 248-111.033 248-248S392.967 8 256 8zm0 464c-118.664 0-216-96.055-216-216 0-118.663 96.055-216 216-216 118.664 0 216 96.055 216 216 0 118.663-96.055 216-216 216zm141.63-274.961L217.15 376.071c-4.705 4.667-12.303 4.637-16.97-.068l-85.878-86.572c-4.667-4.705-4.637-12.303.068-16.97l8.52-8.451c4.705-4.667 12.303-4.637 16.97.068l68.976 69.533 163.441-162.13c4.705-4.667 12.303-4.637 16.97.068l8.451 8.52c4.668 4.705 4.637 12.303-.068 16.97z"/>
        </svg>
        <span class="sib-form-message-panel__inner-text">Thank you. Please check your inbox to confirm your email.</span>
      </div>
    </div>

    <div id="sib-container" class="sib-container--large sib-container--vertical"
         style="text-align:left;background-color:transparent;max-width:100%;border-radius:0;direction:ltr">
      <form id="sib-form" method="POST"
            action="https://e0941405.sibforms.com/serve/MUIFACMICeFu3m48tVWjKXvN9XmmDgGX7d5dNarYq6UasKwnTL7b3A8oJe9hz9yjt-xSjyE_fFYwiViZ5KWuIV6qhhEP2gKJ05POGc4tbNdHP_iSpBolAfrAqX6iVo24aZZcRfbhpjwuKr3mq-BpYsDGGrIUVyVIxpLlG8qXMt1j9ytZNhhBFBzmQW8VMc6Qyev38qlcGIukocRN"
            data-type="subscription">

        <!-- Title -->
        <div class="vz-pad-title" style="padding: 18px 0;">
          <div class="sib-form-block" style="background-color:transparent;text-align:left">
            <p class="vz-title">Complimentary strap with your first watch</p>
          </div>
        </div>

        <!-- Subtitle -->
        <div class="vz-pad-subtitle" style="padding: 18px 0;">
          <div class="sib-form-block" style="background-color:transparent;text-align:left">
            <p class="vz-subtitle">Subscribe to Volumenzeit and we will include an extra strap with your first order</p>
          </div>
        </div>

        <!-- Email -->
        <div style="padding: 0px 0 10px;">
          <div class="sib-input sib-form-block">
            <div class="form__entry entry_block">
              <div class="form__label-row">
                <div class="entry__field">
                  <input class="input" type="email" id="EMAIL" name="EMAIL"
                         autocomplete="email" placeholder="Enter your email" data-required="true" required />
                </div>
              </div>

              <label class="entry__error entry__error--primary"
                     style="font-size:16px;text-align:left;font-family:Poppins,sans-serif;color:#661d1d;background-color:#ffeded;border-radius:3px;border-color:#ff4949;"></label>

              <label class="entry__specification"
                     style="font-size:11px;text-align:left;font-family:Poppins,sans-serif;color:#3C4858;display:block;margin:0;">
                By subscribing, you agree to receive emails from Volumenzeit. Unsubscribe anytime.
              </label>
            </div>
          </div>
        </div>

        <!-- Button -->
        <div class="vz-pad-btn" style="padding: 28px 0 18px;">
          <div class="sib-form-block" style="text-align:left">
            <button class="sib-form-block__button sib-form-block__button-with-loader"
                    style="font-size:16px;font-weight:500;font-family:Poppins,sans-serif;color:#FFFFFF;background-color:#4c3cff;border-radius:10px;border-width:0px;"
                    form="sib-form" type="submit">
              <svg class="icon clickable__icon progress-indicator__icon sib-hide-loader-icon" viewBox="0 0 512 512">
                <path d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z"/>
              </svg>
              Unlock my strap
            </button>
          </div>
        </div>

        <div style="padding: 8px 0;">
          <div class="g-recaptcha-v3" data-sitekey="6LdSLaAqAAAAAM9GCvysBXBQnE6XEAE0kmwvSu7p" style="display:none"></div>
        </div>

        <input type="text" name="email_address_check" value="" class="input--hidden">
        <input type="hidden" name="locale" value="en">
      </form>
    </div>
  </div>
</div>

<script>
  window.REQUIRED_CODE_ERROR_MESSAGE = 'Please choose a country code';
  window.LOCALE = 'en';
  window.EMAIL_INVALID_MESSAGE = window.SMS_INVALID_MESSAGE =
    "The information provided is invalid. Please review the field format and try again.";
  window.REQUIRED_ERROR_MESSAGE = "This field cannot be left blank. ";
  window.GENERIC_INVALID_MESSAGE =
    "The information provided is invalid. Please review the field format and try again.";
  window.translation = { common: {
    selectedList: '{quantity} list selected',
    selectedLists: '{quantity} lists selected',
    selectedOption: '{quantity} selected',
    selectedOptions: '{quantity} selected',
  }};
  var AUTOHIDE = Boolean(0);
</script>

<script defer src="https://sibforms.com/forms/end-form/build/main.js"></script>
<script src="https://www.google.com/recaptcha/api.js?render=6LdSLaAqAAAAAM9GCvysBXBQnE6XEAE0kmwvSu7p&hl=en" async defer></script>

<!-- End Brevo Form -->/* End custom CSS */