.mk-configurator {
         max-width: 800px;
         margin: 20px auto;
         padding: 20px;
         background: #fff;
         border-radius: 8px;
         box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
     }

     .mk-step h3 {
         color: #003087;
         margin-bottom: 15px;
     }

     .mk-step select, .mk-step input {
         margin: 5px 0;
         padding: 10px;
         border: 2px solid #4A4A4A;
         border-radius: 4px;
     }

     .mk-step button {
         background: #003087;
         color: #fff;
         padding: 10px 20px;
         border: none;
         border-radius: 4px;
         margin: 5px;
         cursor: pointer;
     }

     .mk-step button:hover {
         background: #00205B;
     }

     #mk-summary {
         padding: 20px;
         background: #f9f9f9;
         border-radius: 4px;
     }

     #mk-summary button {
         background: #003087;
         color: #fff;
         padding: 10px 20px;
         border: none;
         border-radius: 4px;
         margin: 5px;
         cursor: pointer;
     }

     #mk-summary button:hover {
         background: #00205B;
     }

     @media (max-width: 600px) {
         .mk-configurator {
             margin: 10px;
             padding: 10px;
         }
         .mk-step button {
             width: 100%;
             margin: 5px 0;
         }
     }