/*<style>*/
    body {
      background-color: #f5f5f5;
      font-family: sans-serif;
      margin: 0;
      padding: 0;
    }

    /* Top-right fixed form on desktop */
    #fixedForm {    
      position: absolute;
      top:9vw;
      right: 1vw;
      background: #000;
      color: #fff;
      padding: 15px;
      border-radius: 8px;
      width: 25vw;
      z-index: 1000;
      box-sizing: border-box;
    }
    #fixedInquiryForm h3{text-align:center;}
        #popupInquiryForm h3{text-align:center;}

    #fixedForm input {
      background: #007BFF;
      color: #fff;
      border: none;
      padding: 8px;
      width: 100%;
      margin-bottom: 10px;
      border-radius: 4px;
      box-sizing: border-box;
      font-size: 1rem;
    }

    #fixedForm input::placeholder {
      color: #ddd;
    }

    #fixedForm button {
      background: red;
      color: #fff;
      border: none;
      padding: 8px;
      width: 100%;
      border-radius: 4px;
      cursor: pointer;
      font-size: 1rem;
    }

    #fixedForm button:hover {
      background: darkred;
    }

    #fixedForm .submittingMessage {
      display: none;
      margin-top: 10px;
      padding: 8px;
      background-color: #e7f3fe;
      border: 1px solid #2196F3;
      color: #0b5ed7;
      font-weight: bold;
      border-radius: 5px;
      text-align: center;
      font-size: 14px;
    }

    /* Franchise Inquiry button */
    #openPopupBtn {
      margin: 50px auto;
      display: block;
      padding: 12px 20px;
      font-size: 16px;
      background: red;
      color: #fff;
      border: none;
      border-radius: 4px;
      cursor: pointer;
      max-width: 300px;
      width: 90%;
    }

    #openPopupBtn:hover {
      background: darkred;
    }

    /* Popup */
    #popupFormContainer {
      display: none;
      position: fixed;
      top: 0; left: 0;
      width: 100%; height: 100%;
      background: rgba(0,0,0,0.7);
      justify-content: center;
      align-items: center;
      z-index: 999;
      padding: 15px;
      box-sizing: border-box;
    }

    #popupForm {
      background: #000;
      color: #fff;
      padding: 20px;
      border-radius: 8px;
      width: 300px;
      max-width: 100%;
      position: relative;
      box-sizing: border-box;
      box-shadow: 0 0 10px rgba(0,0,0,0.5);
    }

    #popupForm input {
      background: #007BFF;
      color: #fff;
      border: none;
      padding: 8px;
      width: 100%;
      margin-bottom: 10px;
      border-radius: 4px;
      box-sizing: border-box;
      font-size: 1rem;
    }

    #popupForm input::placeholder {
      color: #ddd;
    }

    #popupForm button.submit-btn {
      background: red;
      color: #fff;
      border: none;
      padding: 8px;
      width: 100%;
      border-radius: 4px;
      cursor: pointer;
      margin-bottom: 5px;
      font-size: 1rem;
    }

    #popupForm button.submit-btn:hover {
      background: darkred;
    }

    #popupForm .submittingMessage {
      display: none;
      margin-top: 10px;
      padding: 8px;
      background-color: #e7f3fe;
      border: 1px solid #2196F3;
      color: #0b5ed7;
      font-weight: bold;
      border-radius: 5px;
      text-align: center;
      font-size: 14px;
    }

    #popupForm .close-btn {
      position: absolute;
      top: 8px;
      right: 8px;
      background: transparent;
      border: none;
      color: #fff;
      font-size: 24px;
      cursor: pointer;
      line-height: 1;
    }

    /* Responsive Styles */
    @media (max-width: 600px) {
      /* Fixed form moves to bottom full width */
      #fixedForm {
        position: inherit;
        top: 10vw;
        bottom: 0;
        right: 0;
        left: 0;
        width: 100%;
        border-radius: 0;
        padding: 10px 15px;
        display: flex;
        gap: 8px;
        background: #000;
        box-sizing: border-box;
        z-index: 1000;
      }
      #fixedForm form {
        display: column;
        flex-wrap: nowrap;
        width: 100%;
        gap: 3vw;
      }
      #fixedForm input {
        background: #007BFF;
        color: #fff;
        border: none;
        padding: 8px;
        width: 100%;
        margin-bottom: 10px;
        border-radius: 4px;
        box-sizing: border-box;
        font-size: 1rem;
      }
      #fixedForm button {
        background: red;
        color: #fff;
        border: none;
        padding: 8px;
        width: 100%;
        border-radius: 4px;
        cursor: pointer;
        margin-bottom: 5px;
        font-size: 1rem;
      }

      #openPopupBtn {
        max-width: 100%;
        font-size: 18px;
        padding: 14px 20px;
        margin: 20px auto;
      }

      #popupForm {
        width: 100%;
        max-width: 400px;
        margin: 0 10px;
      }

      #popupForm .close-btn {
        font-size: 28px;
        top: 12px;
        right: 12px;
      }
    }
/*</style>*/