:root{
      --mcm-yellow:#ffd533;
      --mcm-yellow-dark:#ffbf00;
      --mcm-black:#050505;
      --mcm-grey:#f5f5f5;
      --mcm-text:#222;
      --mcm-footer-bg:#050505;
      --mcm-font:"Segoe UI",system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
    }
    *{box-sizing:border-box;margin:0;padding:0;}
    body{
      font-family:var(--mcm-font);
      color:var(--mcm-text);
      background:#ffffff;
    }
    a{text-decoration:none;color:inherit;}

    .mcm-page-wrap{
      min-height:100vh;
      display:flex;
      flex-direction:column;
      background:#ffffff;
    }

    /* ===== BOOK AN APPOINTMENT TITLE ===== */
    .mcm-book-title-wrap{
      padding:40px 16px 20px;
      text-align:center;
    }
    .mcm-book-title-wrap h1{
      font-size:30px;
      letter-spacing:.12em;
      text-transform:uppercase;
      margin-bottom:8px;
    }
    .mcm-book-title-underline{
      width:90px;
      height:4px;
      background:var(--mcm-yellow);
      margin:0 auto;
      border-radius:999px;
    }

    /* ===== FORM CARD SECTION ===== */
    .mcm-form-section{
      padding:20px 16px 40px;
      background:var(--mcm-grey);
    }
    .mcm-form-card{
      max-width:980px;
      margin:0 auto;
      background:#fdfdfd;
      border-radius:14px;
      box-shadow:0 10px 30px rgba(0,0,0,.06);
      padding:32px 26px 28px;
      border:1px solid #e3e3e3;
    }
    .mcm-form-grid{
      display:grid;
      grid-template-columns:repeat(2,minmax(0,1fr));
      gap:18px 20px;
    }
    .mcm-form-group{
      display:flex;
      flex-direction:column;
      font-size:13px;
    }
    .mcm-form-group label{
      margin-bottom:6px;
      font-weight:600;
    }
    .mcm-form-control,
    .mcm-form-select{
      padding:11px 12px;
      border-radius:6px;
      border:1px solid #e3c63b;
      background:#ffffff;
      font-size:13px;
      outline:none;
      transition:border-color .15s, box-shadow .15s;
    }
    .mcm-form-control:focus,
    .mcm-form-select:focus{
      border-color:var(--mcm-yellow-dark);
      box-shadow:0 0 0 2px rgba(255,213,51,.4);
    }
    .mcm-form-group.full{
      grid-column:1 / -1;
    }

    /* date / time icon field */
    .mcm-input-with-icon{
      position:relative;
    }
    .mcm-input-with-icon span{
      position:absolute;
      right:10px;
      top:50%;
      transform:translateY(-50%);
      font-size:16px;
      color:#777;
      pointer-events:none;
    }
    .mcm-input-with-icon input{
      width:100%;
      padding-right:32px;
    }

    .mcm-submit-wrap{
      margin-top:26px;
      text-align:center;
    }
    .mcm-submit-btn{
      display:inline-block;
      min-width:260px;
      padding:12px 24px;
      text-transform:uppercase;
      letter-spacing:.12em;
      font-size:12px;
      background:#222;
      color:#fff;
      border-radius:4px;
      border:none;
      cursor:pointer;
      transition:background .2s, transform .1s;
    }
    .mcm-submit-btn:hover{
      background:#000;
      transform:translateY(-1px);
    }

    /* ===== FIND NEAR YOU STRIP ===== */
    .mcm-find-strip{
      background:#f4f4f4;
      padding:28px 16px;
      border-top:1px solid #e1e1e1;
      border-bottom:1px solid #e1e1e1;
    }
    .mcm-find-inner{
      max-width:980px;
      margin:0 auto;
      display:flex;
      justify-content:space-between;
      align-items:center;
      gap:18px;
      flex-wrap:wrap;
    }
    .mcm-find-text h3{
      font-size:18px;
      margin-bottom:4px;
    }
    .mcm-find-text p{
      font-size:13px;
      color:#555;
    }
    .mcm-find-btn{
      padding:10px 22px;
      border-radius:999px;
      background:var(--mcm-yellow);
      border:1px solid var(--mcm-yellow);
      font-size:13px;
      font-weight:600;
      cursor:pointer;
      text-transform:uppercase;
      letter-spacing:.08em;
    }
    .mcm-find-btn:hover{
      background:var(--mcm-yellow-dark);
      border-color:var(--mcm-yellow-dark);
    }

    /* ===== FOOTER ===== */
    .mcm-footer-wrap{
      background:var(--mcm-footer-bg);
      color:#f5f5f5;
      padding:50px 20px 25px;
      font-family:var(--mcm-font);
      margin-top:auto;
    }
    .mcm-footer-inner{
      max-width:1100px;
      margin:0 auto;
    }
    .mcm-footer-grid{
      display:grid;
      grid-template-columns:repeat(4,minmax(0,1fr));
      gap:40px;
      font-size:14px;
      margin-bottom:35px;
    }
    .mcm-footer-col-title{
      font-size:14px;
      font-weight:700;
      text-transform:uppercase;
      letter-spacing:.15em;
      color:var(--mcm-yellow);
      margin-bottom:14px;
    }
    .mcm-footer-text{
      color:#dddddd;
      line-height:1.7;
    }
    .mcm-footer-list{
      list-style:none;
      padding:0;
      margin:0;
    }
    .mcm-footer-list li{
      color:#e2e2e2;
      margin-bottom:6px;
    }
    .mcm-footer-list li span{
      color:var(--mcm-yellow);
      font-weight:600;
    }
    .mcm-footer-social{
      display:flex;
      gap:12px;
      margin-top:18px;
    }
    .mcm-social-circle{
      width:34px;
      height:34px;
      border-radius:50%;
      background:var(--mcm-yellow);
      display:flex;
      align-items:center;
      justify-content:center;
      font-size:16px;
      color:#000;
    }
    .mcm-footer-bottom{
      border-top:1px solid #262626;
      padding-top:14px;
      text-align:center;
      font-size:12px;
      color:#aaaaaa;
    }

    /* ===== RESPONSIVE ===== */
    @media (max-width:900px){
      .mcm-form-card{padding:24px 18px;}
      .mcm-form-grid{
        grid-template-columns:1fr;
      }
      .mcm-footer-grid{
        grid-template-columns:repeat(2,minmax(0,1fr));
      }
    }
    @media (max-width:600px){
      .mcm-book-title-wrap h1{
        font-size:24px;
        letter-spacing:.08em;
      }
      .mcm-footer-grid{
        grid-template-columns:1fr;
      }
      .mcm-find-inner{
        flex-direction:column;
        align-items:flex-start;
      }
    }