*{margin: 0;padding: 0; box-sizing: border-box; font-family: Arial}
  #shopline-section-header{display: none;}
  #Footer{display: none;}
    :root {
        --tiao-red: #B0412D;
        --tiao-lightred: #F7F3EF;
        --tiao-lighttext:#E7DCD0;
        --tiao-dark: #231815;
        --tiao-grey: #333;
        --tiao-letter-space: 0.3em;

    }

    .form-container h2,
    .form-container h3{padding: 0; margin: 0;}
    .form-container h2,
    .form-container h3{font-weight: bold}
    .form-container h1{font-weight: bold}
    .teammate-name{display: none;}

    .form-container{display: flex; margin: 20px 20px 90px 20px; flex-direction: column;}
    .row{display: flex; margin: 20px 0 10px 0; flex-direction: column;}
    .column{display: flex; margin:0; flex-direction: row;}
    .form-container h2 {margin-bottom: 0; color:var(--tiao-dark); color:var(--tiao-red) }
    .form-container h3 {margin-bottom: 20px; color: var(--tiao-dark); font-weight: normal; font-size: 18px }
    .form-container i{color:var(--tiao-dark) }
    .teammate-card {display: flex;align-items: center;background: var(--tiao-lightred);padding: 15px;border-radius: 12px;margin-bottom: 5px; }
    .teammate-photo {  width:130px;height: 180px;border-radius: 3px;overflow: hidden;margin-right: 15px; background-size: cover;background-position: center;  }
    .teammate-info { flex: 1; }
    .teammate-name {font-weight: bold; font-size: 20px;}
    .teammate-title { font-size: 15px;  color: var(--tiao-dark);}
    .form-container label {display: block; margin:0; font-weight: bold; color:var(--tiao-dark) }
    input[type=text],input[type=number],input[type=tel],input[type=email], textarea, select, button { width: 100%;  padding: 10px;margin-bottom: 5px; border: 1px solid var(--tiao-red);border-radius: 3px;}
    .form-container button {background-color: var(--tiao-red);color: white;font-size: 18px;cursor: pointer; transition: background 0.3s; }
    .form-container button:hover {opacity: 0.9}
    .teammate-name{color: var(--tiao-dark); font-size: 20px}
    .teammate-title b{color: var(--tiao-red); font-size: 18px; margin: 0 0 2px 0; display: block;}
    .group-radio{display:block; margin: 0 0 10px 0}
    .group-radio label{display: block; width: 100%}

    #submitButton{font-weight: bold}

    .form button {
            background:#CF152D;
            color: #fff;
            padding: 10px 15px;
            border: none;
            margin: 25px 0;
            cursor: pointer;
            width: 100%;
            position: relative;
            font-size: 20px;
            font-weight: bold;
            border-radius: 3px;
        }
        .form button:disabled {
            background: #98777B;
            cursor: not-allowed;
        }
       .form  button.loading::after {
            content: "...";
            position: absolute;
            right: 15px;
            font-size: 14px;
            line-height: 30px;
            color: #ffffff;
        }
        .form button.loading {
            background: #7A0010;
        }

        .form button.success {
        background: #CF152D;
        color: white;

    }


     @media screen and (min-width: 1200px) {
        .form-container h2{font-size: 24px}
        .form-container h3{font-size: 22px}

        .form-container{max-width: 600px; margin: 20px auto 90px; }
        .form-container label,
        .form-container input{ font-size: 20px }

        .group-radio{display: inline-flex;}

        .teammate-name{font-size: 20px}
        .teammate-title{font-size: 20px}
        .teammate-title b{font-size: 20px}
        input[type=text], textarea, select, button{font-size: 20px; padding: 15px}
        .form-container button{font-size: 20px}


         .teammate-photo {  width:220px;height: 220px;}



     }